:root{--ink:#17150f;--ink-soft:#57534a;--ink-faint:#8b857a;--paper:#fbfaf7;--surface:#fff;--line:#e6e2d9;--line-strong:#d3cec2;--accent:#8a6a3b;--accent-soft:#f4efe4;--accent-ink:#5d4726;--danger:#a8352b;--danger-soft:#fbeeec;--success:#2f6b45;--success-soft:#ecf5ef;--frame:430px;--backdrop:#d8d4cb;--radius:10px;--radius-sm:6px;--shadow:0 1px 2px #17150f0f,0 6px 20px -12px #17150f2e;--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--backdrop);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}.frame{width:100%;max-width:var(--frame);background:var(--paper);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;overflow-x:hidden;box-shadow:0 0 0 1px #17150f14,0 18px 50px -20px #17150f40}a{color:var(--accent-ink);text-underline-offset:2px;text-decoration-thickness:1px}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.2}.shell{max-width:1080px;margin:0 auto;padding:0 20px}.shell-narrow{max-width:460px;margin:0 auto;padding:0 20px}.main-center{flex-direction:column;flex:1;justify-content:center;padding-top:24px;padding-bottom:24px;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.stack-sm{flex-direction:column;gap:8px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.drawer-overlay{width:min(100%,var(--frame));z-index:60;opacity:0;visibility:hidden;background:#17150f73;transition:opacity .2s,visibility .2s;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.drawer-overlay.is-open{opacity:1;visibility:visible}.drawer{top:0;bottom:0;left:calc(50% - min(50%,var(--frame)/2));z-index:61;background:var(--surface);border-right:1px solid var(--line);visibility:hidden;flex-direction:column;gap:4px;width:min(76%,280px);padding:16px 12px;transition:transform .22s,visibility .22s;display:flex;position:fixed;overflow-y:auto;transform:translate(-100%)}.drawer.is-open{visibility:visible;transform:translate(0)}.drawer-link{border-radius:var(--radius-sm);color:var(--ink);padding:10px 12px;font-size:15px;text-decoration:none;display:block}.drawer-link:hover{background:var(--accent-soft)}.drawer-link.is-active{background:var(--accent-soft);color:var(--accent-ink);font-weight:500}.drawer-head{border-bottom:1px solid var(--line);margin-bottom:8px;padding:4px 12px 12px}.modal-overlay{width:min(100%,var(--frame));z-index:70;background:#17150f73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.modal-card{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:12px;width:100%;padding:18px;display:flex;box-shadow:0 20px 50px -20px #17150f73}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.topbar{border-bottom:1px solid var(--line);background:var(--surface);margin-bottom:28px;padding:14px 0}.brand{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);font-size:17px;font-weight:600;text-decoration:none}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint);font-size:13px}.mono{font-family:var(--font-mono);letter-spacing:.02em;font-size:13px}label{color:var(--ink-soft);margin-bottom:5px;font-size:13px;font-weight:500;display:block}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:9px 11px;font-size:14px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical;min-height:90px}.field-error{color:var(--danger);margin-top:4px;font-size:13px}.btn{font:inherit;color:var(--surface);background:var(--ink);border:1px solid var(--ink);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{opacity:.88}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--ink);background:var(--surface);border-color:var(--line-strong)}.btn-ghost{color:var(--ink-soft);background:0 0;border-color:#0000;padding:6px 10px}.btn-danger{color:var(--danger);background:var(--surface);border-color:var(--line-strong)}.btn-sm{padding:5px 11px;font-size:13px}.notice{border-radius:var(--radius-sm);border:1px solid;padding:11px 14px;font-size:14px}.notice-error{color:var(--danger);background:var(--danger-soft);border-color:#f0d5d1}.notice-success{color:var(--success);background:var(--success-soft);border-color:#cfe3d7}.notice-info{color:var(--accent-ink);background:var(--accent-soft);border-color:#e6dcc6}.badge{border:1px solid var(--line-strong);color:var(--ink-soft);background:var(--surface);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.badge-success{color:var(--success);background:var(--success-soft);border-color:#cfe3d7}.badge-danger{color:var(--danger);background:var(--danger-soft);border-color:#f0d5d1}.badge-accent{color:var(--accent-ink);background:var(--accent-soft);border-color:#e6dcc6}.list{flex-direction:column;gap:10px;display:flex}.list-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.list-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.list-line{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}.list-line>span:first-child{color:var(--ink-faint);flex:none;font-size:13px}.list-line>span:last-child{text-align:right;overflow-wrap:anywhere}.list-actions{flex-wrap:wrap;gap:8px;padding-top:2px;display:flex}.empty{text-align:center;color:var(--ink-faint);padding:24px 20px}.toast{z-index:80;max-width:min(calc(100vw - 32px),calc(var(--frame) - 32px));color:#fff;opacity:0;visibility:hidden;background:#1f2a1c;border-radius:999px;padding:11px 18px;font-size:14px;transition:opacity .22s,transform .22s,visibility .22s;position:fixed;bottom:20px;left:50%;transform:translate(-50%,12px);box-shadow:0 10px 30px #00000038}.toast-tampil{opacity:1;visibility:visible;transform:translate(-50%)}.toast-error{background:#8d2a21}