:root{color:#142033;background:#edf2f7;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;--line: #d7e0ea;--soft: #f6f8fb;--muted: #68778b;--nav: #14202b;--nav-2: #203040;--blue: #1f5fbf;--blue-bg: #e9f1ff;--green: #0f7a52;--green-bg: #e4f6ee;--red: #b42318;--red-bg: #fde8e6;--yellow: #9a5b00;--yellow-bg: #fff3d8}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr)}.sidebar{background:var(--nav);color:#edf5ff;padding:18px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.brand{display:flex;gap:12px;align-items:center;padding:8px 8px 18px;border-bottom:1px solid rgba(255,255,255,.13)}.brand-mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:#f7c948;color:#142033;font-weight:800}.brand strong,.brand span{display:block}.brand span{color:#b8c6d6;font-size:12px;margin-top:4px}.module-nav{min-height:0;display:flex;flex:1;flex-direction:column;gap:6px;margin-top:16px;overflow-y:auto}.nav-group{display:grid;gap:4px}.nav-item{width:100%;border:0;border-radius:8px;min-height:40px;padding:0 10px;background:transparent;color:#d8e4f0;display:flex;align-items:center;justify-content:space-between;text-align:left}.nav-item span{font-weight:700}.nav-item i{font-style:normal;color:#9fb0c3;font-size:18px;width:18px;text-align:center}.nav-item:hover,.nav-item.active{background:var(--nav-2);color:#fff}.nav-item.active{box-shadow:inset 3px 0 #f7c948}.sub-nav{margin-left:12px;padding:4px 0 6px 12px;border-left:1px solid rgba(255,255,255,.16);display:grid;gap:4px}.sub-nav button{border:0;border-radius:7px;min-height:32px;padding:0 10px;text-align:left;background:transparent;color:#aebed0}.sub-nav button:hover,.sub-nav button.selected{color:#fff;background:#ffffff14}.workspace{min-width:0;padding:18px;display:flex;flex-direction:column;gap:18px}.topbar{display:grid;grid-template-columns:minmax(320px,1fr) auto;gap:12px;align-items:center}.search-box{height:42px;border:1px solid var(--line);background:#fff;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 12px;max-width:980px}.search-icon{width:24px;height:24px;display:grid;place-items:center;color:var(--blue);background:var(--blue-bg);border-radius:6px;font-weight:800;flex:0 0 auto}.search-box input{border:0;outline:0;min-width:0;width:100%;color:#142033}.top-actions,.filters,.segmented{display:flex;gap:8px;flex-wrap:wrap}.top-actions button,.filters button,.segmented button{min-height:36px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#172437;padding:0 12px;white-space:nowrap}.top-actions .primary,.segmented .selected{background:#17314d;border-color:#17314d;color:#fff}.module-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.module-header p{color:var(--blue);font-size:12px;font-weight:800;margin:0 0 8px}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:28px;line-height:1.2}h2{margin-bottom:6px;font-size:17px}.module-header span,.panel-head p,.side-panel p{color:var(--muted);line-height:1.55}.header-stats{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;min-width:390px}.header-stats article,.metric-card,.panel{background:#fff;border:1px solid var(--line);border-radius:8px}.header-stats article{background:var(--soft);padding:12px}.header-stats span,.metric-card span{display:block;color:var(--muted);font-size:12px}.header-stats strong{display:block;margin-top:8px;font-size:22px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px}.metric-card,.panel{padding:16px}.metric-card div{display:flex;justify-content:space-between;gap:8px}.metric-card strong{display:block;margin:16px 0 8px;font-size:25px}.metric-card p{color:#4b5b6d;margin-bottom:0}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;white-space:nowrap}.badge.good{color:var(--green);background:var(--green-bg)}.badge.warn{color:var(--yellow);background:var(--yellow-bg)}.badge.bad{color:var(--red);background:var(--red-bg)}.badge.info{color:var(--blue);background:var(--blue-bg)}.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px}.panel-head.row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.todo-list{display:grid;gap:10px}.todo-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.todo-item span{display:block;color:var(--muted);margin-top:4px;font-size:13px}.flow{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px}.flow-step{border:1px solid var(--line);border-radius:8px;background:var(--soft);padding:11px}.flow-step span{color:var(--blue);font-weight:800;font-size:12px}.flow-step strong{display:block;margin-top:8px;font-size:14px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}.table-panel{min-width:0}.filters{margin-bottom:12px}.filters button{background:var(--soft)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;min-width:920px;border-collapse:collapse}th,td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;white-space:nowrap}th{background:var(--soft);color:#4b5b6d;font-size:12px;font-weight:800}tbody tr:hover{background:#fbfdff}tbody tr:last-child td{border-bottom:0}.mono,code{font-family:Cascadia Mono,Consolas,monospace}.side-panel{position:sticky;top:18px}.rule-list{list-style:none;padding:0;margin:12px 0 18px;display:grid;gap:8px}.rule-list li{border:1px solid var(--line);background:var(--soft);border-radius:7px;padding:10px;color:#334155;line-height:1.45}.permission-list{display:grid;gap:8px;margin:14px 0}code{padding:8px;border-radius:6px;color:var(--blue);background:var(--soft)}.audit-box{border:1px solid var(--line);border-radius:8px;background:var(--soft);padding:12px;color:#4b5b6d;line-height:1.6}@media (max-width: 1180px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.metrics{grid-template-columns:repeat(2,minmax(180px,1fr))}.split,.content-grid,.module-header{grid-template-columns:1fr}.header-stats{min-width:0}.side-panel{position:static}}@media (max-width: 760px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:12px;overflow:visible}.workspace{padding:12px}.topbar,.header-stats,.metrics,.flow{grid-template-columns:1fr}.module-nav{max-height:360px;overflow-y:auto}}.role-card{margin-top:14px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;display:grid;gap:8px}.role-card span,.role-card small{color:#b8c6d6;font-size:12px}.role-card select{width:100%;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:#203040;color:#fff;padding:0 8px}.icon-button{width:36px;min-width:36px;padding:0;display:grid;place-items:center;font-weight:900}.content-grid.full{grid-template-columns:1fr}.cost-insights{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px}.compact-panel{min-height:150px}.tag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.tag-grid span,.permission-list.readable span{border:1px solid var(--line);border-radius:7px;background:var(--soft);padding:9px 10px;color:#334155;line-height:1.35}.rank-list,.alert-list{display:grid;gap:8px;margin-top:12px}.rank-list p,.alert-list p{margin:0;display:grid;grid-template-columns:minmax(100px,.9fr) minmax(110px,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:7px;background:var(--soft);padding:10px}.rank-list span,.rank-list b,.alert-list span{color:var(--muted);font-size:13px}.alert-list p{grid-template-columns:auto minmax(0,1fr)}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c142052;z-index:20}.help-drawer{position:fixed;top:0;right:0;width:min(420px,100vw);height:100vh;background:#fff;border-left:1px solid var(--line);box-shadow:-16px 0 40px #1420332e;z-index:21;padding:18px;overflow-y:auto;display:grid;align-content:start;gap:16px}.help-drawer header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--line)}.help-drawer header span{color:var(--blue);font-size:12px;font-weight:800}.help-drawer h3{margin:0 0 8px;font-size:15px}.help-drawer p{color:var(--muted);line-height:1.6}.permission-list.readable{display:grid;gap:8px;margin:0}@media (max-width: 1180px){.cost-insights{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width: 760px){.cost-insights,.tag-grid{grid-template-columns:1fr}.rank-list p{grid-template-columns:1fr;align-items:start}}.role-card strong{color:#fff;font-size:14px}.role-card button{height:34px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:#ffffff14;color:#fff}.admin-login-page{min-height:100vh;position:relative;display:grid;place-items:center;padding:32px 18px 56px;overflow:hidden;background:linear-gradient(120deg,#14202beb,#1f5fbfc2),radial-gradient(circle at 82% 20%,rgba(247,201,72,.32),transparent 28%),#14202b}.admin-login-panel{width:min(980px,100%);display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:center}.admin-login-copy{color:#fff}.login-kicker{color:#f7c948;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.admin-login-copy h1{margin:12px 0;font-size:42px;line-height:1.15}.admin-login-copy p{max-width:560px;color:#edf5ffd1;line-height:1.8}.admin-login-card{display:grid;gap:16px;padding:24px;border:1px solid rgba(255,255,255,.68);border-radius:8px;background:#fffffff0;box-shadow:0 24px 64px #00000038}.login-title-row h2{margin:0 0 6px;color:#142033;font-size:24px}.login-title-row span,.admin-login-card label span{color:var(--muted);font-size:13px}.admin-login-card label{display:grid;gap:7px}.admin-login-card input,.admin-login-card select{width:100%;height:42px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#142033;padding:0 12px;outline:0}.admin-login-card input:focus,.admin-login-card select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1f5fbf24}.admin-login-card>button{height:44px;border:0;border-radius:7px;background:#17314d;color:#fff;font-weight:800}.admin-login-card>button:disabled{opacity:.65;cursor:not-allowed}.login-error{margin:0;color:var(--red);font-size:13px}.login-icp-footer{position:absolute;left:16px;right:16px;bottom:18px;text-align:center;font-size:12px}.login-icp-footer a{color:#ffffffc2;text-decoration:none}.login-icp-footer a:hover{color:#fff;text-decoration:underline}@media (max-width: 820px){.admin-login-panel{grid-template-columns:1fr}.admin-login-copy h1{font-size:32px}}.confirm-dialog{position:fixed;top:50%;left:50%;z-index:22;width:min(360px,calc(100vw - 32px));padding:20px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 20px 48px #1420333d;transform:translate(-50%,-50%)}.confirm-dialog h2{margin:0 0 8px;color:#142033;font-size:18px}.confirm-dialog p{margin:0;color:var(--muted);line-height:1.6}.confirm-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:10px}.confirm-actions button{min-width:88px;min-height:36px;border-radius:7px;padding:0 14px;font-weight:700}.confirm-actions .ghost{border:1px solid var(--line);background:#fff;color:#172437}.confirm-actions .danger{border:1px solid var(--red);background:var(--red);color:#fff}.user-popover{position:fixed;bottom:88px;left:18px;z-index:22;width:min(300px,calc(100vw - 36px));padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#14202b;color:#edf5ff;box-shadow:0 20px 48px #0c142052}.user-popover header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}.user-popover header span{color:#b8c6d6;font-size:12px}.user-popover h2{margin:4px 0 0;color:#fff;font-size:18px}.user-popover dl{display:grid;gap:12px;margin:14px 0}.user-popover dl div{display:grid;gap:4px}.user-popover dt{color:#b8c6d6;font-size:12px}.user-popover dd{margin:0;color:#fff;font-weight:700;word-break:break-all}.user-popover .icon-button{color:#edf5ff;background:#ffffff14}.logout-action{width:100%;min-height:38px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:#ffffff14;color:#fff;font-weight:700}.logout-action:hover{background:#ffffff24}.sidebar-user-entry{width:100%;margin-top:14px;min-height:52px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;color:#edf5ff;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;text-align:left}.sidebar-user-entry:hover{background:#ffffff1a}.user-avatar{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#f7c9482e;color:#f7c948;font-weight:800}.user-entry-copy{min-width:0;display:grid;gap:3px}.user-entry-copy strong,.user-entry-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-entry-copy strong{color:#fff;font-size:13px}.user-entry-copy small{color:#b8c6d6;font-size:12px}