.lpd{font-size:18px}.lpd.frame{--sidebar: 280px}.lpd .footnote,.lpd .hint,.lpd .badge,.lpd .k,.lpd caption{font-size:18px}.lpd h1{font-size:28px;margin:0 0 4px}.lpd h2{font-size:22px;margin:0 0 8px}.lpd button,.lpd input,.lpd select,.lpd textarea,.lpd .nav-link,.lpd .lpd-tap{min-height:48px}.lpd textarea{width:100%;font:inherit;color:inherit;border:2px solid var(--line);border-radius:12px;padding:8px 12px;background:var(--card)}.lpd a.button-primary,.lpd a.button-accent,.lpd a.button-ghost{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:48px}.lpd button:disabled{background:var(--status-neutral-bg);color:var(--ink);border:2px solid var(--line);opacity:1;cursor:not-allowed}.lpd .sidebar{overflow:auto}.lpd .nav-full{white-space:normal;overflow-wrap:anywhere;line-height:1.25}.lpd .hero{flex-direction:column;align-items:flex-start}.lpd .hero.lpd-hero-row{flex-direction:row;align-items:center;justify-content:space-between}.lpd .lpd-tenant{margin-top:auto;background:var(--tint);color:var(--ink);border-radius:12px;padding:12px;display:grid;gap:4px}.lpd-top-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end}.lpd-sim-badge,.lpd-count,.lpd-contoh{display:inline-flex;align-items:center;min-height:48px;padding:8px 14px;border-radius:999px;background:var(--status-wait-bg);color:var(--status-wait);font-weight:800}.lpd-contoh{min-height:36px}.lpd-strip{margin:0 0 12px;font-weight:800;color:var(--status-wait)}.lpd-persona{display:grid;gap:4px}.lpd-persona select{border:0;background:transparent;font-weight:800;min-width:240px}.lpd-hero-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.lpd-banner-validasi{background:var(--status-wait-bg);color:var(--status-wait);font-weight:800;border-radius:12px;padding:12px 16px;margin:0 0 16px}.lpd-stats,.lpd-templates,.lpd-story{display:grid;gap:16px}.lpd-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:16px 0}.lpd-stat,.lpd-card,.lpd-queue-card,.lpd-step{background:var(--card);border-radius:16px;padding:16px}.lpd-stat strong{display:block;font-size:28px;margin-top:8px}.lpd-queue{display:grid;gap:12px}.lpd-queue-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center}.lpd-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.lpd-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.lpd-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:16px;align-items:start}.lpd-templates{grid-template-columns:repeat(3,minmax(0,1fr))}.lpd-story{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.lpd-step{display:flex;flex-direction:column;gap:8px}.lpd-step h2{margin:0;padding:12px 16px;border-radius:12px;background:linear-gradient(90deg,var(--brand-deep),var(--brand-strong));color:#fff;font-size:20px}.lpd-step .lpd-step-kicker{margin:0;font-weight:800}.lpd-disclaimer{background:var(--status-wait-bg);color:var(--ink);border-radius:12px;padding:12px 16px;font-weight:700}.lpd-disclaimer p{margin:0 0 8px}.lpd-table-wrap{overflow-x:auto}.lpd table{width:100%;border-collapse:collapse}.lpd caption{text-align:left;font-weight:800;margin-bottom:8px}.lpd th,.lpd td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}.lpd .lpd-hit{background:var(--tint)}.lpd-chart{display:flex;gap:18px;align-items:flex-end;min-height:170px}.lpd-chart-col{display:grid;justify-items:center;gap:6px;font-weight:700}.lpd-bars{display:flex;gap:4px;align-items:flex-end;height:130px}.lpd-bar{width:22px;border-radius:6px 6px 0 0}.lpd-bar.in{background:var(--brand-strong)}.lpd-bar.out{background:var(--accent)}.lpd-check{display:flex;gap:12px;align-items:center;min-height:48px}.lpd-lines{max-height:460px;overflow:auto;display:grid;gap:8px}.lpd-line{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;min-height:48px}.lpd-muted{color:var(--secondary)}.lpd-preview{display:grid;gap:8px}.lpd-wide{width:100%}.lpd pre.lpd-export{white-space:pre-wrap;font-family:inherit;background:var(--card);border-radius:12px;padding:12px}@media(max-width:1100px){.lpd-story,.lpd-templates{grid-template-columns:1fr 1fr}.lpd-split{grid-template-columns:1fr}}@media(max-width:767px){.lpd .bottom-nav.lpd-bottom{justify-content:flex-start;overflow-x:auto;gap:4px}.lpd .bottom-nav.lpd-bottom a{min-width:84px;min-height:48px}.lpd-queue-card,.lpd-hero-row,.lpd-top-tools{display:grid}.lpd-story,.lpd-templates,.lpd-stats{grid-template-columns:1fr}}:root{--brand-primary: #00a6a6;--brand-mid: #00c2b8;--brand-light: #1fd1c1;--brand-strong: #007a80;--brand-deep: #005f66;--accent: #ff7a1a;--accent-ink: #2b1000;--page: #f4fbfb;--card: #ffffff;--ink: #0b2b33;--secondary: #3e5a62;--tint: #d6f7f4;--line: #d3e8e8;--touch-min: 56px;--body-size: 18px;--glass-bg: rgba(255, 255, 255, .62);--glass-solid: #ffffff;--text-on-hero: #022b30;--canvas-top: #dff8f6;--status-ok: #0b6b35;--status-ok-bg: #d2f5e0;--status-wait: #7a4300;--status-wait-bg: #ffe7b0;--status-bad: #b3261e;--status-bad-bg: #ffe1dc;--status-info: #2a3db0;--status-info-bg: #e0e7ff;--status-neutral: #3e5a62;--status-neutral-bg: #e4eef0;--status-special: #6b21a8;--status-special-bg: #f1e4fb;--sidebar: 220px;--sidebar-tablet: 180px;--rail: 88px;--gutter: 24px}.glass{background:var(--glass-solid)}@supports (backdrop-filter: blur(6px)){.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.no-blur .glass{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}@media(prefers-reduced-transparency:reduce){.glass{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100vh;font-family:Inter,Noto Sans,sans-serif;font-size:var(--body-size);line-height:1.5;color:var(--ink);background:linear-gradient(180deg,var(--canvas-top),var(--page) 320px)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brand-deep);outline-offset:3px}.skip{position:absolute;left:12px;top:-80px;z-index:20;background:var(--card);color:var(--ink);padding:12px 16px;min-height:var(--touch-min)}.skip:focus{top:48px}.sim-banner{position:sticky;top:0;z-index:10;margin:0;padding:8px 16px;text-align:center;font-weight:800;background:var(--status-wait-bg);color:var(--status-wait)}.frame{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:calc(100vh - 44px)}.sidebar{background:var(--card);padding:16px 12px 24px;display:flex;flex-direction:column;gap:8px}.brand{display:flex;gap:12px;align-items:center;min-height:var(--touch-min);color:inherit;text-decoration:none;padding:8px}.brand-title{display:block;font-weight:800}.brand-sub{display:block;color:var(--secondary);font-size:16px}.nav-link,.bottom-nav a{display:flex;align-items:center;gap:12px;min-height:var(--touch-min);padding:8px 12px;border-radius:12px;color:var(--secondary);text-decoration:none;font-weight:700}.nav-link.active,.bottom-nav a.active{background:var(--tint);color:var(--brand-deep)}.nav-short{display:none}.serve-note{color:var(--secondary);font-size:16px;margin:auto 8px 8px}.logout{margin-top:auto}.workspace{min-width:0;padding:var(--gutter)}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:16px}.dashboard-title{margin:0;font-size:28px;font-weight:800}.dashboard-sub{margin:4px 0 0;color:var(--secondary)}.role-chip{margin:0;padding:12px 16px;border-radius:14px;font-weight:700;max-width:420px}.hero{display:flex;gap:16px;align-items:center;padding:16px 20px;border-radius:16px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-mid) 55%,var(--brand-light));color:var(--text-on-hero);margin-bottom:16px}.hero h1,.pane h2,.notice-access h1,.state h1{margin:0 0 4px}.hero p{margin:0}.pane,.stat-grid article,.receipt,.login-card{background:var(--card);border-radius:16px;padding:16px}.split{display:grid;grid-template-columns:42% 58%;gap:16px;align-items:start}.stack{display:grid;gap:16px;align-items:start}.filters,.stat-grid,.link-list,.people{display:flex;flex-wrap:wrap;gap:12px}.entry-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;width:100%}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.stat-grid p{font-size:28px;font-weight:800;margin:8px 0 0}.filters{align-items:end;margin-bottom:16px}.filters label{display:flex;flex-direction:column;gap:4px;font-weight:700}input,select{min-height:var(--touch-min);border:2px solid var(--line);border-radius:12px;padding:8px 12px;background:var(--card);width:100%}input[type=radio]{width:28px;height:28px;min-height:28px;flex:0 0 28px;accent-color:var(--brand-strong)}.button-primary,.button-accent,.button-ghost,.chip{min-height:var(--touch-min);border-radius:12px;padding:8px 16px;font-weight:800;cursor:pointer}.button-primary{background:var(--brand-strong);color:#fff;border:0}.button-accent{background:var(--accent);color:var(--accent-ink);border:0}.button-ghost{background:var(--card);color:var(--brand-deep);border:2px solid var(--brand-strong)}.chip{background:var(--card);color:var(--secondary);border:2px solid var(--line)}.chip.on{background:var(--brand-strong);color:#fff;border-color:var(--brand-strong)}.entry{width:100%;text-align:left;background:var(--card);border:2px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:6px}.entry.selected{background:var(--tint);border-color:var(--brand-strong)}.entry-title{font-weight:800}.entry-meta,.entry-reason,.hint,.k{color:var(--secondary)}.k{font-weight:700;font-size:16px}.badge{display:inline-flex;align-items:center;min-height:32px;padding:4px 10px;border-radius:999px;font-weight:700;font-size:16px;width:fit-content}.badge-menunggu_persetujuan,.badge-neutral{background:var(--status-wait-bg);color:var(--status-wait)}.badge-disetujui{background:var(--status-ok-bg);color:var(--status-ok)}.badge-ditolak{background:var(--status-bad-bg);color:var(--status-bad)}.badge-dibatalkan_sistem{background:var(--status-special-bg);color:var(--status-special)}.notice-access,.state-loading{background:var(--status-wait-bg);color:var(--status-wait);border-radius:16px;padding:16px}.notice-access{display:grid;gap:12px}.form-error{color:var(--status-bad);font-weight:700}.state-bad{background:var(--status-bad-bg);color:var(--status-bad);border-radius:16px;padding:16px}.state-neutral{background:var(--status-neutral-bg);color:var(--status-neutral);border-radius:16px;padding:16px}.stamp{background:var(--status-bad-bg);color:var(--status-bad);font-weight:800;padding:12px;border-radius:12px}.receipt pre{white-space:pre-wrap;font-family:inherit;font-size:18px}.sim-watermark{font-weight:800;color:var(--status-wait)}.footnote{color:var(--secondary);font-size:16px}.people{list-style:none;padding:0;display:grid;gap:12px}.people li,.link-list a{display:flex;gap:12px;align-items:center;min-height:var(--touch-min)}.link-list{list-style:none;padding:0}.link-list a{color:var(--brand-deep);font-weight:800}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b2b3373;display:grid;place-items:center;padding:24px;z-index:30}.modal{width:min(560px,100%);background:var(--card);border-radius:16px;padding:24px;display:grid;gap:12px}.modal textarea,.action-row{width:100%}.modal textarea{min-height:96px;font:inherit;font-size:18px;padding:12px;border:2px solid var(--line);border-radius:12px}.action-row{display:flex;flex-wrap:wrap;gap:12px}.button-danger{background:var(--card);color:var(--status-bad);border:2px solid var(--status-bad);min-height:var(--touch-min);border-radius:12px;padding:8px 16px;font-weight:800}.state-ok{background:var(--status-ok-bg);color:var(--status-ok);border-radius:16px;padding:16px}.notice-special{background:var(--status-special-bg);color:var(--status-special);border-radius:16px;padding:16px;font-weight:700}.bill-row{display:grid;gap:8px}.bill-cancel button:disabled{opacity:.55}.receipt{display:grid;gap:8px}.receipt h2{margin:0;font-size:22px}.receipt-a5{max-width:148mm}.receipt-thermal{max-width:80mm}.batal-mark{margin:0;border:4px solid var(--status-bad);color:var(--status-bad);font-size:32px;font-weight:800;letter-spacing:.18em;text-align:center;padding:8px}.nomor-krama{font-size:40px;font-weight:800;letter-spacing:.04em;margin:8px 0}.choice{display:flex;align-items:center;gap:12px;min-height:var(--touch-min)}.state-wait{background:var(--status-wait-bg);color:var(--status-wait);border-radius:16px;padding:16px}.krama-table{display:grid;gap:8px;width:100%}.krama-head,.krama-row{display:grid;grid-template-columns:9rem 1.2fr 1fr 8rem auto;gap:8px;align-items:center}.krama-head{color:var(--secondary);font-size:16px;font-weight:700;padding:0 8px}.krama-row{border-bottom:1px solid var(--line)}.krama-open{grid-column:1 / 5;display:grid;grid-template-columns:9rem 1.2fr 1fr 8rem;gap:8px;align-items:center;text-align:left;background:transparent;border:0;min-height:var(--touch-min);padding:8px}.krama-open strong{white-space:nowrap}.krama-action{min-height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;text-decoration:none}.muted{color:var(--secondary)}.iuran-grid .krama-head,.iuran-grid .krama-row{grid-template-columns:1.3fr .8fr repeat(4,1fr)}fieldset{border:2px solid var(--line);border-radius:12px;display:grid;gap:8px}.stat-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media print{.sim-banner,.sidebar,.topbar,.bottom-nav,.footnote,.no-print,.filters,.hero,.notice-access{display:none!important}.frame{display:block}.workspace{padding:0}.receipt{box-shadow:none;background:#fff}.receipt-a5{page:slip-a5;width:148mm}.receipt-thermal{page:slip-thermal;width:80mm}.split .pane:not(:has(.nomor-sheet)){display:none!important}}@page slip-a5{size:A5 portrait;margin:12mm}@page slip-thermal{size:80mm auto;margin:4mm}.login-screen{min-height:calc(100vh - 44px);display:grid;place-items:center;padding:24px}.login-card{width:min(560px,100%);display:grid;gap:12px}.persona{display:flex;gap:12px;align-items:center;min-height:var(--touch-min);border:2px solid var(--line);border-radius:16px;padding:8px 12px;background:var(--card)}.persona>span{flex:1;min-width:0}.persona-name{display:block;font-weight:800}.persona-role{display:block;color:var(--secondary)}.bottom-nav{display:none}@media(min-width:768px)and (max-width:1279px)and (orientation:landscape){.frame{grid-template-columns:var(--sidebar-tablet) minmax(0,1fr)}.workspace{padding:16px 20px}.split{grid-template-columns:44% 56%}}@media(min-width:768px)and (max-width:1279px)and (orientation:portrait){.frame{grid-template-columns:var(--rail) minmax(0,1fr)}.workspace{padding:16px}.sidebar{padding:8px 4px}.brand{justify-content:center}.brand-text,.nav-full,.serve-note{display:none}.nav-short{display:block;font-size:14px;text-align:center}.nav-link{flex-direction:column;justify-content:center;gap:2px;padding:6px 2px;min-height:72px}.topbar{flex-direction:column;gap:12px}.split{grid-template-columns:1fr}.logout{font-size:14px;padding:8px 4px}}@media(max-width:767px){.frame{grid-template-columns:1fr}.sidebar{display:none}.workspace{padding:20px 20px 112px}.topbar{flex-direction:column;gap:12px}.split,.stack{grid-template-columns:1fr}.split.phone-detail .pane:first-child,.stack.phone-detail .pane:first-child{display:none}.split:not(.phone-detail) .pane:last-child,.stack:not(.phone-detail) .pane:last-child{display:none}.stat-grid,.stat-grid-4{grid-template-columns:1fr}.krama-head{display:none}.krama-row,.krama-open,.iuran-grid .krama-row{grid-template-columns:1fr}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--card);padding:8px 8px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;z-index:5}.bottom-nav a{flex-direction:column;gap:2px;font-size:14px;padding:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}