@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_2fe1ab3d-module__-T-KAq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_2fe1ab3d-module__-T-KAq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_94eac853-module__kas5oq__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_94eac853-module__kas5oq__variable{--font-mono-jb:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f5f7fa;--surface-1:#fff;--surface-2:#eef2f7;--surface-3:#e2e8f0;--surface-solid:#fff;--wash-1:#0f172a0a;--wash-2:#0f172a12;--wash-3:#0f172a1f;--field-bg:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#5b6778;--border:#e2e8f0;--border-strong:#cbd5e1;--gridline:#eaeff5;--baseline:#cbd5e1;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-fill:#2563eb;--primary-fill-hover:#1d4ed8;--primary-soft:#2563eb1a;--on-primary:#fff;--link-hover:#1d4ed8;--nav-active-fg:#1d4ed8;--accent:#d98e63;--accent-soft:#d98e632e;--accent-fg:#9a4b23;--on-accent:#43220f;--series-1:#2563eb;--seq-100:#eff6ff;--seq-200:#dbeafe;--seq-300:#bfdbfe;--seq-400:#93c5fd;--seq-500:#60a5fa;--seq-600:#3b82f6;--seq-700:#1d4ed8;--status-good:#157f3c;--status-warning:#a65a2c;--status-critical:#c81e1e;--status-info:#2563eb;--danger-fg:#b91c1c;--ok-bg:#16a34a1f;--ok-fg:#166534;--warn-bg:#d98e6333;--warn-fg:#9a4b23;--info-bg:#2563eb1a;--info-fg:#1d4ed8;--danger-bg:#b91c1c1a;--calm-bg:#eef2f7;--calm-fg:#475569;--chrome-bg:#ffffffd1;--atmos-1:#2563eb12;--atmos-2:#d98e6317;--masuk-1:#2563eb29;--masuk-2:#d98e6329;--shadow-subtle:0 1px 2px #0f172a0f;--shadow-raised:0 1px 3px #0f172a14, 0 10px 26px #0f172a0f;--shadow-dialog:0 24px 60px #0f172a33;--radius-input:8px;--radius-control:8px;--radius-card:16px;--radius:16px;--container-max:1400px;--header-h:64px;--sidebar-w:216px;--gap:16px;--card-padding:24px;--motion-fast:.15s;--motion-normal:.22s;--ease:cubic-bezier(.4, 0, .2, 1);--font:var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;--font-mono:var(--font-mono-jb), "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#020617;--surface-1:#7a7c821a;--surface-2:#7a7c8229;--surface-3:#7a7c823d;--surface-solid:#0b1220;--wash-1:#7a7c821a;--wash-2:#7a7c8229;--wash-3:#7a7c8242;--field-bg:#7a7c821f;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#8a8a93;--border:#7a7c8252;--border-strong:#7a7c828c;--gridline:#7a7c8233;--baseline:#7a7c8273;--primary:#3b82f6;--primary-strong:#2563eb;--primary-fill:#2563eb;--primary-fill-hover:#1d4ed8;--primary-soft:#3b82f629;--on-primary:#fff;--link-hover:#60a5fa;--nav-active-fg:#bfdbfe;--accent:#eab393;--accent-soft:#eab39329;--accent-fg:#eab393;--on-accent:#1c1917;--series-1:#3b82f6;--seq-100:#0f2545;--seq-200:#16386b;--seq-300:#1d4b91;--seq-400:#2563eb;--seq-500:#3b82f6;--seq-600:#60a5fa;--seq-700:#93c5fd;--status-good:#22c55e;--status-warning:#eab393;--status-critical:#ef4444;--status-info:#3b82f6;--danger-fg:#fca5a5;--ok-bg:#22c55e29;--ok-fg:#4ade80;--warn-bg:#eab3932e;--warn-fg:#eab393;--info-bg:#3b82f62e;--info-fg:#93c5fd;--danger-bg:#f8717129;--calm-bg:#7a7c8238;--calm-fg:#d4d4d8;--chrome-bg:#020617b8;--atmos-1:#3b82f629;--atmos-2:#eab3931a;--masuk-1:#3b82f63d;--masuk-2:#eab39324;--shadow-subtle:0 1px 0 #ffffff0a inset, 0 1px 3px #00000073;--shadow-raised:0 1px 0 #ffffff0f inset, 0 8px 24px #0000008c;--shadow-dialog:0 24px 60px #000000b3}*{box-sizing:border-box}html,body{background:var(--page);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 15% -8%, var(--atmos-1), transparent 62%), radial-gradient(760px 460px at 100% 4%, var(--atmos-2), transparent 58%);position:fixed;inset:0}a{color:var(--primary);-webkit-text-decoration-color:var(--primary-soft);text-decoration-color:var(--primary-soft)}a:hover{color:var(--link-hover)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-input)}.merek-app{color:var(--text-primary);align-items:center;gap:10px;display:inline-flex}.merek-app img{flex:none;width:32px;height:32px;display:block}.merek-app .merek-nama{letter-spacing:-.01em;white-space:nowrap;font-size:15px;line-height:1.15}.merek-app .merek-nama strong{font-weight:700}.merek-app .merek-nama span{color:var(--text-secondary);font-weight:500}.merek-besar{gap:14px}.merek-besar img{width:52px;height:52px}.merek-besar .merek-nama{letter-spacing:-.02em;font-size:26px}.shell{min-height:100vh;padding-left:var(--sidebar-w)}.sidebar{width:var(--sidebar-w);z-index:20;background:var(--chrome-bg);-webkit-backdrop-filter:blur(14px);border-right:1px solid var(--border);flex-direction:column;gap:0;padding:12px 10px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar .brand{border-radius:var(--radius-control);margin-bottom:14px;padding:4px 6px 0;text-decoration:none;display:block}.sidebar .kelompok:first-of-type{margin-top:2px}.sidebar .kelompok{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:12px 0 3px;padding:0 8px;font-size:10px;font-weight:600}.sidebar nav{flex-direction:column;gap:1px;display:flex}.sidebar nav a{border-radius:var(--radius-control);color:var(--text-secondary);transition:background var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);border:1px solid #0000;align-items:center;gap:9px;padding:6px 8px;font-size:12.5px;font-weight:500;text-decoration:none;display:flex}.sidebar nav a .nav-lencana{background:var(--accent);color:var(--on-accent);font-family:var(--font-mono);text-align:center;border-radius:999px;flex:none;min-width:18px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:700;line-height:1.6}.sidebar nav a:hover{background:var(--wash-2);color:var(--text-primary)}.sidebar nav a[aria-current=page]{background:var(--primary-soft);color:var(--nav-active-fg);border-color:#3b82f673;font-weight:600}.sidebar nav a .ikon{opacity:.85;flex:none;width:15px}.sidebar .kaki{border-top:1px solid var(--border);margin-top:auto;padding-top:10px}.sidebar .kaki .siapa{font-size:12.5px;font-weight:600}.sidebar .kaki .peran{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:7px;font-size:10px}.sidebar .kaki button{width:100%}.topbar{z-index:15;height:var(--header-h);background:var(--chrome-bg);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.topbar .spacer{flex:1}.topbar .who{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted);font-size:11px}.topbar .hantu{border-radius:var(--radius-control);width:40px;height:40px;color:var(--text-secondary);background:0 0;border:1px solid #0000;place-items:center;text-decoration:none;display:grid;position:relative}.topbar .hantu:hover{background:var(--wash-2);border-color:var(--border);color:var(--text-primary)}.topbar .lencana{background:var(--accent);color:var(--on-accent);font-family:var(--font-mono);text-align:center;border-radius:999px;min-width:16px;padding:0 5px;font-size:10px;font-weight:700;line-height:1.5;position:absolute;top:4px;right:3px}.topbar .aliran-putus{font-family:var(--font-mono);letter-spacing:.04em;color:var(--warn-fg);background:var(--warn-bg);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;display:inline-flex}.topbar .aliran-putus .titik{background:currentColor;border-radius:999px;width:6px;height:6px}.main{width:100%;max-width:var(--container-max);margin:0 auto;padding:24px}@media (max-width:700px){.main{padding:16px 12px}}.nav-sempit-tombol{display:none}.nav-isi{display:contents}@media (max-width:900px){.shell{padding-left:0}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;gap:10px 14px;width:auto;padding:12px;display:flex;position:static;overflow:visible}.sidebar .brand{margin-bottom:0;padding:0}.nav-sempit-tombol{align-items:center;gap:8px;min-height:40px;margin-left:auto;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.nav-sempit-tombol .sub{font-size:12px;font-weight:500}.nav-sempit-tombol .lencana{margin-left:2px;position:static}.nav-isi{flex:100%;order:3;display:none}.nav-isi.terbuka{display:block}.nav-isi .kelompok{margin:12px 0 4px;display:block}.nav-isi .kelompok:first-of-type{margin-top:4px}.nav-isi nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}@media (max-width:420px){.nav-isi nav{grid-template-columns:1fr}}.nav-isi nav a{min-height:44px;padding:10px;font-size:13px}.sidebar .kaki{border-top:1px solid var(--border);flex:100%;order:4;align-items:center;gap:10px;margin:0;padding-top:10px;display:flex}.sidebar .kaki .peran{margin-bottom:0}.sidebar .kaki button{width:auto;min-height:40px;margin-left:auto}}@media (max-width:700px){.topbar{height:auto;min-height:var(--header-h);flex-wrap:wrap;padding:10px 12px}.topbar .who{flex:200px;line-height:1.45}.topbar .spacer{display:none}}h1{letter-spacing:-.02em;margin:0 0 6px;font-size:28px;font-weight:500;line-height:1.15}h2{letter-spacing:-.01em;margin:0 0 14px;font-size:17px;font-weight:600;line-height:1.4}h3{margin:0 0 8px;font-size:14px;font-weight:600}.sub{color:var(--text-secondary);margin:0 0 24px;font-size:15px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-subtle);padding:var(--card-padding);margin-bottom:var(--gap)}.grid{gap:var(--gap);margin-bottom:var(--gap);display:grid}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid>.card{margin-bottom:0}.grid>*{min-width:0}@media (max-width:1000px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}.tile{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-subtle);padding:20px}.tile .label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:10px;font-weight:600}.tile .value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:500;line-height:1.05}.tile .unit{color:var(--text-secondary);margin-left:5px;font-size:14px;font-weight:400}.tile .note{color:var(--text-muted);margin-top:8px;font-size:12px}.tile .delta{font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;margin-top:8px;font-size:12px;font-weight:600;display:flex}.tile .delta .banding{color:var(--text-muted);font-weight:400}table{border-collapse:collapse;width:100%}th{text-align:left;background:var(--wash-1);height:44px;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;padding:0 12px;font-size:10px;font-weight:600}th:first-child{border-top-left-radius:var(--radius-control)}th:last-child{border-top-right-radius:var(--radius-control)}td{text-align:left;border-bottom:1px solid var(--gridline);color:var(--text-primary);padding:12px}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--wash-1)}tbody tr.baris-tolak td:first-child{box-shadow:inset 3px 0 0 var(--danger-fg)}tbody tr.baris-tolak td,tbody tr.baris-tolak:hover td{background:var(--danger-bg)}.gulir-x{overflow-x:auto}.gulir-x table{min-width:720px}td.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.chip{font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;background:var(--calm-bg);color:var(--calm-fg);border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.chip.ok{background:var(--ok-bg);color:var(--ok-fg)}.chip.warn{background:var(--warn-bg);color:var(--warn-fg)}.chip.bahaya{background:var(--danger-bg);color:var(--danger-fg)}.chip.info{background:var(--info-bg);color:var(--info-fg)}.chip.aksen{background:var(--accent-soft);color:var(--accent-fg)}.field{margin-bottom:16px}.field label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=search],input[type=date],input[type=datetime-local],input[type=number],input[type=time],select,textarea{max-width:100%;font:inherit;background:var(--field-bg);color:var(--text-primary);border:1px solid var(--baseline);border-radius:var(--radius-input);transition:border-color var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease);padding:9px 12px;font-size:14px}textarea,.field input,.field select,.field textarea{width:100%}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f638}input::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=checkbox],input[type=radio]{accent-color:var(--primary);width:auto}select option{background:var(--surface-solid);color:var(--text-primary)}button,.btn{font:inherit;cursor:pointer;border-radius:var(--radius-control);border:1px solid var(--baseline);background:var(--wash-2);min-height:36px;color:var(--text-primary);transition:background var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease);padding:0 14px;font-size:13px;font-weight:500}button:hover:not(:disabled),.btn:hover{background:var(--wash-3);border-color:var(--border-strong)}button.primary,.btn.primary{background:var(--primary-fill);border-color:var(--primary-fill);color:var(--on-primary);font-weight:600}button.primary:hover:not(:disabled){background:var(--primary-fill-hover);border-color:var(--primary-fill-hover)}button.danger{color:var(--danger-fg);background:#ef44441a;border-color:#ef444473}button.danger:hover:not(:disabled){border-color:var(--status-critical);background:#ef444433}button:disabled{opacity:.4;cursor:not-allowed}td button{min-height:30px;padding:0 10px;font-size:12px}.pilih-rentang{flex-direction:column;gap:10px;display:flex}.pilih-rentang .prasetel{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-1);flex-wrap:wrap;width:fit-content;max-width:100%;display:inline-flex;overflow:hidden}.pilih-rentang .prasetel button{border:none;border-right:1px solid var(--border);min-height:34px;color:var(--text-secondary);white-space:nowrap;background:0 0;border-radius:0;padding:0 12px;font-size:12.5px;font-weight:500}.pilih-rentang .prasetel button:last-child{border-right:none}.pilih-rentang .prasetel button:hover:not(.aktif){background:var(--wash-1);color:var(--text-primary)}.pilih-rentang .prasetel button.aktif{background:var(--primary-fill);color:var(--on-primary);font-weight:600}.pilih-rentang .kustom{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.pilih-rentang .kustom label{gap:3px;display:grid}.pilih-rentang .kustom label span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:600}.pilih-rentang .kustom input{min-height:32px;padding:4px 10px}.pilih-rentang .kustom button{min-height:32px}.kepala-halaman{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:4px;display:flex}.kendali{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.kepala-halaman>.kendali{align-items:flex-start;margin-bottom:0}.kendali .aksi-kanan{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.kendali .btn{align-items:center;gap:6px;min-height:36px;display:inline-flex}@media (max-width:720px){.kendali .aksi-kanan{width:100%;margin-left:0}}.legenda{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px;font-size:12px;display:flex}.legenda span{align-items:center;gap:6px;display:inline-flex}.legenda i{border-radius:3px;flex:none;width:11px;height:11px;display:inline-block}.legenda i.garis{border-top:2px dashed var(--text-muted);border-radius:0;width:16px;height:0}.jeda-mulai,.jeda-aktif{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.jeda-mulai label{align-items:center;gap:7px;display:flex}.jeda-mulai label span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:600}.jeda-mulai .ringkas{color:var(--text-muted);font-size:12px}.jeda-aktif{border:1px solid var(--accent);border-radius:var(--radius-control);background:var(--accent-soft);padding:12px 14px}.jeda-aktif .titik{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px}.jeda-aktif .judul{font-size:13px;font-weight:600}.jeda-aktif .jam{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:20px}.jeda-daftar{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.jeda-daftar li{border:1px solid var(--border);border-radius:var(--radius-control);align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:inline-flex}.jeda-daftar .waktu,.jeda-daftar .lama{font-family:var(--font-mono);color:var(--text-secondary)}.jeda-catatan{color:var(--text-muted);margin:12px 0 0;font-size:12px;line-height:1.55}.mode-rencana{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-1);display:inline-flex;overflow:hidden}.mode-rencana button{border:none;border-right:1px solid var(--border);min-height:36px;color:var(--text-secondary);background:0 0;border-radius:0;padding:0 14px;font-size:13px}.mode-rencana button:last-child{border-right:none}.mode-rencana button:hover:not(.aktif){background:var(--wash-1);color:var(--text-primary)}.mode-rencana button.aktif{background:var(--primary-fill);color:var(--on-primary);font-weight:600}.nav-lightbox{border-radius:var(--radius-control);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;flex:none;place-items:center;width:44px;height:64px;font-size:26px;line-height:1;display:grid}.nav-lightbox:hover:not(:disabled){background:#fff3}.nav-lightbox:disabled{opacity:.25;cursor:default}.alert{border-radius:var(--radius-control);border:1px solid var(--border);border-left:2px solid var(--baseline);background:var(--surface-1);margin-bottom:16px;padding:14px 16px}.alert.error{border-left-color:var(--status-critical);background:#ef44441a}.alert.warn{border-left-color:var(--accent);background:#eab3931a}.alert.info{border-left-color:var(--primary);background:#3b82f61a}.alert.ok{border-left-color:var(--status-good);background:#22c55e1a}.empty{color:var(--text-muted);text-align:center;padding:32px;font-size:14px}code,.mono{font-family:var(--font-mono);font-size:13px}.masuk-bingkai{background-color:var(--page);background-image:url(/latar-masuk.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;min-height:100vh;padding:32px 20px;display:grid}.masuk-sisi{justify-items:center;gap:22px;width:100%;display:grid}.masuk-merek{justify-content:center;display:flex}.masuk-kartu{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-card);width:100%;max-width:400px;box-shadow:var(--shadow-raised);padding:32px}@media print{.sidebar,.topbar{display:none!important}.shell{padding-left:0}.card{box-shadow:none}}.kartu-geser{min-height:28px;padding:0 8px;font-size:12px}.kartu-tautan{cursor:pointer;background:0 0;border:none;min-height:0;padding:0;font-size:11.5px}.kartu-tautan:hover:not(:disabled){background:0 0;text-decoration:underline}@media (pointer:coarse){.pilih-rentang .prasetel button{min-height:40px}.kartu-geser{min-width:44px;min-height:40px;font-size:15px}.kartu-tautan{margin:-10px -8px;padding:10px 8px;font-size:12.5px}}.menu-aksi{vertical-align:middle;text-align:left;display:inline-block;position:relative}.menu-aksi>summary{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-1);min-width:38px;min-height:32px;color:var(--text-secondary);justify-content:center;align-items:center;padding:0 8px;font-size:18px;line-height:1;list-style:none;display:inline-flex}.menu-aksi>summary::-webkit-details-marker{display:none}.menu-aksi>summary:hover,.menu-aksi[open]>summary{background:var(--wash-2)}.menu-aksi>summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.menu-aksi-isi{z-index:30;background:var(--surface-solid);border:1px solid var(--border);min-width:200px;box-shadow:var(--shadow-dialog);border-radius:10px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.menu-aksi-isi button{text-align:left;width:100%;min-height:36px;color:var(--text-primary);background:0 0;border:none;justify-content:flex-start;margin:0;padding:0 10px}.menu-aksi-isi button:hover:not(:disabled){background:var(--wash-1)}.menu-aksi-isi button.danger{color:var(--danger-fg);background:0 0;border:none}.menu-aksi-isi button.danger:hover:not(:disabled){background:var(--danger-bg)}.menu-aksi-isi hr{border:none;border-top:1px solid var(--border);margin:4px 2px}.menu-aksi[data-arah=atas]>.menu-aksi-isi{top:auto;bottom:calc(100% + 4px)}@media (max-width:1000px){.tabel-sempit{position:relative;overflow-x:auto}.tabel-sempit table{min-width:820px}.tabel-sempit table.tabel-tugas{min-width:1040px}.tabel-sempit .menu-aksi-isi{box-shadow:none;margin-top:4px;position:static}}.notif-orang{border:1px solid var(--border);background:var(--surface-1);min-height:32px;color:var(--text-primary);border-radius:999px;align-items:baseline;gap:6px;padding:6px 11px;font-size:13px;text-decoration:none;display:inline-flex}.notif-orang:hover{background:var(--wash-2);border-color:var(--border-strong)}.notif-orang:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.notif-orang[data-baru]:before{content:"";background:var(--primary);border-radius:50%;align-self:center;width:7px;height:7px}.notif-rincian{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.cuti-sunting>td{background:var(--wash-1);padding:12px}.tautan{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.tautan:hover:not(:disabled){text-decoration:none}.tautan:disabled{cursor:default;opacity:.6;text-decoration:none}.tautan-orang{border-radius:6px;align-items:center;gap:8px;min-height:28px;margin:-2px -4px;padding:2px 4px;text-decoration:none;display:inline-flex}.tautan-orang:hover{background:var(--wash-1)}.tautan-orang:focus-visible{outline:2px solid var(--primary);outline-offset:1px}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex:none}@media (pointer:coarse){input[type=checkbox],input[type=radio]{width:24px;height:24px}}.tab-platform{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-1);margin:4px 0 14px;display:inline-flex;overflow:hidden}.tab-platform button{min-height:38px;color:var(--text-secondary);background:0 0;border:none;border-radius:0;padding:0 22px;font-weight:500}.tab-platform button+button{border-left:1px solid var(--border)}.tab-platform button.aktif{background:var(--primary-fill);color:var(--on-primary);font-weight:600}.tab-platform button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.tombol-unduh{align-items:center;min-height:40px;padding:0 18px;text-decoration:none;display:inline-flex}.rincian-installer{grid-template-columns:max-content 1fr;gap:6px 14px;margin:14px 0 0;font-size:13px;display:grid}.rincian-installer dt{color:var(--text-muted)}.rincian-installer dd{overflow-wrap:anywhere;min-width:0;margin:0}.salin{align-items:flex-start;gap:8px;max-width:100%;display:inline-flex}.salin code{font-family:var(--font-mono);overflow-wrap:anywhere;word-break:break-all;font-size:12px}.salin button{flex:none;min-height:26px;padding:0 9px;font-size:12px}.salin-blok{box-sizing:border-box;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 10px;display:flex}.salin-blok code{flex:1}.kemajuan{background:var(--surface-2);border-radius:999px;height:22px;margin:4px 0 12px;position:relative;overflow:hidden}.kemajuan>div{background:var(--primary-fill);height:100%;transition:width .2s}.kemajuan>span{color:var(--text-primary);place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;inset:0}.tautan-unduh{margin:-4px -6px;padding:4px 6px;display:inline-block}@media (pointer:coarse){.tautan-unduh{margin:-12px -10px;padding:12px 10px}}input[type=file].pilih-berkas{box-sizing:border-box;width:100%;font:inherit;color:var(--text-secondary);background:var(--field-bg);border:1px dashed var(--border-strong);border-radius:var(--radius-input);padding:5px;font-size:13px}input[type=file].pilih-berkas::file-selector-button{min-height:30px;font:inherit;color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-control);cursor:pointer;margin-right:10px;padding:0 12px;font-weight:600}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.centang{cursor:pointer;align-items:center;gap:8px;min-height:32px;font-size:13.5px;display:inline-flex}.diperbarui{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12.5px}.pilih-periode{border:1px solid var(--border);border-radius:var(--radius-control);display:inline-flex;overflow:hidden}.pilih-periode a{min-height:34px;color:var(--text-secondary);background:var(--surface-1);align-items:center;padding:0 14px;font-size:13px;text-decoration:none;display:inline-flex}.pilih-periode a+a{border-left:1px solid var(--border)}.pilih-periode a.aktif{background:var(--primary-fill);color:var(--on-primary);font-weight:600}.pilih-periode a:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.saring-kehadiran{flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0 12px;display:flex}.saring-kehadiran button{background:var(--surface-1);border:1px solid var(--border);min-height:32px;color:var(--text-secondary);border-radius:999px;padding:0 12px;font-size:13px}.saring-kehadiran button .num{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:4px}.saring-kehadiran button.aktif{background:var(--primary-fill);border-color:var(--primary-fill);color:var(--on-primary);font-weight:600}.saring-kehadiran button.aktif .num{color:inherit}@media (max-width:760px){.grid.ringkas-kehadiran{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.ringkas-kehadiran .tile .note{display:none}}.tabel-kehadiran{width:100%}.tabel-kehadiran td{vertical-align:top}.tabel-kehadiran .kh-dept,.tabel-kehadiran .kh-ket{color:var(--text-muted);margin-top:3px;font-size:12px}.tabel-kehadiran .kh-versi{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px}.tabel-kehadiran .kh-versi .usang{color:var(--status-warning);font-weight:600}.tabel-kehadiran .kh-telat{margin-left:6px}.tabel-kehadiran td.num,.tabel-kehadiran td[data-label=Masuk],.tabel-kehadiran td[data-label=Pulang]{font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:720px){.tabel-kehadiran thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tabel-kehadiran,.tabel-kehadiran tbody{display:block}.tabel-kehadiran tr{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 10px;padding:12px 14px;display:grid}.tabel-kehadiran td{border:none;padding:0;display:block;text-align:left!important}.tabel-kehadiran td.kh-nama,.tabel-kehadiran td.kh-status{grid-column:1/-1}.tabel-kehadiran td[data-label]:before{content:attr(data-label);color:var(--text-muted);margin-bottom:2px;font-size:11px;display:block}.tabel-kehadiran td[data-label]{white-space:normal;font-size:13px}.tabel-kehadiran .kh-telat{margin:3px 0 0;display:inline-block}}.alat-kelas{flex-wrap:wrap;align-items:center;gap:10px 16px;margin:16px 0 12px;display:flex}.cari-kelas{flex:0 280px}.cari-kelas input,.tabel-kelas{width:100%}.tabel-kelas td{vertical-align:top}.kl-alias{overflow-wrap:anywhere;font-weight:500}.kl-proses{font-family:var(--font-mono);color:var(--text-muted);overflow-wrap:anywhere;margin-top:2px;font-size:11.5px}.kl-belum,.kl-ikut,.kl-catatan{color:var(--text-muted);font-size:12px}.kl-belum{margin-top:5px}.kl-catatan{margin:6px 0 0}.segmen-kelas{border:1px solid var(--border);border-radius:var(--radius-control);display:inline-flex;overflow:hidden}.segmen-kelas label{min-height:32px;color:var(--text-secondary);background:var(--surface-1);cursor:pointer;white-space:nowrap;align-items:center;padding:0 11px;font-size:12.5px;display:inline-flex;position:relative}.segmen-kelas label+label{border-left:1px solid var(--border)}.segmen-kelas input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segmen-kelas label:hover{background:var(--wash-2)}.segmen-kelas label:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:-2px}.segmen-kelas label:has(input:checked){font-weight:600}.segmen-kelas label[data-kelas=productive]:has(input:checked){background:var(--ok-bg);color:var(--ok-fg)}.segmen-kelas label[data-kelas=neutral]:has(input:checked){background:var(--wash-2);color:var(--text-primary)}.segmen-kelas label[data-kelas=unproductive]:has(input:checked){background:var(--danger-bg);color:var(--danger-fg)}.kl-penimpaan{flex-wrap:wrap;gap:4px;margin:0 0 6px;padding:0;list-style:none;display:flex}.kl-ikut{margin-bottom:6px}.kl-tombol-atur{min-height:30px;padding:0 12px;font-size:12.5px}.kl-tombol-atur[aria-expanded=true]{background:var(--wash-2)}.tabel-kelas tr.kl-rinci>td{background:var(--surface-2);padding:14px 16px 16px}.kl-panel{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:4px 28px;display:grid}.kl-panel .field{min-width:0;margin-bottom:10px}.kl-kaki{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 12px;display:flex}.kl-judul{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.kl-baris{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.kl-baris input[type=text]{flex:160px;width:auto;min-width:0}.kl-baris select{flex:130px;width:auto;min-width:0}.kl-baris button{min-height:36px}.kl-dept-nama{flex:110px;font-size:13px}@media (pointer:coarse){.segmen-kelas label,.kl-tombol-atur,.saring-kehadiran button{min-height:40px}}@media (max-width:720px){.tabel-kelas thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tabel-kelas,.tabel-kelas tbody{display:block}.tabel-kelas tr{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:12px 14px;display:grid}.tabel-kelas td{border:none;padding:0;display:block;text-align:left!important}.tabel-kelas td.kl-nama,.tabel-kelas td.kl-kelas,.tabel-kelas td.kl-dept{grid-column:1/-1}.tabel-kelas tr.kl-rinci{padding:0;display:block}.tabel-kelas tr.kl-rinci>td{display:block}.tabel-kelas td[data-label]:before{content:attr(data-label);color:var(--text-muted);margin-bottom:2px;font-size:11px;display:block}.segmen-kelas{display:flex}.segmen-kelas label{flex:1;justify-content:center;padding:0 6px}}.asal-tugas{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:4px;font-size:11.5px;display:flex}.asal-tugas .chip{white-space:normal;overflow-wrap:anywhere;text-align:left;max-width:100%;font-size:11px;line-height:1.35}.form-tugas{margin:0 0 14px}.form-tugas-kisi{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:0 12px;display:grid}.form-tugas-kisi .form-tugas-teks{grid-column:1/-1}.form-proyek{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));align-items:end;gap:0 12px;display:grid}.form-proyek>button{justify-self:start;margin-bottom:16px}.form-tumpuk{flex-direction:column;gap:2px;display:flex}.form-tumpuk .baris{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.form-tumpuk .baris>.field{flex:240px;min-width:0}.form-tumpuk .baris>.field.sempit{flex:0 0 120px}.form-tumpuk .baris>.field.sedang{flex:0 0 220px}.form-tumpuk .field .sub{margin-top:5px;line-height:1.45;display:block}.form-tumpuk .tombol-baris{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-top:6px;padding-top:14px;display:flex}.form-tumpuk .sakelar{align-items:flex-start;gap:9px;margin:4px 0 2px;display:flex}.form-tumpuk .sakelar input{flex:none;margin-top:3px}.tabel-sempit details>summary{padding:3px 0}.daftar-jam-orang{gap:3px;min-width:200px;margin:6px 0 0;padding:0;list-style:none;display:grid}.daftar-jam-orang li{justify-content:space-between;gap:12px;font-size:13px;display:flex}.berkas-pengguna .berkas-kelompok{border-top:1px solid var(--border)}.berkas-pengguna .berkas-kelompok:last-of-type{border-bottom:1px solid var(--border)}.berkas-pengguna .berkas-kelompok>summary{cursor:pointer;align-items:center;gap:10px;padding:10px 2px;list-style:none;display:flex}.berkas-pengguna .berkas-kelompok>summary::-webkit-details-marker{display:none}.berkas-pengguna .berkas-kelompok>summary:before{content:"";border-left:5px solid var(--text-muted);border-top:4px solid #0000;border-bottom:4px solid #0000;flex:none;width:0;height:0;transition:transform .15s}.berkas-pengguna .berkas-kelompok[open]>summary:before{transform:rotate(90deg)}.berkas-pengguna .berkas-kelompok>summary .judul{font-size:13.5px;font-weight:600}.berkas-pengguna .berkas-kelompok>summary:hover{background:var(--surface-2)}.berkas-pengguna .tabel-sempit{border-collapse:collapse;width:100%;font-size:13px}.berkas-pengguna .tabel-sempit td{vertical-align:top;padding:4px 8px 4px 0}.berkas-pengguna .tabel-sempit tr+tr td{border-top:1px solid var(--border)}.muat-halaman{background:color-mix(in srgb, var(--surface-1) 55%, transparent);border-radius:14px;justify-content:center;align-items:center;min-height:min(60vh,520px);display:flex}.muat-titik{gap:9px;display:flex}.muat-titik span{background:var(--primary);border-radius:50%;width:9px;height:9px;animation:1.1s ease-in-out infinite muat-gelombang}.muat-titik span:nth-child(2){animation-delay:.15s}.muat-titik span:nth-child(3){animation-delay:.3s}@keyframes muat-gelombang{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.muat-titik span{animation:1.4s ease-in-out infinite muat-redup}@keyframes muat-redup{0%,to{opacity:.3}50%{opacity:1}}}.alat-tabel{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 12px;display:flex}.alat-cari{border:1px solid var(--baseline);border-radius:var(--radius-input);background:var(--field-bg);min-width:180px;color:var(--text-muted);flex:0 260px;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.alat-cari:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}.alat-cari input[type=search]{box-shadow:none;background:0 0;border:none;flex:1;min-width:0;padding:8px 0}.alat-cari input[type=search]:focus{box-shadow:none;outline:none}.alat-saring{border:1px solid var(--baseline);border-radius:var(--radius-input);background:var(--field-bg);color:var(--text-muted);align-items:center;gap:4px;padding-left:10px;font-size:13px;display:inline-flex}.alat-saring select{color:var(--text-primary);background:0 0;border:none;max-width:220px;padding:8px 8px 8px 2px;font-size:13px}.alat-saring select:focus{box-shadow:none;outline:none}.alat-saring:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}.alat-kanan{gap:8px;margin-left:auto;display:flex}.alat-kanan .btn{align-items:center;gap:6px;min-height:36px;text-decoration:none;display:inline-flex}.pil{white-space:nowrap;background:0 0;border:1px solid;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.pil-rencana{color:var(--text-secondary);background:var(--wash-2)}.pil-dikerjakan{color:var(--info-fg);background:var(--info-bg)}.pil-selesai{color:var(--ok-fg);background:var(--ok-bg)}.pil-tinggi{color:var(--danger-fg);background:var(--danger-bg)}.pil-sedang{color:var(--warn-fg);background:var(--warn-bg)}.pil-rendah{color:var(--text-secondary);background:var(--wash-2)}.tabel-tugas td{vertical-align:top}.tabel-tugas tbody tr{box-shadow:inset 3px 0 0 var(--baseline)}.tabel-tugas tbody tr[data-prioritas=high]{box-shadow:inset 3px 0 0 var(--status-critical)}.tabel-tugas tbody tr[data-prioritas=medium]{box-shadow:inset 3px 0 0 var(--status-warning)}.tt-teks{overflow-wrap:break-word;min-width:200px;max-width:320px;font-weight:500}.rt-isi{scrollbar-width:thin;align-items:flex-end;gap:10px;margin-top:16px;padding-bottom:4px;display:flex;overflow:auto hidden}.rt-baris{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:38px;max-width:72px;display:flex}.rt-angka{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:12px;font-weight:600;line-height:1}.rt-batang{background-color:var(--wash-1);background-image:repeating-linear-gradient(to top, transparent 0 calc(25% - 1px), var(--border) calc(25% - 1px) 25%);border-radius:7px;align-items:flex-end;width:min(28px,82%);height:120px;display:flex;position:relative;overflow:hidden}.rt-batang:after{content:"";left:0;right:0;bottom:var(--rata,101%);border-top:1px dashed var(--text-muted);pointer-events:none;position:absolute}.rt-isi-batang{background:linear-gradient(180deg, var(--series-1), var(--primary));border-radius:7px;width:100%;min-height:2px;transition:height .7s cubic-bezier(.22,1,.36,1)}.rt-baris.diam .rt-isi-batang{background:var(--text-muted);opacity:.55}.rt-baris.diam .rt-angka{color:var(--text-muted);font-weight:400}.rt-persen{font-variant-numeric:tabular-nums;color:var(--text-muted);margin-top:-2px;font-size:9.5px;line-height:1}.rt-baris.lebih .rt-isi-batang{box-shadow:inset 0 3px #fff}.rt-baris.diam span[class*=avatar],.rt-baris.diam img{filter:grayscale();opacity:.5}.rt-baris.saya .rt-batang{box-shadow:0 0 0 2px var(--primary)}.rt-nama{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}@media (prefers-reduced-motion:reduce){.rt-isi-batang{transition:none}}.tt-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.tt-ok{color:var(--ok-fg);margin-top:2px;font-size:12px}.tt-lebih{color:var(--status-warning);margin-top:2px;font-size:12px}.tt-lewat{color:var(--danger-fg)}.tt-berjalan{color:var(--info-fg);font-size:13px;font-weight:600}.paginasi{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.paginasi-info{color:var(--text-muted);font-size:13px}.paginasi nav{border:1px solid var(--border);border-radius:var(--radius-control);display:inline-flex;overflow:hidden}.paginasi nav>*{min-width:38px;min-height:36px;color:var(--text-primary);background:var(--surface-1);justify-content:center;align-items:center;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.paginasi nav>*+*{border-left:1px solid var(--border)}.paginasi nav a:hover{background:var(--wash-2)}.paginasi nav .aktif{background:var(--primary-fill);color:var(--on-primary);font-weight:600}.paginasi nav [aria-disabled=true],.paginasi-elipsis{color:var(--text-muted)}@media (pointer:coarse){.paginasi nav>*{min-height:44px}}.jam-anggaran{min-width:170px}.jam-anggaran-persen{color:var(--text-muted);margin-left:8px;font-size:12px}.jam-anggaran-bar{background:var(--wash-2);border-radius:999px;height:6px;margin-top:5px;overflow:hidden}.jam-anggaran-bar>div{background:var(--status-good);height:100%}.jam-anggaran.dekat .jam-anggaran-bar>div{background:var(--status-warning)}.jam-anggaran.lewat .jam-anggaran-bar>div{background:var(--status-critical)}.jam-anggaran.lewat .jam-anggaran-persen{color:var(--danger-fg);font-weight:600}.tabel-proyek td{vertical-align:top}.tabel-proyek tr.kl-rinci>td{background:var(--surface-2);padding:14px 16px 0}.tab-halaman{box-shadow:inset 0 -1px 0 var(--border);scrollbar-width:none;gap:4px;margin:14px 0 16px;display:flex;overflow:auto hidden}.tab-halaman a{min-height:40px;color:var(--text-secondary);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.tab-halaman a:hover{color:var(--text-primary)}.tab-halaman a.aktif{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab-halaman a:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.tab-jumlah{background:var(--danger-bg);min-width:20px;color:var(--danger-fg);text-align:center;border-radius:999px;padding:0 6px;font-size:12px;font-weight:700}.ajukan-cuti>summary{cursor:pointer;border-radius:var(--radius-control);background:var(--primary-fill);min-height:38px;color:var(--on-primary);align-items:center;padding:0 14px;font-weight:600;list-style:none;display:inline-flex}.ajukan-cuti>summary::-webkit-details-marker{display:none}.ajukan-cuti>summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ajukan-cuti:not([open]){padding:12px 16px}.tabel-cuti td,.tabel-saldo td{vertical-align:top}.tabel-cuti tbody tr[data-status=pending]{box-shadow:inset 3px 0 0 var(--status-warning)}.tabel-cuti tbody tr[data-status=approved]{box-shadow:inset 3px 0 0 var(--status-good)}.tabel-cuti tbody tr[data-status=rejected]{box-shadow:inset 3px 0 0 var(--status-critical)}.cuti-catatan{overflow-wrap:break-word;max-width:280px;font-size:13px}.cuti-aksi{white-space:nowrap;text-align:right}.tombol-teks{cursor:pointer;background:0 0;border:none;min-height:28px;padding:0 8px;font-size:13px}.tombol-teks:hover:not(:disabled){background:var(--wash-1);text-decoration:underline}.tombol-teks.bahaya{color:var(--danger-fg)}@media (pointer:coarse){.tombol-teks{min-height:44px;padding:0 12px}}.cuti-tombol{align-items:center;gap:6px;display:inline-flex}.cuti-tombol .ikon-setuju,.cuti-tombol .ikon-tolak{background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.ikon-setuju{border:1.5px solid var(--status-good);color:var(--ok-fg)}.ikon-setuju:hover:not(:disabled){background:var(--ok-bg)}.ikon-tolak{border:1.5px solid var(--status-critical);color:var(--danger-fg)}.ikon-tolak:hover:not(:disabled){background:var(--danger-bg)}.cuti-tolak{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.cuti-tolak input[type=text]{width:180px}@media (pointer:coarse){.cuti-tombol .ikon-setuju,.cuti-tombol .ikon-tolak{width:44px;height:44px}}.daftar-pakai-kepala{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.daftar-pakai-cari{min-width:0;margin-top:12px;display:flex}.daftar-pakai-isi{gap:12px;margin:12px 0 8px;padding:0;list-style:none;display:grid}.daftar-pakai-baris{align-items:center;gap:8px;min-width:0;display:flex}.daftar-pakai-nama{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.daftar-pakai-baris .chip{flex:none}.daftar-pakai-angka{white-space:nowrap;flex:none;margin-left:auto;font-size:13.5px}.daftar-pakai-bar{background:var(--wash-1);border-radius:4px;height:8px;margin:5px 0 3px;overflow:hidden}.daftar-pakai-bar>div{background:var(--series-1);border-radius:4px;height:100%}.daftar-pakai .tt-sub{font-size:12px}.komposisi-bar{background:var(--wash-1);border-radius:7px;gap:2px;height:14px;margin:14px 0 10px;display:flex;overflow:hidden}.komposisi-bar>div{min-width:0;height:100%}.k-produktif{background:var(--status-good)}.k-netral{background:var(--text-muted)}.k-tidak{background:var(--status-critical)}.komposisi-legenda{flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.komposisi-legenda li{align-items:center;gap:6px;display:inline-flex}.komposisi-legenda .titik{border-radius:50%;width:10px;height:10px;display:inline-block}.daftar-pakai>.tombol-teks{color:var(--primary);padding-left:0}.tautan-kecil{align-items:center;min-height:24px;display:inline-flex}@media (pointer:coarse){.tautan-kecil{min-height:44px}}.nav-bulan{border:1px solid var(--baseline);border-radius:var(--radius-input);background:var(--field-bg);align-items:center;gap:2px;display:inline-flex}.nav-bulan a{min-width:34px;min-height:34px;color:var(--text-secondary);place-items:center;font-size:17px;line-height:1;text-decoration:none;display:inline-grid}.nav-bulan a:hover{background:var(--wash-1);color:var(--text-primary)}.nav-bulan a.mati{color:var(--text-muted);pointer-events:none}.nav-bulan span{white-space:nowrap;padding:0 10px;font-size:13.5px;font-weight:500}@media (pointer:coarse){.nav-bulan a{min-width:44px;min-height:44px}}.kalender-bulan{table-layout:fixed;min-width:860px}.kalender-bulan th{text-transform:uppercase;letter-spacing:.04em;font-size:11.5px}.kalender-bulan th.akhir-pekan{color:var(--text-muted)}.kalender-bulan td{vertical-align:top;border-top:1px solid var(--gridline);padding:0}.kalender-bulan .kol-pekan{background:var(--wash-1);width:110px;padding:10px 12px}.kal-sel{padding:10px 12px}.kal-kosong{background:var(--wash-1);opacity:.4}.kal-weekend,.kal-holiday,.kal-leave{background:var(--wash-1)}.kal-depan{opacity:.45}.kal-kepala{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.kal-tanggal{font-size:14px;font-weight:600}.kal-kepala .chip{padding:1px 6px;font-size:10.5px}.kal-jam{letter-spacing:-.01em;font-size:15px;font-weight:600}.kal-aktivitas{align-items:center;gap:6px;margin:4px 0 2px;display:flex}.kal-bar{background:var(--wash-2);border-radius:3px;flex:1;min-width:34px;height:6px;overflow:hidden}.kal-bar>div{background:var(--series-1);border-radius:3px;height:100%}.kalender-bulan .tt-sub{font-size:11.5px}.kal-tautan{color:inherit;text-decoration:none;display:block}.kal-tautan:hover{text-decoration:none}.kal-sel:has(.kal-tautan:hover){background:var(--wash-2)}.kal-tautan:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.pita-hari{gap:6px;display:grid}.pita-lajur{background:var(--wash-1);border-radius:6px;width:100%;position:relative}.pita-aktif{height:34px;overflow:hidden}.pita-tugas{height:26px}.pita-slot{background:var(--series-1);position:absolute;top:0;bottom:0}.pita-jeda{background:repeating-linear-gradient(45deg, var(--surface-solid) 0 4px, transparent 4px 8px);outline:1px solid var(--border-strong);outline-offset:-1px;border-radius:3px;position:absolute;top:0;bottom:0}.pita-blok{background:var(--accent-soft);color:var(--accent-fg);border-radius:5px;align-items:center;padding:0 6px;font-size:11.5px;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.pita-blok.berjalan{outline:1.5px dashed var(--accent-fg);outline-offset:-1px}.pita-blok span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pita-sumbu{height:16px;color:var(--text-muted);font-size:11px;position:relative}.pita-sumbu span{font-variant-numeric:tabular-nums;position:absolute;transform:translate(-50%)}.pita-ket{margin:2px 0 0}.daftar-jeda{gap:4px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.daftar-jeda li{justify-content:space-between;gap:10px;display:flex}.editor-teks{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-1);overflow:hidden}.editor-teks:focus-within{border-color:var(--primary)}.editor-bar{border-bottom:1px solid var(--border);background:var(--wash-2);flex-wrap:wrap;gap:2px;padding:5px 6px;display:flex}.editor-bar button{background:0 0;border-color:#0000;min-width:30px;min-height:28px;padding:0 7px;font-size:13px;line-height:1}.editor-bar button:hover{background:var(--wash-3);border-color:var(--border)}.editor-isi{min-height:132px;max-height:420px;color:var(--text-primary);outline:none;padding:10px 12px;font-size:14px;line-height:1.6;overflow-y:auto}.editor-isi:empty:before{content:attr(data-kosong);color:var(--text-muted);pointer-events:none}.editor-kaki{color:var(--text-muted);justify-content:space-between;gap:10px;margin-top:5px;font-size:12px;display:flex}.editor-kaki .lewat{color:var(--danger-fg);font-weight:600}.teks-format{color:var(--text-secondary);font-size:14px;line-height:1.65}.teks-format>:first-child{margin-top:0}.teks-format>:last-child{margin-bottom:0}.teks-format p{margin:0 0 9px}.teks-format ul,.teks-format ol{margin:0 0 9px;padding-left:22px}.teks-format ul{list-style:outside}.teks-format ol{list-style:decimal}.teks-format li{margin:2px 0}.teks-format h3{margin:14px 0 6px;font-size:15px}.teks-format h4{margin:12px 0 5px;font-size:14px}.teks-format blockquote{border-left:3px solid var(--border-strong);color:var(--text-muted);margin:0 0 9px;padding:2px 0 2px 12px}.teks-format code{font-family:var(--font-mono);background:var(--wash-2);border-radius:4px;padding:1px 5px;font-size:12.5px}.teks-format pre{background:var(--wash-2);border-radius:var(--radius-control);margin:0 0 9px;padding:9px 11px;overflow-x:auto}.teks-format pre code{background:0 0;padding:0}.teks-format a{color:var(--primary)}.ritme-baris{gap:7px;display:grid}.ritme-butir{grid-template-columns:92px 1fr auto;align-items:center;gap:10px;display:grid}.ritme-label{color:var(--text-secondary);align-items:baseline;gap:6px;font-size:12.5px;display:flex}.ritme-rentang{color:var(--text-muted);font-size:11px}.ritme-lajur{background:var(--wash-2);border-radius:999px;height:10px;overflow:hidden}.ritme-isi{background:var(--primary-fill);border-radius:999px;height:100%}.ritme-isi.pekan{background:var(--accent)}.ritme-nilai{font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:7px;min-width:76px;font-size:12.5px;display:flex}.ritme-sub{color:var(--text-muted);font-size:11px}@media (max-width:720px){.ritme-butir{grid-template-columns:76px 1fr auto;gap:8px}.ritme-nilai{min-width:0}}.proyek-kendali{margin-bottom:12px}.kisi-proyek{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:14px;display:grid}.kartu-proyek{color:inherit;transition:border-color var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease);flex-direction:column;gap:6px;margin:0;text-decoration:none;display:flex}.kartu-proyek:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 4px 14px #0f172a12}.kartu-proyek:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.kartu-proyek-kepala{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.kartu-proyek-kepala h2{margin:0;font-size:1.02rem;line-height:1.3}.kartu-proyek-klien{margin-top:-2px}.kartu-proyek-ringkas{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.kartu-proyek-kaki{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.kartu-proyek-meta{color:var(--text-muted);white-space:nowrap;gap:10px;font-size:12px;display:flex}.tenggat-lewat{color:var(--danger-fg);font-weight:600}.tenggat-dekat{color:var(--warn-fg);font-weight:600}.tenggat-biasa{color:var(--text-muted)}.tumpuk-avatar{align-items:center;display:flex}.tumpuk-wajah{border-radius:50%;margin-right:-7px;display:inline-flex}.tumpuk-avatar>:first-child{z-index:5}.tumpuk-avatar>:nth-child(2){z-index:4}.tumpuk-avatar>:nth-child(3){z-index:3}.tumpuk-avatar>:nth-child(4){z-index:2}.tumpuk-avatar>:nth-child(5){z-index:1}.tumpuk-wajah>*{box-shadow:0 0 0 2px var(--surface-1);border-radius:50%}.tumpuk-wajah.ketua>*{box-shadow:0 0 0 2px var(--surface-1), 0 0 0 4px var(--accent)}.tumpuk-wajah.ketua{margin-right:-4px}.tumpuk-sisa{background:var(--wash-3);color:var(--text-secondary);font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--surface-1);border-radius:50%;justify-content:center;align-items:center;margin-left:7px;font-size:10.5px;font-weight:600;display:inline-flex}@media (max-width:560px){.kisi-proyek{grid-template-columns:1fr}.kartu-proyek-meta{white-space:normal}}.taut-tebal{color:inherit;font-weight:500;text-decoration:none}.taut-tebal:hover{color:var(--primary);text-decoration:underline}.tiles{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));display:grid}.tiles>.card{margin-bottom:0}.tiles>*{min-width:0}.taut{min-height:0;font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.taut:hover{background:0 0;border-color:#0000;text-decoration:none}.kolom-papan{flex-direction:column;min-height:0;max-height:calc(100vh - 220px);margin:0;display:flex}.kepala-kolom{flex-shrink:0;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.isi-kolom{scrollbar-width:thin;gap:10px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.muat-lagi{border:1px dashed var(--border);border-radius:var(--radius-control);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;margin-top:10px;padding:8px 12px;font-size:13px}.muat-lagi:hover{color:var(--text-primary);background:var(--surface-1);border-style:solid}@media (max-width:720px){.kolom-papan{max-height:none}.isi-kolom{overflow-y:visible}}.pilih-tampilan{border:1px solid var(--border);border-radius:var(--radius-control);flex-shrink:0;display:inline-flex;overflow:hidden}.pilih-tampilan button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:7px 16px;font-size:13px}.pilih-tampilan button+button{border-left:1px solid var(--border)}.pilih-tampilan button:hover{background:var(--surface-1);color:var(--text-primary)}.pilih-tampilan button.aktif{background:var(--accent);color:#fff;font-weight:600}.kuota-lembur{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--wash-1);margin-top:10px;padding:10px 12px}.kuota-baris{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;display:flex}.kuota-baris+.kuota-baris{margin-top:4px}.kuota-label{color:var(--text-secondary);min-width:128px}.kuota-sisa{color:var(--ok-fg)}.kuota-habis{color:var(--danger-fg)}.kuota-sub{color:var(--text-muted);font-size:12px}.kuota-catatan{color:var(--text-secondary);margin:8px 0 0;font-size:12px;line-height:1.5}.lembur-jam{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:10px;display:flex}.lembur-jam-kolom{flex-direction:column;align-items:center;gap:4px;min-width:56px;display:flex}.lembur-jam-angka{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.lembur-jam-bilah{background:var(--wash-1);border-radius:4px;align-items:flex-end;width:28px;height:72px;display:flex;overflow:hidden}.lembur-jam-bilah i{background:var(--accent);width:100%;display:block}.lembur-jam-label{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.lembur-strip{gap:10px;margin-top:10px;padding-bottom:6px;display:flex;overflow-x:auto}.lembur-strip figure{flex:none;width:180px;margin:0}.lembur-strip img{object-fit:cover;border:1px solid var(--border);background:var(--wash-1);border-radius:6px;width:100%;height:108px}.lembur-strip figcaption{color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.35}.tautan-rincian{color:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tautan-rincian:hover{color:var(--accent)}.tab-periode{flex-wrap:wrap;gap:4px;margin:10px 0 2px;display:flex}.tab-periode a{color:var(--text-secondary);background:var(--surface-2);white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:5px 13px;font-size:13px;font-weight:600;text-decoration:none}.tab-periode a:hover{color:var(--text-primary)}.tab-periode a.aktif{background:var(--accent-soft);color:var(--accent-fg);border-color:var(--accent)}.grafik-periode{margin:14px 0 4px}.grafik-periode svg{display:block;overflow:visible}.grafik-kunci{color:var(--text-muted);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:11.5px;display:flex}.grafik-kunci span{align-items:center;gap:5px;display:inline-flex}.grafik-kunci i{border-radius:2px;width:9px;height:9px;display:inline-block}.grafik-kunci-sub{font-style:italic}.kotak-form-cuti{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:20px;margin-bottom:16px;padding:14px 16px;display:flex}.kotak-form-cuti-teks{flex:260px;min-width:240px}.kotak-form-cuti-teks strong{margin-bottom:6px;font-size:13px;display:block}.kotak-form-cuti-teks ol{color:var(--text-secondary);margin:0;padding-left:18px;font-size:12.5px}.kotak-form-cuti-teks li{margin:2px 0}.kotak-form-cuti-unggah{flex:280px;min-width:250px}.kotak-form-cuti-unggah label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.kotak-form-cuti-unggah input[type=file]{width:100%;font-size:13px}.kotak-form-cuti-unggah .sub{margin-top:6px;font-size:12.5px;display:block}.chat-ai{flex-direction:column;gap:14px;display:flex}.chat-setelan{padding:0;overflow:hidden}.chat-setelan-kepala{text-align:left;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.chat-setelan-kepala:hover:not(:disabled){background:var(--wash-1)}.chat-setelan-kepala .sub{font-weight:500}.chat-setelan-isi{border-top:1px solid var(--border);padding:4px 18px 18px}.chat-setelan-baris{flex-wrap:wrap;gap:16px;display:flex}.chat-setelan-baris .field{flex:200px;min-width:180px}.chat-setelan-aksi{flex-wrap:wrap;gap:10px;margin:4px 0 8px;display:flex}.chat-setelan-isi code{font-family:var(--font-mono);background:var(--wash-2);border-radius:4px;padding:1px 5px;font-size:12px}.chat-badan{align-items:stretch;gap:14px;display:flex}.chat-daftar{flex-direction:column;flex:0 0 240px;gap:8px;max-height:620px;padding:12px;display:flex;overflow-y:auto}.chat-baru{width:100%}.chat-daftar ul{margin:0;padding:0;list-style:none}.chat-item{border-radius:var(--radius-control);align-items:stretch;gap:2px;margin-bottom:2px;display:flex}.chat-item:hover{background:var(--wash-1)}.chat-item.aktif{background:var(--primary-soft)}.chat-item>button:first-child{text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0;min-height:0;padding:8px 10px;display:flex}.chat-item>button:first-child:hover{background:0 0}.chat-item-judul{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:500;display:block;overflow:hidden}.chat-item .sub{font-size:11.5px}.chat-hapus{width:30px;min-height:0;color:var(--text-muted);opacity:0;transition:opacity var(--motion-fast) var(--ease);background:0 0;border:none;flex:none;padding:0;font-size:18px;line-height:1}.chat-item:hover .chat-hapus,.chat-hapus:focus-visible{opacity:1}.chat-hapus:hover{background:var(--danger-bg);color:var(--danger-fg)}@media (pointer:coarse){.chat-hapus{opacity:1;width:44px}}.chat-ruang{flex-direction:column;flex:1;min-width:0;height:620px;padding:0;display:flex}.chat-pesan{flex-direction:column;flex:1;gap:12px;padding:16px 18px;display:flex;overflow-y:auto}.chat-balon{border:1px solid var(--border);border-radius:14px;max-width:82%;padding:10px 14px;font-size:13.5px;line-height:1.6}.chat-isi{white-space:pre-wrap;overflow-wrap:anywhere}.chat-user{background:var(--primary-soft);border-color:var(--primary-soft);border-bottom-right-radius:4px;align-self:flex-end}.chat-assistant{background:var(--surface-2);border-bottom-left-radius:4px;align-self:flex-start}.chat-meta{border-top:1px solid var(--border);font-family:var(--font-mono);margin-top:6px;padding-top:6px;font-size:11px}.chat-tunggu{align-items:center;gap:5px;padding:14px;display:flex}.chat-titik{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.3s infinite chat-denyut}.chat-titik:nth-child(2){animation-delay:.18s}.chat-titik:nth-child(3){animation-delay:.36s}@keyframes chat-denyut{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.chat-titik{opacity:.5;animation:none}}.chat-tulis{border-top:1px solid var(--border);padding:12px 18px 14px}.chat-ingat{border-radius:var(--radius-control);border-left:2px solid var(--accent);background:var(--warn-bg);color:var(--warn-fg);margin:0 0 10px;padding:8px 12px;font-size:12px;line-height:1.5}.chat-tulis-baris{align-items:flex-end;gap:10px;display:flex}.chat-tulis-baris textarea{resize:vertical;min-width:0;min-height:56px;font:inherit;flex:1;font-size:13.5px;line-height:1.5}.chat-tulis-kaki{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.chat-tulis-kaki input{flex:0 220px;min-width:150px;font-size:12.5px}.chat-tulis-kaki .sub{flex:240px;font-size:11.5px}@media (max-width:900px){.chat-badan{flex-direction:column}.chat-daftar{flex:none;max-height:220px}.chat-ruang{height:auto;min-height:460px}.chat-balon{max-width:92%}}.klaim-idle{margin-bottom:var(--gap,16px)}.klaim-idle-kepala h2{margin:0 0 4px;font-size:16px}.klaim-idle-kepala .sub{margin:0}.klaim-idle-daftar{margin:14px 0 0;padding:0;list-style:none}.klaim-baris{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-2);margin-bottom:8px}.klaim-baris.terbuka{border-color:var(--border-strong);background:var(--surface-1)}.klaim-baris:last-child{margin-bottom:0}.klaim-ringkas{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.klaim-ringkas>:first-child{flex:1;min-width:160px}.klaim-ringkas .sub{font-size:12.5px}.klaim-form{border-top:1px solid var(--border);padding:0 14px 14px}.klaim-alasan{border:none;gap:6px;margin:12px 0 0;padding:0;display:grid}.klaim-alasan legend{margin-bottom:6px;padding:0}@media (min-width:640px){.klaim-alasan{grid-template-columns:1fr 1fr}}.klaim-pilih{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-2);flex-wrap:wrap;align-items:baseline;gap:8px;padding:9px 12px;font-size:13.5px;display:flex}.klaim-pilih:hover{background:var(--wash-1)}.klaim-pilih.aktif{border-color:var(--primary);background:var(--primary-soft)}.klaim-pilih .sub{flex:100%;font-size:11.5px}.klaim-catatan{margin-top:12px;display:block}.klaim-catatan .sub{margin-bottom:4px;display:block}.klaim-catatan input{width:100%}.klaim-peringatan{border-radius:var(--radius-control);border-left:2px solid var(--accent);background:var(--warn-bg);color:var(--warn-fg);margin:12px 0 0;padding:9px 12px;font-size:12px;line-height:1.5}.klaim-aksi{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.klaim-aturan{color:var(--warn-fg);margin:6px 0 0;font-size:12px}.chat-isi.md{white-space:normal}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md .md-par{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px}.md .md-judul{margin:16px 0 6px;font-weight:650;line-height:1.35}.md h3.md-judul{font-size:15px}.md h4.md-judul{font-size:14px}.md h5.md-judul,.md h6.md-judul{color:var(--text-secondary);font-size:13.5px}.md .md-daftar{margin:0 0 10px;padding-left:20px}.md .md-daftar li{margin:3px 0}.md .md-kutip{border-left:2px solid var(--border-strong);color:var(--text-secondary);margin:0 0 10px;padding:2px 0 2px 12px}.md hr{border:0;border-top:1px solid var(--border);margin:14px 0}.md .md-kode-sebaris{font-family:var(--font-mono);background:var(--wash-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:12px}.md .md-kode{border-radius:var(--radius-control);border:1px solid var(--border);background:var(--surface-3);margin:0 0 10px;padding:10px 12px;overflow-x:auto}.md .md-kode code{font-family:var(--font-mono);white-space:pre;font-size:12px;line-height:1.6}.md .md-tabel-bungkus{margin:0 0 10px;overflow-x:auto}.md .md-tabel{width:auto;min-width:100%;margin:0;font-size:12.5px}.md .md-tabel th,.md .md-tabel td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;white-space:nowrap;padding:6px 10px}.md .md-tabel th{color:var(--text-secondary);font-weight:650}.md a{color:var(--primary);overflow-wrap:anywhere;text-decoration:underline}.md a:hover{color:var(--link-hover)}.chat-kursor{vertical-align:text-bottom;background:var(--text-muted);border-radius:1px;width:7px;height:14px;margin-left:2px;animation:1.1s steps(2,end) infinite chat-kedip;display:inline-block}@keyframes chat-kedip{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.chat-kursor{opacity:.6;animation:none}}.akses{flex-direction:column;gap:14px;display:flex}.akses-ingat{margin-bottom:0}.akses-kelompok{padding:16px 18px}.akses-kelompok h2{margin:0 0 12px;font-size:15px}.akses-kelompok ul{margin:0;padding:0;list-style:none}.akses-butir{border-radius:var(--radius-control);border:1px solid #0000;padding:10px 12px}.akses-butir+.akses-butir{margin-top:6px}.akses-butir:hover{background:var(--wash-1)}.akses-butir.diubah{border-color:var(--accent);background:var(--warn-bg)}.akses-butir label{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;font-weight:500;display:flex}.akses-butir input[type=checkbox]{flex:none;margin-top:2px}.akses-judul{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.akses-tanda{font-size:10.5px}.akses-ket{margin:4px 0 0 26px;font-size:12.5px;line-height:1.5}.akses-aksi{flex-wrap:wrap;gap:10px;display:flex}.akses-catatan{margin:0;font-size:12.5px;line-height:1.6}
