:root{--bg: #f4f5f7;--surface: #ffffff;--surface-glass: rgb(255 255 255 / 52%);--surface-glass-strong: rgb(255 255 255 / 72%);--surface-inset: #eef0f4;--text: #0b1f3a;--muted: #6c6c70;--text-tertiary: #8e9aa8;--line: #d9dce2;--line-glass: rgb(255 255 255 / 76%);--accent: #007aff;--accent-light: #5ac8fa;--accent-soft: #eaf4ff;--danger: #ff3b30;--success: #34c759;--warning: #ffcc00;--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--shadow: 0 18px 48px rgb(17 49 82 / 10%);--shadow-soft: 0 8px 20px rgb(17 49 82 / 7%)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,Microsoft YaHei,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand-mark{color:var(--text);font-size:1.55rem;font-weight:900;letter-spacing:-.08em}.admin-shell{display:flex;min-height:100vh}.sidebar{width:220px;flex:0 0 220px;display:flex;flex-direction:column;padding:24px 14px;background:var(--surface);border-right:1px solid var(--line)}.sidebar-brand{display:flex;align-items:baseline;gap:8px;padding:0 12px 28px;font-weight:700}.sidebar nav{display:grid;gap:4px}.sidebar nav a{padding:11px 12px;border-radius:9px;color:var(--muted);text-decoration:none;transition:background .12s ease,color .12s ease}.sidebar nav a:hover,.sidebar nav a.active{color:var(--accent);background:var(--accent-soft)}.sidebar-footer{display:grid;gap:12px;margin-top:auto;padding:18px 12px 0;border-top:1px solid var(--line);font-size:.88rem}.text-button{width:fit-content;padding:0;border:0;background:transparent;color:var(--muted)}.admin-content{flex:1;min-width:0;padding:36px clamp(22px,5vw,72px)}.page-section{max-width:1120px;margin:0 auto}.wide-page{max-width:1380px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.page-header h1{margin:4px 0 8px;font-size:clamp(1.75rem,3vw,2.35rem)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-card{display:grid;gap:12px;min-height:122px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card span{color:var(--muted);font-size:.92rem}.stat-card strong{font-size:2rem}.data-state{display:grid;justify-items:center;gap:12px;min-height:180px;padding:52px 20px;color:var(--muted);text-align:center}.secondary-button,.primary-button{min-height:42px;padding:0 20px;border-radius:9px}.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--text)}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff}.primary-button:disabled{cursor:wait;opacity:.65}.auth-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#e8f2ff 0,transparent 36%),var(--bg)}.auth-card{width:min(100%,420px);padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.auth-card h1{margin:8px 0}.auth-card form{display:grid;gap:18px;margin-top:26px}.auth-card label{display:grid;gap:7px;color:var(--muted);font-size:.9rem}.auth-card input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:#fff}.auth-card input:focus{outline:3px solid rgb(8 124 255 / 18%);border-color:var(--accent)}.form-error{margin:0;color:var(--danger);font-size:.88rem}.panel{margin-bottom:20px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel h2{margin:0 0 18px;font-size:1.1rem}.inline-form,.user-form,.filter-form{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.inline-form label,.user-form label{display:grid;gap:6px;color:var(--muted);font-size:.86rem}.inline-form input,.user-form input,.filter-form input,.filter-form select,.table-input{min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.user-form>label{flex:1 1 180px}.user-form>.primary-button{flex:0 0 auto}.filter-form{margin-bottom:18px}.filter-form input{min-width:220px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-meta{margin:5px 0 0;color:var(--muted);font-size:.82rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);font-size:.8rem;font-weight:600}code{color:#475569}.status-pill{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:.76rem}.status-enabled,.status-unused{color:#166534;background:#dcfce7}.status-disabled,.status-revoked{color:#991b1b;background:#fee2e2}.status-activated{color:#92400e;background:#fef3c7}.tone-success{color:#166534;background:#dcfce7}.tone-warning{color:#92400e;background:#fef3c7}.tone-danger{color:#991b1b;background:#fee2e2}.tone-neutral{color:#475569;background:#e2e8f0}.row-actions{display:flex;align-items:center;gap:12px}.compact-input{width:68px}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:20px;color:var(--muted);font-size:.85rem}.pagination .secondary-button{min-height:36px;padding:0 14px}.pagination .secondary-button:disabled{cursor:default;opacity:.45}.danger-link{padding:0;border:0;color:var(--danger);background:transparent}.danger-button{min-height:42px;padding:0 18px;border:1px solid var(--danger);border-radius:9px;background:var(--danger);color:#fff}.one-time-result{display:grid;gap:10px;margin-top:18px;padding:16px;border:1px solid #f2c46d;border-radius:10px;background:#fffbeb}.one-time-result textarea{min-height:90px;padding:10px;border:1px solid #f2c46d;border-radius:8px;font:.9rem ui-monospace,monospace}.dialog-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#0f172a6b}.dialog-card{width:min(100%,420px);padding:24px;border-radius:14px;background:var(--surface);box-shadow:0 18px 48px #0f172a3d}.dialog-card h2{margin:0 0 10px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.system-grid article{display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:10px}.system-grid span{color:var(--muted);font-size:.84rem}.load-more{display:block;margin:18px auto 0}@media(max-width:900px){.sidebar{width:188px;flex-basis:188px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.admin-shell{display:block}.sidebar{width:auto;min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;overflow-x:auto}.sidebar-footer{display:flex;justify-content:space-between;margin-top:16px}.admin-content{padding:24px 16px}.stat-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}html,body,#app{min-height:100%}body{overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 4% 2%,rgb(255 255 255 / 90%),transparent 26%),radial-gradient(circle at 92% 4%,rgb(90 200 250 / 24%),transparent 30%),radial-gradient(circle at 74% 92%,rgb(0 122 255 / 12%),transparent 36%),linear-gradient(135deg,#dbeaf7 0%,var(--bg) 54%,#dceaf7 100%);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.22;background-image:radial-gradient(rgb(255 255 255 / 75%) .6px,transparent .6px);background-size:5px 5px;mix-blend-mode:soft-light}button,input,select,textarea{font-family:inherit}button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}button:not(:disabled):hover{transform:translateY(-1px)}.admin-shell{position:relative;display:flex;min-height:100vh;background:#eff7ff47}.admin-shell:before{position:absolute;top:-170px;right:-120px;width:420px;height:420px;border:1px solid rgb(0 122 255 / 9%);border-radius:50%;box-shadow:0 0 0 34px #5ac8fa0f,0 0 0 68px #007aff0a;content:"";pointer-events:none}.glass-shell{isolation:isolate}.sidebar{z-index:1;width:238px;flex:0 0 238px;padding:26px 16px;border-right:1px solid rgb(255 255 255 / 68%);background:#f4faff6b;box-shadow:12px 0 34px #2057870f;backdrop-filter:blur(28px) saturate(1.12);-webkit-backdrop-filter:blur(28px) saturate(1.12)}.sidebar-brand{align-items:center;gap:10px;padding:0 12px 29px;color:var(--text);letter-spacing:-.02em}.brand-mark{color:var(--text);font-size:1.55rem;font-weight:900;letter-spacing:-.09em}.sidebar-brand>span:last-child{color:var(--muted);font-size:.75rem;font-weight:700}.sidebar nav{gap:6px}.sidebar nav a{position:relative;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 13px;border:1px solid transparent;border-radius:12px;color:#5e7188;font-size:.9rem;transition:color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.sidebar nav a:before{width:5px;height:5px;border:1px solid #90a7bf;border-radius:50%;content:""}.sidebar nav a:hover{transform:translate(2px);color:var(--accent);background:#ffffff6b}.sidebar nav a.active{color:var(--accent);border-color:#ffffffc7;background:#ffffff8a;box-shadow:0 8px 18px #265d8b17,0 1px #ffffffe5 inset;font-weight:800}.sidebar nav a.active:before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 8px #007aff85}.sidebar-footer{gap:13px;margin-top:auto;padding:17px 12px 0;border-top:1px solid rgb(255 255 255 / 62%);color:var(--text)}.sidebar-footer>span{font-weight:700}.sidebar-status{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center;color:var(--muted);font-size:.72rem}.sidebar-status .status-dot{width:7px;height:7px;grid-row:span 2;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #34c7591f}.sidebar-status small{grid-column:2;color:var(--text-tertiary);font-size:.66rem}.text-button{color:var(--muted)}.text-button:hover{color:var(--accent)}.admin-content{position:relative;z-index:0;flex:1;min-width:0;padding:42px clamp(22px,5vw,76px);background:linear-gradient(145deg,#ffffff38,#dbeffd26)}.page-section{max-width:1180px}.wide-page{max-width:1420px}.page-header{margin-bottom:30px}.page-header h1{margin:5px 0 8px;color:var(--text);font-size:clamp(1.9rem,3vw,2.6rem);letter-spacing:-.06em}.page-header .muted{max-width:650px;color:var(--muted);line-height:1.7}.eyebrow{margin:0;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.panel,.stat-card{border:1px solid var(--line-glass);background:var(--surface-glass);box-shadow:var(--shadow-soft),0 1px #ffffffe5 inset;backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1)}.panel{margin-bottom:20px;padding:24px;border-radius:var(--radius-lg)}.panel h2{color:var(--text);font-size:1.08rem;letter-spacing:-.02em}.stat-grid{gap:14px}.stat-card{min-height:124px;padding:20px;border-radius:16px}.stat-card span{color:var(--muted);font-size:.82rem}.stat-card strong{color:var(--text);font-size:2.05rem;letter-spacing:-.055em}.stat-card-accent{border-color:#007aff3d;background:linear-gradient(145deg,#e8f7ffb3,#ffffff78)}.stat-card-accent strong{color:var(--accent)}.stat-card:hover{border-color:#007aff42;box-shadow:0 13px 26px #265d8b1c,0 1px #fffffff2 inset}.data-state{min-height:180px;color:var(--muted)}.data-state-error{color:var(--danger)}.primary-button,.secondary-button,.danger-button{min-height:42px;border-radius:11px;font-weight:700}.primary-button{border-color:var(--accent);background:linear-gradient(135deg,var(--accent),#138dff);box-shadow:0 8px 18px #007aff33}.primary-button:hover{box-shadow:0 11px 22px #007aff47}.secondary-button{border-color:#ffffffd1;background:#ffffff7a;color:var(--text);box-shadow:0 5px 13px #2246690d,0 1px #ffffffe0 inset}.secondary-button:hover{border-color:#007aff47;background:#ffffffad}.inline-form input,.user-form input,.filter-form input,.filter-form select,.table-input{border-color:#d0dce8e0;border-radius:10px;background:#ffffffa3;color:var(--text);box-shadow:0 1px #ffffffe0 inset}.inline-form input:focus,.user-form input:focus,.filter-form input:focus,.filter-form select:focus,.table-input:focus{outline:3px solid rgb(0 122 255 / 14%);border-color:var(--accent)}.filter-form input{min-width:240px}.section-heading{margin-bottom:20px}.section-heading h2{margin:0}.section-meta{color:var(--muted)}.table-wrap{border:1px solid rgb(255 255 255 / 64%);border-radius:14px;background:#ffffff4a}table{font-size:.86rem}th,td{border-bottom-color:#dae2ebbd}th{color:var(--muted);font-size:.72rem;letter-spacing:.02em}tbody tr{transition:background .14s ease}tbody tr:hover{background:#ffffff73}code{color:#49647d}.status-pill,.pill{border:1px solid transparent}.tone-success,.status-enabled,.status-unused{color:#208c47;background:#34c75924;border-color:#34c7591f}.tone-warning,.status-activated{color:#a16f16;background:#ffcc0029;border-color:#ffcc001f}.tone-danger,.status-disabled,.status-revoked{color:#b32e26;background:#ff3b301f;border-color:#ff3b301c}.tone-neutral{color:#5e7188;background:#8e9aa821;border-color:#8e9aa81a}.danger-link{color:var(--danger)}.pagination{color:var(--muted)}.pagination-jump{display:inline-flex;align-items:center;gap:8px;margin-left:4px;color:var(--muted)}.pagination-jump label{white-space:nowrap}.pagination-jump input{width:68px;min-height:36px;padding:0 9px;border:1px solid rgb(208 220 232 / 88%);border-radius:10px;color:var(--text);background:#ffffffa3;text-align:center}.pagination-jump input:focus{outline:3px solid rgb(0 122 255 / 14%);border-color:var(--accent)}.pagination-jump small{color:var(--danger);white-space:nowrap}.one-time-result{border-color:#ffcc0057;border-radius:14px;background:#fffbebb8}.one-time-result textarea{border-color:#ffcc0075;border-radius:10px;background:#ffffffb8}.dialog-backdrop{background:#0b1f3a47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog-card{border:1px solid rgb(255 255 255 / 82%);border-radius:18px;background:#fafafcd1;box-shadow:0 22px 60px #0b1f3a38,0 1px #ffffffeb inset;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.system-grid{gap:13px}.system-grid article{padding:18px;border-color:#ffffffc2;border-radius:14px;background:#ffffff6b}.system-grid span{color:var(--muted)}.ok-text{color:var(--success)}.danger-text{color:var(--danger)}.auth-page{background:radial-gradient(circle at 12% 10%,rgb(255 255 255 / 88%),transparent 33%),radial-gradient(circle at 92% 8%,rgb(90 200 250 / 24%),transparent 32%),linear-gradient(135deg,#dbeaf7,var(--bg))}.auth-card{border:1px solid rgb(255 255 255 / 84%);border-radius:22px;background:#ffffff94;box-shadow:0 25px 70px #194a7324,0 1px #fffffff2 inset;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.auth-card input{border-color:#d0dce8e0;border-radius:11px;background:#ffffffad}.auth-card input:focus{outline-color:#007aff26;border-color:var(--accent)}.overview-lower{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:16px;margin-top:16px}.overview-panel{min-height:214px}.overview-panel h2{margin-bottom:6px}.overview-panel-copy{margin:0 0 17px;color:var(--muted);font-size:.84rem}.health-list{display:grid;gap:10px}.health-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid rgb(218 226 235 / 74%)}.health-row:first-child{border-top:0}.health-label{color:var(--muted);font-size:.8rem}.health-label small{display:block;margin-top:3px;color:var(--text-tertiary);font-size:.68rem}.health-value{color:var(--text);font-size:.84rem;font-weight:800}.health-value.good{color:var(--success)}.quick-actions{display:grid;gap:9px}.quick-link{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border:1px solid rgb(255 255 255 / 74%);border-radius:11px;color:var(--text);background:#ffffff6b;text-decoration:none;transition:transform .15s ease,background .15s ease,border-color .15s ease}.quick-link:hover{transform:translate(3px);border-color:#007aff45;background:#ffffffa8}.quick-link span{color:var(--muted);font-size:.79rem}.quick-link strong{color:var(--accent);font-size:.78rem}.system-preferences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:14px}.preference-item{display:grid;gap:7px;padding:14px;border:1px solid rgb(255 255 255 / 74%);border-radius:13px;background:#ffffff6b}.preference-item span{color:var(--muted);font-size:.75rem}.preference-item strong{color:var(--text);font-size:.88rem}.preference-item strong{display:inline-flex;align-items:center}.preference-item strong:after{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:var(--success);content:"";box-shadow:0 0 0 4px #34c7591c}.preference-item small{color:var(--text-tertiary);font-size:.68rem}.preference-item select{width:fit-content;min-height:30px;padding:0 26px 0 9px;border:1px solid rgb(208 220 232 / 88%);border-radius:8px;color:var(--text);background:#ffffffad}.preference-toggle{width:fit-content;display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 9px;border:1px solid rgb(0 122 255 / 16%);border-radius:999px;color:var(--accent);background:#eaf4ffb8;font-size:.78rem;font-weight:800}.preference-toggle i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #34c7591c}.preference-toggle[aria-pressed=false]{color:var(--muted);background:#eef0f4a3}.preference-toggle[aria-pressed=false] i{background:var(--text-tertiary);box-shadow:none}.admin-shell.density-compact .panel{padding:18px}.admin-shell.density-compact .stat-card{min-height:104px;padding:17px}.admin-shell.density-compact th,.admin-shell.density-compact td{padding-top:9px;padding-bottom:9px}.admin-shell.density-compact .page-insight{padding:17px 19px}.page-insight{padding:20px 22px}.insight-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.insight-heading h2{margin:0}.insight-badge{flex:0 0 auto;padding:6px 9px;border:1px solid rgb(0 122 255 / 15%);border-radius:999px;color:var(--accent);background:#eaf4ffad;font-size:.68rem;font-weight:800}.insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.insight-item{display:grid;gap:7px;min-height:76px;padding:13px;border:1px solid rgb(255 255 255 / 72%);border-radius:13px;background:#fff6;box-shadow:0 5px 14px #2246690a,0 1px #fffc inset}.insight-item span{color:var(--muted);font-size:.73rem}.insight-item strong{color:var(--text);font-size:1.08rem;letter-spacing:-.03em}.insight-item em{color:var(--text-tertiary);font-size:.67rem;font-style:normal}@media(max-width:900px){.sidebar{width:204px;flex-basis:204px}.overview-lower,.system-preferences{grid-template-columns:1fr}}@media(max-width:900px){.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.admin-shell{display:block}.sidebar{width:auto;min-height:auto;border-right:0;border-bottom:1px solid rgb(255 255 255 / 70%)}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{flex:0 0 auto}.sidebar-footer{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:16px}.admin-content{padding:26px 16px}.panel{padding:18px}.insight-grid{grid-template-columns:1fr 1fr}.insight-heading{display:block}.insight-badge{display:inline-flex;margin-top:10px}}@media(max-width:620px){.pagination{flex-wrap:wrap;gap:10px}.pagination-jump{flex-basis:100%;justify-content:center;margin-left:0}}