:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#e8edf6;background:#081120;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(52,211,153,.2),transparent 22%),radial-gradient(circle at top right,rgba(59,130,246,.16),transparent 24%),#081120}a{color:inherit;text-decoration:none}button,input{font:inherit}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid rgba(148,163,184,.18);background:#0a1220e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:28px 20px}.brand-block{display:flex;align-items:center;gap:14px;margin-bottom:28px}.brand-mark{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#34d399,#2563eb);font-weight:700}.brand-title{font-size:20px;font-weight:700}.brand-subtitle{color:#94a3b8;font-size:13px}.nav-list{display:flex;flex-direction:column;gap:10px}.nav-item{padding:12px 14px;border-radius:14px;color:#cbd5e1;transition:background .2s ease,color .2s ease}.nav-item:hover,.nav-item.active{background:#34d39924;color:#fff}.content-area{padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.topbar-title{font-size:28px;font-weight:700}.topbar-subtitle{color:#94a3b8;margin-top:6px}.topbar-actions{display:flex;align-items:center;gap:12px}.action-strip{display:flex;flex-wrap:wrap;gap:12px}.filter-bar{display:grid;grid-template-columns:minmax(0,1fr) 180px 140px;gap:12px;margin-bottom:18px}.field-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.split-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}.detail-stack{display:flex;flex-direction:column}.detail-copy{white-space:pre-wrap;word-break:break-word;line-height:1.6}.config-role-list{display:flex;flex-direction:column;gap:12px}.config-role-card{border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:14px;background:#0f172a9e;display:flex;flex-direction:column;gap:10px}.user-list{display:flex;flex-direction:column;gap:12px}.user-row{width:100%;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:#0f172a9e;color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;text-align:left}.user-row.active{border-color:#34d39973;box-shadow:inset 0 0 0 1px #34d3993d}.user-row-main,.user-row-meta{display:flex;flex-direction:column;gap:6px}.user-row-meta{align-items:flex-end;color:#94a3b8}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:8px 12px;border-radius:999px;font-size:13px}.status-chip.enabled{background:#34d3992e;color:#bbf7d0}.status-chip.disabled{background:#f871712e;color:#fecaca}.empty-state{border:1px dashed rgba(148,163,184,.22);border-radius:18px;padding:22px;color:#94a3b8;text-align:center}.compact-gap{margin-top:8px}.muted-text{color:#94a3b8}.page-stack{display:flex;flex-direction:column;gap:20px}.hero-card,.panel,.card,.login-card{border:1px solid rgba(148,163,184,.16);background:#0f172ad6;box-shadow:0 30px 60px #02061752;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-card{padding:28px;border-radius:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.hero-card h1,.login-card h1,.panel h2{margin:8px 0 10px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#34d399}.primary-link,.primary-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:16px;padding:14px 18px;background:linear-gradient(135deg,#34d399,#2563eb);color:#fff;cursor:pointer}.primary-button:disabled{cursor:wait;opacity:.72}.ghost-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:14px 18px;background:#0f172ad1;color:#fff;cursor:pointer}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.info-grid{display:grid;grid-template-columns:1.1fr 1.4fr;gap:16px}.card{padding:18px;border-radius:22px;display:flex;flex-direction:column;gap:10px}.card-label{color:#94a3b8;font-size:13px}.panel{padding:24px;border-radius:24px}.info-item{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-bottom:1px solid rgba(148,163,184,.12)}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{color:#94a3b8;font-size:13px}.badge-list{display:flex;flex-wrap:wrap;gap:10px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#3b82f624;border:1px solid rgba(96,165,250,.22);color:#dbeafe;font-size:13px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.denied-panel{border-color:#f8717147}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:8px 12px;border-radius:999px;background:#3b82f62e;color:#bfdbfe;font-size:13px}.status-pill.success{background:#34d3992e;color:#bbf7d0}.status-pill.error{background:#f871712e;color:#fecaca}.health-grid,.route-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.health-item,.route-item{padding:16px;border-radius:18px;background:#0f172aa3;border:1px solid rgba(148,163,184,.12);display:flex;flex-direction:column;gap:8px}.health-item span,.route-item span{color:#94a3b8}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px}.login-card{width:min(100%,480px);border-radius:28px;padding:28px}.error-banner{margin-top:18px;border-radius:16px;padding:12px 14px;background:#f8717124;border:1px solid rgba(248,113,113,.28);color:#fecaca}.form-stack{display:flex;flex-direction:column;gap:14px;margin-top:24px}.form-label{display:flex;flex-direction:column;gap:8px}.form-label span{color:#cbd5e1;font-size:14px}.field{width:100%;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:14px 16px;background:#0f172ae0;color:#fff}@media (max-width: 1100px){.split-grid,.info-grid,.card-grid,.health-grid,.route-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 840px){.app-shell,.filter-bar,.split-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.sidebar{border-right:none;border-bottom:1px solid rgba(148,163,184,.18)}.hero-card{flex-direction:column}}@media (max-width: 640px){.content-area,.sidebar,.login-page{padding:18px}.user-row{flex-direction:column;align-items:flex-start}.user-row-meta{align-items:flex-start}.info-grid,.card-grid,.health-grid,.route-list{grid-template-columns:1fr}}