:root{--bg: #07131c;--bg-deep: #041018;--surface: rgba(7, 22, 31, .76);--surface-strong: rgba(10, 28, 39, .94);--surface-soft: rgba(255, 255, 255, .03);--line: rgba(128, 197, 211, .15);--line-strong: rgba(128, 197, 211, .22);--text: #edf6f8;--muted: #89a4ad;--accent: #16bea6;--accent-2: #2cb8ff;--accent-soft: rgba(22, 190, 166, .14);--warning: #ffbc6b;--warning-soft: rgba(255, 188, 107, .14);--danger: #ff8f82;--danger-soft: rgba(255, 143, 130, .14);--success: #67e4b0;--success-soft: rgba(103, 228, 176, .14);--shadow-lg: 0 24px 80px rgba(0, 0, 0, .34);--shadow-md: 0 14px 36px rgba(0, 0, 0, .22);font-family:Inter,PingFang SC,Microsoft YaHei UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;font-size:14px;line-height:1.45;color:var(--text);background:radial-gradient(circle at top left,rgba(22,190,166,.18),transparent 22%),radial-gradient(circle at top right,rgba(44,184,255,.12),transparent 20%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}button,input,select{font:inherit}button{border:0;cursor:pointer}h1,h2,h3,p{margin:0}.login-shell,.admin-shell{min-height:100vh;display:grid;gap:24px;padding:24px}.login-shell{place-items:center}.admin-shell{grid-template-columns:280px minmax(0,1fr)}.login-card,.sidebar,.panel,.card,.main-surface{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-card,.sidebar,.panel,.main-surface{border-radius:28px}.login-card,.sidebar,.panel,.main-surface{padding:24px}.login-card{width:min(420px,calc(100vw - 48px))}.eyebrow{margin-bottom:8px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700}h1{font-size:34px;letter-spacing:-.05em}h2{font-size:30px;letter-spacing:-.05em}h3{font-size:18px;letter-spacing:-.03em}.subtle{color:var(--muted);font-size:13px}.form,.list,.cards,.columns,.stack{display:grid;gap:14px}.form label{display:grid;gap:8px;color:var(--muted);font-size:13px}.form input,.form select,.toolbar input,.toolbar select,.request-card input,.list-row-main input{width:100%;min-height:44px;padding:11px 14px;border-radius:14px;border:1px solid var(--line);background:#ffffff09;color:var(--text);outline:none}.form input:focus,.form select:focus,.toolbar input:focus,.toolbar select:focus,.request-card input:focus,.list-row-main input:focus{border-color:#16bea67a;box-shadow:0 0 0 3px #16bea61f}.sidebar{display:grid;align-content:start;gap:16px;min-height:calc(100vh - 48px);background:linear-gradient(180deg,#091822fa,#06121bfa)}.sidebar-brand{display:grid;gap:6px;padding:6px 0 14px;border-bottom:1px solid var(--line)}.sidebar-group,.sidebar-actions{display:grid;gap:10px}.sidebar-actions{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.api-status{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-top:10px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;font-size:12px;color:var(--text)}.sidebar .subtle,.sidebar .api-status{font-size:12px}.status-light{width:10px;height:10px;border-radius:999px;background:#7b8e98;box-shadow:0 0 0 4px #7b8e981f}.api-status.online .status-light{background:#3be38c;box-shadow:0 0 0 4px #3be38c24}.api-status.offline .status-light{background:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b24}.nav,.ghost,.primary,.danger-button{min-height:44px;padding:12px 14px;border-radius:16px;transition:transform .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease}.nav:hover,.ghost:hover,.primary:hover,.danger-button:hover{transform:translateY(-1px)}.nav,.ghost{border:1px solid transparent;background:#ffffff0b;color:var(--text)}.nav{text-align:left;font-weight:600}.nav.active,.primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#06201f;font-weight:800}.ghost:hover,.nav:hover{border-color:var(--line-strong);background:#ffffff12}.danger-button{min-height:40px;padding:10px 14px;border:1px solid rgba(255,143,130,.2);background:var(--danger-soft);color:#ffd7d2;font-size:13px;font-weight:700}.danger-button:hover{background:#ff8f8233}.nav:disabled,.ghost:disabled,.primary:disabled,.danger-button:disabled{opacity:.56;cursor:not-allowed;transform:none}.main{min-width:0}.main-surface{min-height:calc(100vh - 48px);display:grid;align-content:start;gap:18px;background:linear-gradient(180deg,#081721eb,#07131ce0)}.page-header,.panel-head,.request-meta,.actions,.toolbar,.header-pills,.entity-block-head,.hero-strip{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-header{padding-bottom:18px;border-bottom:1px solid var(--line)}.header-pills{flex-wrap:wrap}.hero-strip{padding:18px 20px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(135deg,#0e3633f0,#092736e0)}.hero-strip-meta{display:flex;flex-wrap:wrap;gap:10px}.hero-chip,.pill,.status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700}.hero-chip,.pill{background:#ffffff0f;color:var(--text)}.pill.accent,.status-chip.pending_review{background:var(--warning-soft);color:var(--warning)}.status-chip.approved{background:var(--success-soft);color:var(--success)}.status-chip.rejected{background:var(--danger-soft);color:var(--danger)}.cards{grid-template-columns:repeat(5,minmax(0,1fr))}.card{padding:20px;border-radius:24px}.card span{display:block;color:var(--muted);font-size:13px}.card strong{display:block;margin-top:10px;font-size:30px;letter-spacing:-.05em}.card-accent{background:linear-gradient(135deg,#133531fa,#0d4351f0)}.columns{grid-template-columns:repeat(2,minmax(0,1fr))}.columns-wide{align-items:start}.panel{display:grid;align-content:start;gap:16px;background:#081721b8}.entity-block{display:grid;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}.compact-list .list-row,.compact-list .request-row,.audit-row{padding:14px 16px}.list-row,.user-row,.request-row,.request-card,.audit-row{border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);box-shadow:var(--shadow-md)}.list-row-action{display:flex;align-items:center;justify-content:space-between;gap:12px}.list-row-main{min-width:0;flex:1}.list-row-main input{max-width:320px}.row-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.user-row,.request-row,.audit-row{display:grid;grid-template-columns:1fr auto;gap:12px}.user-row,.request-card{padding:18px}.user-row p,.request-row p,.request-card p,.audit-row p{margin-top:6px;color:var(--muted);font-size:13px}.user-side{display:grid;justify-items:end;gap:6px}.toolbar{flex-wrap:wrap;margin-bottom:4px}.toolbar select{width:180px}.toolbar input{flex:1;min-width:240px}.request-card{display:grid;gap:14px}.request-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.meta-label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}.actions{justify-content:flex-start}.banner{padding:12px 14px;border-radius:14px;border:1px solid var(--line)}.error{color:var(--danger);background:var(--danger-soft)}.notice{color:var(--success);background:var(--success-soft)}.empty-state{padding:24px;border:1px dashed var(--line);border-radius:18px;text-align:center}.empty-state p{margin-top:8px;color:var(--muted);font-size:13px}@media(max-width:1280px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.admin-shell{grid-template-columns:1fr}.sidebar,.main-surface{min-height:auto}}@media(max-width:960px){.cards,.columns,.request-grid{grid-template-columns:1fr}.page-header,.panel-head,.toolbar,.request-meta,.actions,.hero-strip,.entity-block-head{align-items:flex-start;flex-direction:column}.list-row-action,.user-row,.request-row,.audit-row{grid-template-columns:1fr;align-items:flex-start}.row-actions,.user-side{justify-items:start}.list-row-main input{max-width:none}}@media(max-width:640px){.login-shell,.admin-shell{padding:14px}.login-card,.sidebar,.panel,.main-surface{padding:18px;border-radius:22px}h1{font-size:28px}h2{font-size:24px}}