:root,html[data-theme=daylight]{--bg-1: #f6ead6;--bg-2: #efe0c8;--bg-3: #e8d5b5;--surface: rgba(255, 251, 242, .72);--surface-strong: rgba(255, 251, 242, .9);--surface-muted: rgba(255, 246, 230, .55);--text: #3a2e22;--text-strong: #2a2015;--muted: #8a7a68;--border: rgba(122, 96, 66, .18);--border-strong: rgba(122, 96, 66, .32);--accent: #c25e3f;--accent-hover: #a94e32;--accent-soft: rgba(194, 94, 63, .12);--lime: #b7e332;--lime-deep: #5f7d00;--lime-soft: rgba(183, 227, 50, .35);--gold: #c9a227;--green: #2e7d32;--green-bg: rgba(46, 125, 50, .12);--red: #b3261e;--red-bg: rgba(179, 38, 30, .1);--amber: #9a6a00;--amber-bg: rgba(154, 106, 0, .12);--blue: #1e5f8a;--orange: #c2410c;--shadow: 0 10px 30px rgba(90, 64, 30, .12);--shadow-sm: 0 4px 14px rgba(90, 64, 30, .1);--radius: 18px;--radius-sm: 12px;--glass-blur: blur(18px) saturate(1.25)}html[data-theme=dusk]{--bg-1: #211c12;--bg-2: #1a1710;--bg-3: #2a2517;--surface: rgba(52, 46, 30, .62);--surface-strong: rgba(52, 46, 30, .85);--surface-muted: rgba(255, 246, 230, .06);--text: #f2ead8;--text-strong: #fff8e8;--muted: #b8ab8d;--border: rgba(242, 234, 216, .14);--border-strong: rgba(242, 234, 216, .28);--accent: #e07a5f;--accent-hover: #e88d74;--accent-soft: rgba(224, 122, 95, .18);--lime: #c9f24b;--lime-deep: #d8f77a;--lime-soft: rgba(201, 242, 75, .18);--gold: #d9b84a;--green: #7cc98a;--green-bg: rgba(124, 201, 138, .14);--red: #ff8a7a;--red-bg: rgba(255, 138, 122, .12);--amber: #e8b64c;--amber-bg: rgba(232, 182, 76, .14);--blue: #7fb8dd;--orange: #f09a5f;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html{color-scheme:light}html[data-theme=dusk]{color-scheme:dark}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(720px 420px at 12% -8%,rgba(255,214,140,.55),transparent 60%),radial-gradient(640px 460px at 96% 12%,rgba(224,122,95,.28),transparent 60%),radial-gradient(560px 500px at 50% 108%,rgba(183,227,50,.22),transparent 60%),linear-gradient(160deg,var(--bg-1),var(--bg-2) 48%,var(--bg-3));background-attachment:fixed;min-height:100vh}html[data-theme=dusk] body{background:radial-gradient(720px 420px at 12% -8%,rgba(160,120,40,.35),transparent 60%),radial-gradient(640px 460px at 96% 12%,rgba(120,70,40,.35),transparent 60%),radial-gradient(560px 500px at 50% 108%,rgba(90,110,30,.25),transparent 60%),linear-gradient(160deg,var(--bg-1),var(--bg-2) 48%,var(--bg-3));background-attachment:fixed}a{color:var(--accent)}button{font:inherit;cursor:pointer;color:var(--text)}input,select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;background:var(--surface-strong);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.app{max-width:1120px;margin:0 auto;padding:16px 18px 56px;min-width:0}.topbar{position:relative;z-index:50;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;margin-bottom:16px;background:var(--surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:42px;height:42px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:19px;color:#fff;background:linear-gradient(135deg,#e07a5f,#c25e3f 55%,#8a5a2b);box-shadow:var(--shadow-sm)}.brand h1{margin:0;font-size:20px;letter-spacing:-.02em;color:var(--text-strong);white-space:nowrap}.brand p{margin:2px 0 0;color:var(--muted);font-size:12.5px;white-space:nowrap}.topbar-spacer{flex:1}.search{position:relative;width:min(320px,100%)}.search input{padding-left:36px;border-radius:999px;background:var(--surface-strong)}.search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;display:flex}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:100;background:var(--surface-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);overflow:hidden;max-height:320px;overflow-y:auto}.search-results button{display:block;width:100%;text-align:left;background:none;border:none;padding:10px 12px;border-bottom:1px solid var(--border)}.search-results button:last-child{border-bottom:none}.search-results button:hover,.search-results button:focus-visible{background:var(--accent-soft)}.search-results .sr-title{font-weight:600;font-size:14px}.search-results .sr-sub{font-size:12px;color:var(--muted);margin-top:1px}.search-results .sr-empty{padding:12px;color:var(--muted);font-size:13px}.theme-toggle{border:1px solid var(--border);background:var(--surface-strong);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.theme-toggle:hover{border-color:var(--border-strong)}.userchip{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);max-width:240px}.userchip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell{display:grid;grid-template-columns:216px minmax(0,1fr);gap:16px;align-items:start}.sidebar{position:sticky;top:16px;background:var(--surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:10px;display:flex;flex-direction:column;gap:4px}.sidebar-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px;font-weight:700}.nav-item{display:flex;align-items:center;gap:11px;width:100%;border:1px solid transparent;background:transparent;border-radius:12px;padding:10px 12px;font-size:14.5px;font-weight:600;text-align:left;color:var(--text)}.nav-item svg{flex-shrink:0;opacity:.85}.nav-item:hover{background:var(--surface-muted)}.nav-item.active{background:var(--lime-soft);border-color:#b7e3328c;color:var(--text-strong);box-shadow:inset 3px 0 0 var(--lime)}html[data-theme=dusk] .nav-item.active{border-color:#c9f24b66}.sidebar-foot{margin-top:10px;padding:10px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);line-height:1.5}.content{min-width:0}.tab-panel{animation:tabIn .26s ease-out}@keyframes tabIn{0%{opacity:0;transform:translateY(6px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.tab-panel{animation:none}}.card{background:var(--surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.card h2{margin:0 0 4px;font-size:18px;color:var(--text-strong);letter-spacing:-.01em}.card h3{margin:0 0 8px;font-size:15px;color:var(--text-strong)}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}.muted{color:var(--muted);font-size:14px}.hero{background:linear-gradient(120deg,#ffd68c80,#e07a5f38 55%,#b7e3322e),var(--surface);border-color:var(--border-strong)}html[data-theme=dusk] .hero{background:linear-gradient(120deg,#a0782866,#78462847 55%,#5a6e1e33),var(--surface)}.hero h2{font-size:24px}.big-saldo{font-size:36px;font-weight:800;margin:6px 0;letter-spacing:-.03em;color:var(--text-strong);font-variant-numeric:tabular-nums}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}@media(max-width:640px){.grid.two,.grid.three{grid-template-columns:1fr}.big-saldo{font-size:30px}}.stat{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.stat b{display:block;font-size:19px;margin-top:2px;font-variant-numeric:tabular-nums}.stat span{font-size:13px;color:var(--muted)}.pos{color:var(--green)}.neg{color:var(--red)}.btn{border:1px solid var(--border);background:var(--surface-strong);border-radius:10px;padding:8px 14px;font-weight:600}.btn:hover{border-color:var(--border-strong)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-sm)}.btn.primary:hover{background:var(--accent-hover)}.btn.danger{color:var(--red)}.btn.small{padding:5px 10px;font-size:13px}.btn:disabled{opacity:.55;cursor:default}.form{display:grid;gap:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.row{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-top:1px solid var(--border)}.row:first-of-type{border-top:none}.row .grow{flex:1;min-width:0}.row .title{font-weight:600}.row .sub{font-size:13px;color:var(--muted);margin-top:2px}.row.done .title{text-decoration:line-through;color:var(--muted)}.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border);margin-left:6px;font-weight:600}.badge.lime{background:var(--lime);color:#2c3a00;border-color:transparent}html[data-theme=dusk] .badge.lime{color:#22300a}.badge.tinggi{background:var(--red-bg);color:var(--red);border-color:transparent}.badge.sedang{background:var(--amber-bg);color:var(--amber);border-color:transparent}.badge.rendah{background:var(--green-bg);color:var(--green);border-color:transparent}.check{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.empty{color:var(--muted);font-size:14px;padding:12px 0}.triage-item{display:flex;align-items:flex-start;gap:10px;width:100%;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 12px;margin-top:8px;text-align:left}.triage-item:hover{border-color:var(--border-strong);background:var(--surface-strong)}.triage-item .dot{width:9px;height:9px;border-radius:50%;margin-top:6px;flex-shrink:0;background:var(--accent)}.triage-item.follow .dot{background:var(--lime);box-shadow:0 0 0 3px var(--lime-soft)}.triage-item .grow{flex:1;min-width:0}.triage-item .title{font-weight:600;font-size:14.5px}.triage-item .sub{font-size:13px;color:var(--muted);margin-top:2px}.triage-item .amount{font-weight:700;font-size:13.5px;white-space:nowrap;font-variant-numeric:tabular-nums}.triage-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--lime);color:#2c3a00;font-size:12.5px;font-weight:800}html[data-theme=dusk] .triage-count{color:#22300a}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}.kanban-col{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);padding:10px;min-width:0}.kanban-col-head{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;padding:4px 6px 10px;border-bottom:1px solid var(--border);margin-bottom:4px}.kanban-col-head h3{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-col-head .count{font-size:12px;color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.kanban-col-head .triage-count{flex-shrink:0}.kanban-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-top:8px;box-shadow:var(--shadow-sm)}.kanban-card .title{font-weight:650;font-size:14.5px;line-height:1.35}.kanban-card .sub{font-size:13px;color:var(--muted);margin-top:4px}.kanban-card .badges{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}.kanban-card .badges .badge{margin-left:0}.kanban-card .actions{display:flex;gap:8px;margin-top:10px;align-items:center;flex-wrap:wrap}.kanban-card select{width:auto;flex:1;min-width:118px;padding:6px 8px;font-size:13px}.ditolak-strip{margin-top:12px}.ditolak-strip summary{cursor:pointer;font-weight:650;font-size:14px;padding:6px 2px}.chart{display:flex;align-items:flex-end;gap:3px;height:120px;padding-top:8px}.chart .bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;height:100%;justify-content:flex-end}.chart .bar{width:100%;max-width:26px;border-radius:4px 4px 0 0;background:var(--accent);min-height:2px}.chart .bar.out{background:var(--orange)}.chart .lbl{font-size:10px;color:var(--muted)}.muse-answer{white-space:pre-wrap;background:var(--surface-muted);border:1px solid var(--border);border-radius:10px;padding:12px;margin-top:10px;font-size:14px;line-height:1.6}.quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.quick button{font-size:13px;border:1px solid var(--border);background:var(--surface-strong);border-radius:999px;padding:6px 11px;font-weight:600}.quick button:hover{border-color:var(--lime);background:var(--lime-soft)}.notice{background:var(--amber-bg);border:1px solid var(--border-strong);border-radius:10px;padding:12px;margin-bottom:14px;font-size:14px}.error{background:var(--red-bg);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--red);margin-bottom:12px}.login{max-width:480px;margin:72px auto;text-align:center}.login .card{padding:28px 22px}.login .brand-mark{margin:0 auto 14px;width:56px;height:56px;font-size:26px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;flex-direction:row;overflow-x:auto;padding:8px;gap:6px;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-label,.sidebar-foot{display:none}.nav-item{width:auto;white-space:nowrap;padding:8px 12px}.nav-item.active{box-shadow:none}.kanban{grid-template-columns:1fr}.topbar{gap:10px}.search{order:3;width:100%}.brand h1{font-size:18px}.userchip span{max-width:130px}}@media(max-width:640px){.app{padding:12px 12px 48px}.card{padding:15px}}