:root{--bg:#f4f6fb;--card:#fff;--ink:#0f172a;--ink2:#475569;--ink3:#94a3b8;--line:#e5e7eb;--brand:#1f3864;--brand2:#2e75b6;--sidebar:#0f1c2e;--green:#16a34a;--green-bg:#dcfce7;--green-ink:#14532d;--amber:#d97706;--amber-bg:#fef3c7;--amber-ink:#78350f;--blue:#2563eb;--blue-bg:#dbeafe;--blue-ink:#1e3a8a;--gray-bg:#f1f5f9;--gray-ink:#475569;--red:#dc2626}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.45}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1{margin-bottom:4px;font-size:20px}.muted{color:var(--ink3);font-size:12.5px}.app{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#cbd5e1;flex-direction:column;flex-shrink:0;width:210px;height:100vh;padding:14px 10px;display:flex;position:fixed;top:0;left:0}.brand{color:#fff;align-items:center;gap:8px;padding:8px 10px 16px;font-size:16px;font-weight:700;display:flex}.brand .dot{background:var(--brand2);border-radius:2px;width:9px;height:9px}.nav a{color:#cbd5e1;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:9px;margin-bottom:2px;padding:9px 11px;font-size:13.5px;display:flex}.nav a:hover{background:#ffffff0f}.nav a.active{background:var(--brand2);color:#fff}.main{flex-direction:column;flex:1;min-width:0;margin-left:210px;display:flex}.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:12px;height:52px;padding:0 22px;display:flex;position:sticky;top:0}.tb-right{align-items:center;gap:12px;margin-left:auto;display:flex}.avatar{background:var(--brand2);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.role-badge{background:var(--blue-bg);color:var(--blue-ink);border-radius:99px;padding:3px 9px;font-size:11px;font-weight:600}.content{max-width:1100px;padding:22px}.linkbtn{color:var(--brand2);cursor:pointer;background:0 0;border:none;font-size:12.5px}.tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:16px 0;display:grid}.tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.tile .k{color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.tile .v{margin-top:6px;font-size:26px;font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:0;overflow:hidden}.card .hd{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;font-weight:600;display:flex}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink3);border-bottom:1px solid var(--line);padding:10px 16px;font-size:11px}td{border-bottom:1px solid var(--line);padding:11px 16px;font-size:13.5px}tr:last-child td{border-bottom:none}.num{text-align:right;font-variant-numeric:tabular-nums}.badge{border-radius:99px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.b-green{background:var(--green-bg);color:var(--green-ink)}.b-amber{background:var(--amber-bg);color:var(--amber-ink)}.b-blue{background:var(--blue-bg);color:var(--blue-ink)}.b-gray{background:var(--gray-bg);color:var(--gray-ink)}.btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.btn:hover{background:#182b4f}.btn.sm{padding:5px 10px;font-size:12px}.btn.ghost{background:var(--gray-bg);color:var(--ink2)}.btn.green{background:var(--green)}.btn:disabled{opacity:.5;cursor:not-allowed}.field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.field label{color:var(--ink2);font-size:12px;font-weight:600}input,select{border:1px solid var(--line);background:#fff;border-radius:8px;outline:none;padding:8px 10px}input:focus,select:focus{border-color:var(--brand2)}.row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.toolbar{align-items:center;gap:10px;margin:14px 0;display:flex}.spacer{flex:1}.login-wrap{background:var(--sidebar);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:16px;width:360px;padding:32px;box-shadow:0 20px 50px #0000004d}.login-card h1{text-align:center;color:var(--brand)}.err{color:#7f1d1d;background:#fee2e2;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.hint{color:var(--ink3);text-align:center;margin-top:14px;font-size:12px;line-height:1.7}.pa{background:var(--bg);min-height:100dvh}.pa-top{z-index:20;min-height:56px;padding:6px 12px;padding-top:calc(6px + env(safe-area-inset-top));border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:8px;display:flex;position:sticky;top:0}.pa-icon{background:var(--gray-bg);cursor:pointer;width:40px;height:40px;color:var(--ink2);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:19px;display:flex}.pa-icon:active{background:#e2e8f0}.pa-brand{letter-spacing:-.02em;align-items:center;gap:1px;font-size:19px;font-weight:800;display:inline-flex}.pa-brand .b1{color:var(--ink3)}.pa-brand .b2{color:var(--green)}.pa-body{padding:16px 16px calc(80px + env(safe-area-inset-bottom));width:100%;max-width:680px;margin:0 auto}.pa-nav{z-index:20;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 6px #0000000a}.pa-nav a{color:var(--ink3);flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 0 11px;font-size:11px;font-weight:600;display:flex}.pa-nav a .ic{filter:grayscale();opacity:.6;font-size:21px;line-height:1}.pa-nav a.on{color:var(--green)}.pa-nav a.on .ic{filter:none;opacity:1}.pa-h{letter-spacing:-.02em;margin-bottom:2px;font-size:22px;font-weight:800}.pa-sub{color:var(--ink3);margin-bottom:14px;font-size:13px}.set-group{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:16px;overflow:hidden}.set-group .gh{text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);padding:12px 16px 6px;font-size:11px;font-weight:700}.set-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:14px 16px;display:flex}.set-row:first-of-type{border-top:none}.set-row .si{text-align:center;width:24px;font-size:19px}.set-row .st{flex:1;min-width:0}.set-row .st b{font-size:14px;font-weight:600}.set-row .st .sd{color:var(--ink3);margin-top:1px;font-size:12px}.switch{background:var(--line);cursor:pointer;border:none;border-radius:99px;flex-shrink:0;width:44px;height:26px;transition:background .15s;position:relative}.switch.on{background:var(--green)}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch.on:after{left:21px}.hamburger{cursor:pointer;color:var(--ink2);background:0 0;border:none;padding:2px 8px;font-size:22px;line-height:1;display:none}.overlay{display:none}@media (max-width:820px){.sidebar{z-index:300;transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000040}.main{margin-left:0}.hamburger{display:block}.content{padding:16px 14px}.overlay.show{z-index:250;background:#0006;display:block;position:fixed;inset:0}.card{overflow-x:auto}.card>table{min-width:600px}.tiles{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}}@media (max-width:480px){.tiles{grid-template-columns:1fr}.tb-right .muted{display:none}h1{font-size:18px}.login-card{width:92vw}}