:root{color:#172033;background:#f7f8fa;font-family:Inter,PingFang SC,Microsoft YaHei UI,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:#172033;font-size:14px;line-height:1.5}a{color:#315f8f;font-weight:600;text-decoration:none}a:hover{color:#244b73}button,input,select{font:inherit}code{border-radius:6px;background:#eef2f7;color:#334155;padding:2px 6px;font-size:12px}.boot-screen,.login-page{display:grid;min-height:100vh;place-items:center;background:#f3f5f8}.login-card{width:min(420px,calc(100vw - 32px));border:1px solid #dfe5ec;border-radius:8px;background:#fff;padding:32px;box-shadow:0 18px 44px #141f3214}.login-icon{display:grid;width:64px;height:64px;place-items:center;border-radius:15px;background:#07172d;box-shadow:0 14px 32px #0d203f2e;overflow:hidden}.login-icon img{width:100%;height:100%;object-fit:cover}.metric-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:9px;background:#315f8f;color:#fff}.login-card h1{margin:22px 0 8px;font-size:24px;font-weight:680}.login-card p,.page-header p,.usage-panel p,.muted-text{color:#64748b}.login-card label{display:grid;gap:8px;margin-top:18px;color:#334155;font-size:14px;font-weight:650}.login-card input,.search input,.topbar select,.control,.form-grid input,.form-grid select{height:38px;border:1px solid #d8e0eb;border-radius:8px;background:#fff;color:#182235;outline:none}.login-card input{padding:0 12px}.login-card input:focus,.search input:focus,.topbar select:focus,.control:focus,.form-grid input:focus,.form-grid select:focus{border-color:#53799f;box-shadow:0 0 0 3px #53799f24}.form-error{margin:16px 0 0;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;padding:10px 12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border:1px solid transparent;border-radius:8px;padding:0 14px;cursor:pointer;font-size:14px;font-weight:600}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55}.button.primary{background:#315f8f;color:#fff}.button.primary:hover{background:#244b73}.button.ghost{border-color:#d5dde8;background:#fff;color:#334155}.button.compact{min-height:32px;padding:0 10px;font-size:13px}.button.full{width:100%;margin-top:20px}.admin-shell{display:flex;min-height:100vh;background:#f7f8fa}.sidebar{position:sticky;top:0;width:224px;height:100vh;flex:0 0 224px;border-right:1px solid #e2e8f0;background:#fbfcfd;color:#344256}.brand{display:flex;align-items:center;gap:11px;min-height:68px;border-bottom:1px solid #e8edf3;padding:12px 16px}.brand-logo{width:42px;height:42px;flex:0 0 auto;border-radius:10px;box-shadow:0 10px 24px #10264724}.brand-copy{min-width:0}.brand strong{display:block;color:#172033;font-size:17px;font-weight:720;letter-spacing:0}.brand span{display:block;margin-top:1px;color:#7a8798;font-size:11px;white-space:nowrap}.side-nav{display:grid;gap:2px;padding:12px 8px}.side-nav a{display:flex;align-items:center;gap:10px;border-radius:7px;color:#445268;padding:9px 10px;font-size:14px;font-weight:560}.side-nav a:hover,.side-nav a.active{background:#eef2f6;color:#213850}.side-nav a.active{box-shadow:inset 3px 0 #517391}.main-panel{min-width:0;flex:1}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;min-height:56px;border-bottom:1px solid #e2e8f0;background:#fffffff5;padding:0 28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.org-switcher{display:flex;align-items:center;gap:8px;color:#65738a;font-size:13px;font-weight:600}.topbar select,.control{padding:0 10px}.topbar select{min-width:128px}.topbar-spacer{flex:1}.user-chip{display:grid;line-height:1.2;text-align:right}.user-chip strong{font-size:13px;font-weight:620}.user-chip span{color:#64748b;font-size:12px}.icon-button{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid #d8e0eb;border-radius:8px;background:#fff;color:#536176;cursor:pointer}.icon-button:hover{border-color:#b9c6d8;color:#111827}.icon-button.danger{color:#b91c1c}.menu-button,.mobile-close{display:none}.content{width:100%;margin:0 auto;padding:26px 32px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.page-header h1{margin:0;color:#172033;font-size:22px;font-weight:650;line-height:1.25}.page-header p{margin:6px 0 0;font-size:14px}.page-actions{display:flex;align-items:center;gap:10px}.search{position:relative;display:flex;align-items:center;width:min(360px,46vw)}.search svg{position:absolute;left:12px;color:#64748b}.search input{width:100%;padding:0 12px 0 36px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:16px}.overview-strip{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.overview-card{display:flex;align-items:center;gap:14px;min-height:96px;border:1px solid #e1e7ef;border-radius:8px;background:#fff;padding:16px;box-shadow:0 10px 24px #141f3209}.overview-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid #d8e0e8;border-radius:9px;background:#f6f8fa;color:#315f8f}.overview-card span,.overview-card em{display:block;color:#64748b;font-size:12px;font-style:normal}.overview-card strong{display:block;margin:1px 0;color:#111827;font-size:23px;font-weight:660;line-height:1.2}.metric-card,.panel{border:1px solid #e1e7ef;border-radius:8px;background:#fff;box-shadow:0 10px 24px #141f3209}.metric-card{min-height:150px;padding:18px}.metric-card span{display:block;margin-top:18px;color:#64748b;font-size:13px;font-weight:700}.metric-card strong{display:block;margin-top:6px;color:#0f172a;font-size:24px;font-weight:680}.metric-card.danger .metric-icon{background:#dc2626}.panel{padding:18px}.panel h2{margin:0 0 14px;font-size:16px;font-weight:650}.chart-panel{min-height:280px}.main-chart{grid-row:span 2}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-heading h2{margin:0}.panel-heading p{margin:4px 0 0;color:#64748b;font-size:13px}.panel-heading>svg{color:#64748b}.bar-chart{display:grid;gap:18px;padding-top:8px}.bar-row{display:grid;grid-template-columns:86px minmax(0,1fr) 56px;align-items:center;gap:14px}.bar-row span,.usage-item span,.risk-list span{color:#64748b;font-size:13px;font-weight:560}.bar-row strong,.usage-item strong,.risk-list strong{color:#111827;font-size:14px;font-weight:650;text-align:right}.bar-track{height:10px;overflow:hidden;border-radius:999px;background:#eef2f7}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#315f8f,#8aa8c2)}.donut-wrap{display:grid;justify-items:center;gap:18px}.donut{display:grid;width:168px;height:168px;place-items:center;border-radius:50%}.donut>div{display:grid;width:112px;height:112px;place-items:center;align-content:center;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #edf2f7}.donut strong{font-size:24px;font-weight:680}.donut span{color:#64748b;font-size:12px}.legend-list{display:grid;gap:8px;width:100%}.legend-list span{display:flex;align-items:center;gap:8px;color:#475569;font-size:13px}.legend-list i{width:8px;height:8px;border-radius:50%}.legend-list .blue{background:#315f8f}.legend-list .red{background:#ef4444}.usage-chart{min-height:240px}.usage-bars{display:grid;gap:16px}.usage-item{display:grid;gap:8px}.usage-item>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:14px}.alert-panel{min-height:190px}.alert-panel .panel-heading>svg{color:#dc2626}.risk-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.risk-list div{border-radius:10px;background:#f8fafc;padding:14px}.risk-list span,.risk-list strong{display:block;text-align:left}.risk-list strong{margin-top:4px;font-size:22px}.panel h3{margin:0 0 10px;font-size:15px}.management-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.edit-panel{position:sticky;top:72px}.edit-panel p{margin:-4px 0 16px;color:#64748b;font-size:13px}.form-grid{display:grid;gap:12px}.form-grid label{display:grid;gap:7px;color:#42526a;font-size:13px;font-weight:600}.form-grid input,.form-grid select{width:100%;padding:0 10px}.credit-editor{display:grid;gap:10px;margin-top:4px;border-top:1px solid #edf1f6;padding-top:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.settings-panel{padding:18px}.settings-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.settings-panel h2{margin:0;color:#172033;font-size:18px;font-weight:700}.settings-panel p{margin:4px 0 0;color:#64748b;font-size:13px}.settings-list{display:grid;gap:10px}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:14px;align-items:center;border:1px solid #e5ebf2;border-radius:8px;background:#fbfcfe;padding:12px}.setting-row strong,.setting-row em{display:block}.setting-row strong{color:#253249;font-size:14px;font-weight:650}.setting-row em{margin-top:3px;color:#748196;font-size:12px;font-style:normal}.setting-control{display:grid;gap:4px}.setting-control input{width:100%;height:36px;border:1px solid #d8e0eb;border-radius:8px;background:#fff;color:#172033;padding:0 10px;outline:none}.setting-control input:focus{border-color:#53799f;box-shadow:0 0 0 3px #53799f24}.setting-control small{color:#7a8798;font-size:11px}.notice{margin-bottom:14px;border:1px solid #d5e2ec;border-radius:8px;background:#f5f8fb;color:#315f8f;padding:10px 12px;font-size:13px;font-weight:600}.permission-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.permission-card{border:1px solid #e1e7ef;border-radius:8px;background:#fff;padding:16px;box-shadow:0 10px 24px #141f3209}.permission-card h2{margin:0;font-size:16px;font-weight:650}.permission-card p{margin:6px 0 14px;color:#64748b;font-size:13px}.permission-chips,.inline-chips{display:flex;flex-wrap:wrap;gap:7px}.permission-chips span,.inline-chips span{border:1px solid #dce4ec;border-radius:999px;background:#f7f9fb;color:#344256;padding:4px 8px;font-size:12px;font-weight:600}.permission-chips em{color:#94a3b8;font-size:13px;font-style:normal}.usage-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.usage-grid{display:flex;flex-wrap:wrap;gap:10px}.usage-grid span{border-radius:999px;background:#eef3f7;color:#315f8f;padding:7px 11px;font-weight:600}.table-wrap{overflow-x:auto;overflow-y:hidden;border:1px solid #e1e7ef;border-radius:8px;background:#fff;box-shadow:0 10px 28px #141f3209}table{width:100%;border-collapse:collapse;min-width:min(760px,100%);table-layout:fixed}th,td{border-bottom:1px solid #edf1f6;padding:12px 14px;text-align:left;vertical-align:middle;font-size:13px;overflow-wrap:anywhere}th{background:#f8f9fb;color:#536176;font-size:12px;font-weight:650}td{color:#202a3a}tbody tr:hover{background:#f8fbff}tbody tr:last-child td{border-bottom:0}.status{display:inline-flex;align-items:center;min-height:22px;border-radius:999px;padding:0 8px;background:#eef2f7;color:#475569;font-size:12px;font-weight:650}.status.success{background:#dcfce7;color:#166534}.status.info{background:#e5eef6;color:#315f8f}.status.warning{background:#fef3c7;color:#92400e}.status.danger{background:#fee2e2;color:#b91c1c}.status.muted{background:#e5e7eb;color:#4b5563}.empty-state{display:grid;min-height:220px;place-items:center;align-content:center;gap:8px;border:1px dashed #cbd5e1;border-radius:10px;background:#fff;color:#64748b;padding:28px;text-align:center}.empty-state strong{color:#334155}.empty-state.error{border-color:#fecaca;background:#fff7f7;color:#b91c1c}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.detail-grid{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:16px}.detail-grid .wide{grid-column:span 2}.detail-list{display:grid;grid-template-columns:96px 1fr;gap:12px 14px;margin:0}.detail-list dt{color:#64748b;font-weight:700}.detail-list dd{margin:0}.long-text{margin:0;color:#334155;line-height:1.8;white-space:pre-wrap}.stack{display:grid;gap:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row-actions{display:flex;gap:8px}.video-cell{display:flex;align-items:center;gap:12px}.video-cell strong,.video-cell span{display:block}.video-cell span{margin-top:4px;color:#64748b;font-size:12px}.cover{display:grid;width:74px;height:42px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:6px;background:#e2e8f0;color:#64748b;font-size:12px}.cover img{width:100%;height:100%;object-fit:cover}.tabs{display:inline-flex;gap:3px;margin-bottom:18px;border:1px solid #d8e0eb;border-radius:8px;background:#fff;padding:3px}.tabs button{min-height:32px;border:0;border-radius:6px;background:transparent;color:#536176;padding:0 13px;cursor:pointer;font-size:13px;font-weight:600}.tabs button.active{background:#172033;color:#fff}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.sidebar{position:fixed;z-index:30;transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.menu-button,.mobile-close{display:inline-grid}.mobile-close{margin-left:auto}.content{padding:20px}.page-header,.usage-panel{align-items:stretch;flex-direction:column}.search{width:100%}.metric-grid,.overview-strip,.management-grid,.permission-overview,.settings-grid,.split,.detail-grid{grid-template-columns:1fr}.edit-panel{position:static}.detail-grid .wide{grid-column:auto}.user-chip{display:none}}@media(max-width:560px){.topbar{padding:0 12px}.setting-row{grid-template-columns:1fr}.org-switcher span{display:none}.metric-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr;gap:7px}.bar-row strong{text-align:left}}