:root{--b50:#f2f6f8;--b100:#e1ebf0;--b200:#c3d6e0;--b300:#9bb8c8;--b400:#7398ac;--b500:#547b92;--b600:#436375;--b700:#384f5d;--b800:#2c3d48;--b900:#1f2b33;--s100:#f0ebe3;--s200:#ded5c7;--ink:#1f2429;--ink2:#4e565e;--ink3:#79828b;--line:#dce1e5;--bg:#fcfdfd;--card:#ffffff;--ok:#3e7a5e;--pend:#a07a2e;--canc:#a05043;--resc:#4a6e8a;--fault:#c62828;--fault-bg:#fdecea;--radius:10px;--radius-sm:7px;--shadow:0 1px 2px rgba(31,43,51,0.06)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--b600);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{height:56px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid var(--line);font-weight:800;letter-spacing:.14em;font-size:13px;color:var(--b700);flex:0 0 auto}.brand .env{letter-spacing:normal;font-size:10px;font-weight:700;color:var(--b600);background:var(--b50);border:1px solid var(--b200);border-radius:20px;padding:0 7px}.sidenav{padding:10px 10px 20px;display:flex;flex-direction:column;gap:1px;flex:1 1}.sidenav a{display:block;padding:8px 10px;border-radius:var(--radius-sm);color:var(--ink2);font-size:13.5px;line-height:1.35}.sidenav a small{display:block;font-size:11px;color:var(--ink3)}.sidenav a:hover{background:var(--b50);text-decoration:none}.sidenav a.on{background:var(--b50);color:var(--b800);font-weight:700;box-shadow:inset 2px 0 0 var(--b500)}.sidenav .group{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);padding:14px 10px 5px}.whoami{border-top:1px solid var(--line);padding:12px 14px;font-size:12px;color:var(--ink2);flex:0 0 auto}.whoami .lvl{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.06em;border-radius:20px;padding:1px 8px;border:1px solid var(--b300);color:var(--b700);background:var(--b50);margin-left:6px}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:56px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar .spacer{flex:1 1}.content{padding:22px 24px 64px;max-width:1180px;width:100%}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}}h1{font-size:20px;font-weight:800;letter-spacing:-.01em}h2{font-size:14.5px}h2,h3{font-weight:700;color:var(--b800)}h3{font-size:13px}.page-head{margin-bottom:20px}.page-head .sub{font-size:13.5px;margin-top:2px}.muted,.page-head .sub{color:var(--ink2)}.dim{color:var(--ink3)}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card+.card{margin-top:16px}.card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.card-head .spacer{flex:1 1}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.split{grid-template-columns:2fr 1fr}@media (max-width:980px){.grid.cols-3,.grid.cols-4,.grid.split{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid.cols-2,.grid.cols-3,.grid.cols-4,.grid.split{grid-template-columns:1fr}}.stat{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px;color:inherit;box-shadow:var(--shadow)}a.stat:hover{border-color:var(--b300);text-decoration:none}.stat .k{font-size:12px;color:var(--ink2)}.stat .v{font-size:24px;font-weight:800;color:var(--b800);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.25}.stat .foot{font-size:11.5px;color:var(--ink3)}.stat.alert{border-color:var(--pend);background:#fdfaf3}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);padding:10px 14px;background:var(--b50);white-space:nowrap}tbody td,thead th{border-bottom:1px solid var(--line)}tbody td{padding:11px 14px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfd}td.right,th.right{text-align:right}.pill,td.nowrap,th.nowrap{white-space:nowrap}.pill{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;border:1px solid var(--line);color:var(--ink2);line-height:1.5}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.pend{color:var(--pend);border-color:var(--pend)}.pill.canc{color:var(--canc);border-color:var(--canc)}.pill.info{color:var(--resc);border-color:var(--b400);background:var(--b50)}.pill.fault{color:var(--fault);border-color:var(--fault);background:var(--fault-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--b500);color:#fff;border:1px solid var(--b500);border-radius:var(--radius-sm);padding:7px 14px;font-size:12.5px;font-weight:700;cursor:pointer}.btn:hover:not(:disabled){background:var(--b600);border-color:var(--b600)}.btn:disabled{background:var(--b200);border-color:var(--b200);color:var(--b600);cursor:not-allowed}.btn.ghost{background:none;color:var(--ink2);border-color:var(--line)}.btn.ghost:hover:not(:disabled){background:var(--b50);color:var(--b700);border-color:var(--b300)}.btn.ok{background:none;color:var(--ok);border-color:var(--ok)}.btn.ok:hover:not(:disabled){background:#f1f7f4}.btn.danger{background:none;color:var(--canc);border-color:var(--canc)}.btn.danger:hover:not(:disabled){background:#fbf2f1}.btn.sm{padding:4px 10px;font-size:11.5px}.btn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}label.field{display:block;font-size:12px;font-weight:700;color:var(--ink2);margin-bottom:4px}input[type=date],input[type=number],input[type=search],input[type=tel],input[type=text],select,textarea{width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 10px;font-size:13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--b400);box-shadow:0 0 0 3px var(--b50)}textarea{resize:vertical;min-height:80px;line-height:1.55}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}.filters>div{min-width:150px}.filters .grow{flex:1 1;min-width:220px}.banner{border-radius:var(--radius);padding:12px 16px;font-size:13px;display:flex;gap:10px;align-items:flex-start;margin-bottom:16px}.banner .spacer{flex:1 1}.banner.note{background:var(--s100);color:#4a4336}.banner.info{background:var(--b50);color:var(--b800);border:1px solid var(--b200)}.banner.fault{background:var(--fault-bg);color:#7d1f1f;border:1px solid #f3c3bf}.empty{padding:34px 20px;text-align:center;color:var(--ink2);font-size:13.5px}.empty h3{margin-bottom:4px}.pending-backend{border:1px dashed var(--b300);background:var(--b50);border-radius:var(--radius);padding:20px}.pending-backend h3{margin-bottom:6px}.pending-backend code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;background:var(--card);border:1px solid var(--b200);border-radius:5px;padding:1px 6px;color:var(--b800)}.modal-backdrop{position:fixed;inset:0;background:rgba(31,43,51,.42);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--card);border-radius:12px;width:100%;max-width:480px;padding:22px;box-shadow:0 12px 40px rgba(31,43,51,.22);max-height:90vh;overflow-y:auto}.modal.wide{max-width:720px}.modal h2{margin-bottom:6px}.modal .why{font-size:12.5px;color:var(--ink2);margin-bottom:14px}.modal .actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--b50)}.login-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:0 4px 20px rgba(31,43,51,.07)}.login-card .logo{font-weight:800;letter-spacing:.16em;font-size:14px;color:var(--b700);margin-bottom:2px}.login-card .field-row{margin-top:14px}.login-card .btn{width:100%;margin-top:16px;padding:9px}.otp-input{letter-spacing:.4em;font-size:18px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stack{flex-direction:column;gap:12px}.row,.stack{display:flex}.row{gap:10px;align-items:center}.mt-0{margin-top:0}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.fs-12{font-size:12px}.fs-13{font-size:13px}.w-100{width:100%}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--b200);border-top-color:var(--b500);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{height:12px;border-radius:4px;background:linear-gradient(90deg,var(--b50),var(--b100),var(--b50));background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton,.spinner{animation:none}}