:root{--canvas:#f6f8fb;--surface:#fff;--ink:#17233d;--text:#33415c;--muted:#5d6b87;--border:#e3e8f1;--border-strong:#cbd4e4;--brand:#2456d6;--brand-strong:#1c46b4;--brand-soft:#eef3fe;--accent:#e8590c;--ok:#157347;--ok-soft:#e8f5ee;--warn:#9a6700;--warn-soft:#fff3d6;--danger:#c93a55;--danger-soft:#fdeef2;--info:#0b6bcb;--info-soft:#e8f2fd;--r-sm:6px;--r-md:10px;--shadow-1:0 1px 2px rgba(23,35,61,.06);--shadow-2:0 8px 24px rgba(23,35,61,.1);--ease:cubic-bezier(0.2,0.7,0.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.layout{display:flex;min-height:100vh}.sidebar{width:208px;padding:20px 14px;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar .brand{font-weight:700;font-size:15px;padding:0 10px 14px;color:var(--ink)}.sidebar a{padding:9px 12px;border-radius:var(--r-sm);color:var(--muted);display:flex;align-items:center;gap:8px;min-height:40px;transition:background .12s var(--ease),color .12s var(--ease);position:relative}.sidebar a:hover{background:var(--canvas);color:var(--ink)}.sidebar a.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.sidebar a.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--brand)}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1 1}.main{flex:1 1;padding:24px 28px;max-width:1040px;min-width:0}h1{font-size:22px;margin-bottom:6px}h1,h2{color:var(--ink)}h2{font-size:15px;margin:20px 0 10px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:18px;transition:border-color .12s var(--ease)}.card:hover{border-color:var(--border-strong)}.card b{font-size:15px;color:var(--ink)}.card .sub{color:var(--muted);font-size:13px;margin-top:4px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13.5px;vertical-align:top}th{color:var(--muted);font-weight:600;background:#fafbfe;white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfe}td,th{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:500;border:1px solid transparent;white-space:nowrap}.tag:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor}.tag.ok{color:var(--ok);background:var(--ok-soft);border-color:#cfe9db}.tag.bad{color:var(--danger);background:var(--danger-soft);border-color:#f5cdd6}.tag.warn{color:var(--warn);background:var(--warn-soft);border-color:#f0e2b8}.tag.info{color:var(--info);background:var(--info-soft);border-color:#cde0f7}.tag.neutral{color:var(--muted);background:var(--canvas);border-color:var(--border)}.tag.revoked{text-decoration:line-through}input,select{padding:9px 11px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);margin-right:8px;margin-bottom:8px;min-height:40px}input:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:1px}button{padding:9px 16px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);cursor:pointer;margin-right:6px;min-height:40px;font-size:14px;transition:border-color .12s var(--ease),background .12s var(--ease)}button:hover{border-color:var(--brand);color:var(--brand)}button.primary{background:var(--brand);border-color:var(--brand);color:#fff}button.primary:hover{background:var(--brand-strong);color:#fff}button.danger{color:var(--danger);background:var(--danger-soft);border-color:#f0c6d0}button.danger:hover{background:#fbdae1;color:var(--danger);border-color:var(--danger)}button:disabled{opacity:.55;cursor:not-allowed}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:18px;margin-bottom:18px;max-width:560px}.msg{min-height:18px;margin:8px 0;color:var(--muted);font-size:13.5px;white-space:pre-wrap}.msg.ok{color:var(--ok)}.msg.bad{color:var(--danger)}.muted{color:var(--muted);font-size:12.5px}.hidden{display:none}.kv{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--border)}.kv span:first-child{color:var(--muted)}.total-row{font-size:17px;font-weight:700;color:var(--ink);border-bottom:0!important}.menu-toggle{display:none}@media (max-width:860px){.layout{flex-direction:column}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:auto;width:100%;flex-direction:row;align-items:center;padding:10px 14px;border-right:0;border-bottom:1px solid var(--border)}.sidebar .brand{padding:0 10px 0 0}.sidebar nav{display:none}.sidebar.open nav{display:flex}.sidebar a{border-bottom:1px solid var(--border);border-radius:0}.sidebar a.active:before{display:none}.sidebar>div[style]{margin:0!important}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;color:var(--ink);font-size:17px}.sidebar .logout-mobile{display:none}.main{padding:18px 16px}h1{font-size:19px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}