:root{--bg:#f4f7fb;--panel:#fff;--ink:#172033;--muted:#748095;--line:#e7ebf2;--nav:#111b2e;--nav2:#17243a;--primary:#4f6cf7;--primary-dark:#3d58db;--green:#19aa7b;--amber:#eaa128;--red:#e45353;--violet:#8269df;--shadow:0 10px 35px rgba(35,51,82,.06);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:linear-gradient(180deg,var(--nav),#101a2c 70%,#0d1727);color:#c4cee0;padding:26px 18px 18px;z-index:20;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#fff;padding:0 7px 30px}.brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#7085ff,#425ce3);color:#fff;font-weight:800;box-shadow:0 9px 24px rgba(78,104,247,.3)}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#8491a8;font-size:11px;margin-top:4px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#9eacc2;font-weight:600;transition:.2s}.sidebar nav a span{width:19px;text-align:center;font-size:17px}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,rgba(83,109,245,.2),rgba(83,109,245,.08));color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #6680ff}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:18px 8px 2px;font-size:12px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.healthy{background:#2bd59b;box-shadow:0 0 0 4px rgba(43,213,155,.12)}.shell{margin-left:242px;min-height:100vh}.topbar{height:88px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:15}.topbar h1{font-size:22px;margin:2px 0 0}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8793a8;font-weight:800;margin:0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:15px}.notification{color:#ef5962;font-size:15px}.user-chip{display:flex;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:11px;background:#e9edff;color:#5067da;display:grid;place-items:center;font-weight:800}.user-chip strong,.user-chip small{display:block}.user-chip small{font-size:11px;color:var(--muted);margin-top:3px}.icon-button,.mobile-menu{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:18px}.mobile-menu{display:none}main{padding:28px 34px 50px;max-width:1700px;margin:auto}.hero-strip{border-radius:18px;background:linear-gradient(105deg,#182845,#243960);color:#fff;padding:25px 29px;display:flex;align-items:center;box-shadow:0 15px 40px rgba(19,33,58,.14);position:relative;overflow:hidden}.hero-strip:after{content:"";position:absolute;width:350px;height:350px;border:70px solid rgba(108,131,255,.08);border-radius:50%;right:-70px;top:-140px}.hero-strip h2{font-size:23px;margin:9px 0 7px}.hero-strip p{margin:0;color:#aebbd0}.live-label{font-size:11px;font-weight:700;color:#9de6cf}.live-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2bd59b;margin-right:8px;box-shadow:0 0 0 5px rgba(43,213,155,.12)}.hero-actions{margin-left:auto;display:flex;gap:10px;z-index:1}.button-link{display:inline-flex;align-items:center;justify-content:center}.primary,.secondary{border:0;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer}.primary{background:var(--primary);color:#fff;box-shadow:0 6px 15px rgba(79,108,247,.2)}.primary:hover{background:var(--primary-dark)}.secondary{background:#f1f4f9;color:#536078;border:1px solid #e2e7ef}.hero-strip .secondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.17)}.wide{width:100%}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px}.gauge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.gauge-card{min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.panel-title h3,.panel-title p{margin:0}.panel-title h3{font-size:16px}.panel-title a{color:var(--primary);font-size:12px;font-weight:700}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.success{background:#e9f8f3;color:#14885f}.warning{background:#fff4df;color:#af7413}.danger{background:#ffebec;color:#c83d46}.neutral{background:#f0f3f7;color:#657086}.gauge{--value:0;--tone:#1fb981;width:132px;height:132px;margin:0 auto 8px;border-radius:50%;background:conic-gradient(var(--tone) calc(var(--value)*1%),#edf1f6 0);position:relative;display:grid;place-items:center}.gauge:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #f0f2f6}.gauge div{z-index:1;text-align:center}.gauge strong{display:block;font-size:25px}.gauge span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.gauge-meta{display:flex;justify-content:center;gap:35px;text-align:center}.gauge-meta span{font-weight:800}.gauge-meta small{display:block;color:var(--muted);font-size:10px;font-weight:500;margin-top:2px}.sparkline{width:100%;height:34px;margin-top:7px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.metric-card{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.metric-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-weight:900}.metric-icon.blue{background:#eaf0ff;color:#526cf1}.metric-icon.green{background:#e8f8f2;color:#179c71}.metric-icon.amber{background:#fff3df;color:#d58c1d}.metric-icon.violet{background:#f0ecff;color:#8065de}.metric-card p{margin:0;color:var(--muted);font-size:12px}.metric-card strong{display:block;font-size:23px;margin:4px 0}.metric-card small{font-size:10px;color:#95a0b2}.two-column{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.three-column{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.span-2{grid-column:span 2}.service-list{display:grid;gap:2px}.service-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:10px 3px;border-bottom:1px solid #f0f2f6}.service-row:last-child{border:0}.service-icon{width:34px;height:34px;border-radius:10px;background:#edf1ff;color:#5268d7;display:grid;place-items:center;font-size:10px;font-weight:900}.service-row strong,.service-row small{display:block}.service-row small{font-size:10px;color:var(--muted);margin-top:3px}.service-state{font-size:10px;font-weight:800;padding:4px 8px;border-radius:999px}.service-state.good{color:#12845d;background:#eaf8f3}.service-state.bad{color:#c83d46;background:#ffebec}.muted-state{color:#727e91;background:#eff2f6}.task-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.task-summary div{background:#f7f9fc;border-radius:12px;padding:16px}.task-summary strong,.task-summary span{display:block}.task-summary strong{font-size:23px}.task-summary span{font-size:11px;color:var(--muted);margin-top:3px}.danger-text strong{color:var(--red)}.empty-state{text-align:center;padding:38px 20px;color:var(--muted)}.empty-state span{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#f0f4fa;color:#75849a;font-size:19px}.empty-state h3{color:var(--ink);margin:10px 0 4px}.empty-state p{margin:6px 0}.empty-state.compact{padding:18px}.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.page-intro h2{margin:0 0 5px}.page-intro p{margin:0;color:var(--muted)}.chart-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-bottom:18px}.large-chart{width:100%;height:260px}.detail-list{margin:0}.detail-list div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eef1f5}.detail-list div:last-child{border:0}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:700;text-align:right}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8894a7;padding:11px 12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid #eff2f5;color:#4d586c}tbody tr:last-child td{border:0}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8faff}.truncate{max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-sub{display:block;color:var(--muted);font-size:10px;margin-top:4px}.toolbar{display:flex;gap:10px;margin-bottom:16px}.toolbar select,.bulk-toolbar select,.bulk-toolbar input{border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px;color:#5b6679}.search-box{flex:1;border:1px solid var(--line);border-radius:9px;padding:8px 11px;color:#8b96a8}.search-box input{width:90%;border:0;outline:0;background:transparent;margin-left:5px}.table-panel{padding-bottom:8px}.conversation-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.message-thread{padding:25px}.message{display:flex;gap:12px;margin-bottom:23px}.message-avatar{flex:0 0 34px;height:34px;border-radius:10px;background:#e9efff;color:#5369dc;display:grid;place-items:center;font-size:11px;font-weight:900}.message.user .message-avatar{background:#edf4f3;color:#357b69}.message-body{flex:1;min-width:0}.message-meta{display:flex;gap:12px;align-items:center;margin-bottom:8px}.message-meta span{font-size:10px;color:var(--muted)}.message-content{white-space:pre-wrap;line-height:1.75;background:#f7f9fc;padding:14px 16px;border-radius:5px 13px 13px 13px}.message.user .message-content{background:#eef2ff}.message-footer{display:flex;gap:15px;align-items:center;font-size:10px;color:var(--muted);margin-top:8px}.text-button{border:0;background:transparent;color:var(--primary);font-weight:700;cursor:pointer}.context-panel{align-self:start;position:sticky;top:115px}.context-panel h3{margin-top:0}dialog{border:0;border-radius:15px;padding:0;box-shadow:0 20px 70px rgba(20,31,55,.22)}dialog::backdrop{background:rgba(20,29,45,.48)}.dialog-card{padding:24px;width:min(520px,90vw)}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.reason-grid label{padding:9px;background:#f5f7fa;border-radius:8px}.dialog-card textarea{width:100%;min-height:95px;border:1px solid var(--line);border-radius:9px;padding:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.bar-list{display:grid;gap:14px}.bar-list div{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:10px;font-size:12px}.bar-list i{height:8px;border-radius:9px;background:#edf0f5;overflow:hidden}.bar-list b{display:block;height:100%;background:linear-gradient(90deg,#6f82f6,#4f66df);border-radius:9px}.budget-ring{--value:0;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--value)*1%),#edf1f6 0);margin:12px auto;display:grid;place-items:center;position:relative}.budget-ring:after{content:"";position:absolute;width:115px;height:115px;border-radius:50%;background:#fff}.budget-ring strong,.budget-ring span{z-index:1;position:absolute}.budget-ring strong{font-size:25px;transform:translateY(-8px)}.budget-ring span{font-size:10px;color:var(--muted);transform:translateY(17px)}.task-tabs{display:flex;gap:8px;margin-bottom:14px;overflow:auto}.task-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 13px;color:#667187}.task-tabs button.active{background:#eaf0ff;color:#4d64da;border-color:#dbe3ff}.task-tabs b{margin-left:5px}.bulk-toolbar{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:5px}.bulk-toolbar input[name=reason]{flex:1}.org-tree div{padding:11px 5px 11px calc(5px + var(--depth)*18px);border-bottom:1px solid #eef1f4;display:flex;gap:8px;align-items:center}.org-tree small{margin-left:auto;color:var(--muted)}.version-list{display:grid}.version-list>div{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eef1f4}.version-list small,.version-list strong{display:block}.version-list small{font-size:10px;color:var(--muted);margin-top:3px}.chat-shell{display:grid;grid-template-columns:250px 1fr;gap:18px;height:calc(100vh - 155px)}.chat-history,.chat-workspace{height:100%}.history-list{display:grid;margin-top:14px}.history-list a{padding:12px 5px;border-bottom:1px solid var(--line)}.history-list strong,.history-list small{display:block}.history-list small{color:var(--muted);font-size:10px;margin-top:4px}.chat-workspace{display:flex;flex-direction:column}.chat-welcome{text-align:center;margin:auto;max-width:630px}.brand-mark.large{width:56px;height:56px;border-radius:17px;font-size:18px}.chat-welcome h2{font-size:25px;margin:15px 0 7px}.chat-welcome p{color:var(--muted)}.suggestion-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.suggestion-grid button{background:#f7f9fc;border:1px solid var(--line);border-radius:10px;padding:13px;text-align:left;color:#59657a;cursor:pointer}.chat-composer{margin-top:auto;border:1px solid #dfe4ed;border-radius:14px;padding:8px 50px 7px 12px;position:relative;box-shadow:0 8px 25px rgba(30,46,75,.07)}.chat-composer textarea{border:0;outline:0;resize:none;width:100%;min-height:31px;padding-top:7px}.chat-composer small{display:block;color:#a0a8b5;font-size:9px}.send-button{position:absolute;right:9px;top:9px;width:34px;height:34px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-size:18px}.flash{padding:11px 14px;border-radius:10px;margin-bottom:14px}.flash.success{background:#e8f8f2}.flash.error,.form-error{background:#ffebec;color:#b83941;padding:10px;border-radius:8px;margin:12px 0}.narrow-panel{max-width:700px;margin:30px auto}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.recovery-grid code,.secret-box{padding:11px;background:#f3f5f9;border-radius:8px;text-align:center}.login-body{background:#101a2c}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-story{background:radial-gradient(circle at 80% 10%,rgba(83,108,247,.28),transparent 32%),linear-gradient(145deg,#111d31,#1c2d4b);color:#fff;padding:45px 7vw;display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:12px;font-weight:800}.story-copy{margin:auto 0}.story-copy h1{font-size:53px;line-height:1.13;margin:14px 0}.story-copy>p:last-child{color:#abb7cc;max-width:530px;font-size:16px;line-height:1.8}.story-stats{display:flex;gap:45px;border-top:1px solid rgba(255,255,255,.1);padding-top:24px}.story-stats strong,.story-stats span{display:block}.story-stats span{font-size:11px;color:#8796ae;margin-top:5px}.login-panel{background:#f5f7fb;display:grid;place-items:center;padding:30px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;box-shadow:0 18px 60px rgba(20,32,56,.12)}.login-card h2{font-size:28px;margin:7px 0}.muted{color:var(--muted)}.stack-form{display:grid;gap:15px;margin-top:24px}.stack-form label{font-size:12px;font-weight:700}.stack-form input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #dce2eb;border-radius:9px;outline:0}.stack-form input:focus{border-color:#7184ef;box-shadow:0 0 0 3px rgba(81,105,225,.1)}.login-note{text-align:center;font-size:10px;color:#8b96a8;margin-top:19px}.secret-box span,.secret-box code{display:block}.secret-box span{font-size:10px;color:var(--muted);margin-bottom:5px}
.site-footer{text-align:center;padding:0 24px 24px;color:var(--muted);font-size:12px}.site-footer a:hover{color:var(--primary);text-decoration:underline}.login-site-footer{background:#f5f7fb;padding:18px 24px}.login-body{min-height:100vh}.login-body .login-layout{min-height:calc(100vh - 54px)}
@media(max-width:1100px){.metric-grid{grid-template-columns:1fr 1fr}.two-column,.chart-grid{grid-template-columns:1fr}.three-column{grid-template-columns:1fr}.span-2{grid-column:auto}.conversation-layout{grid-template-columns:1fr}.context-panel{position:static}.login-layout{grid-template-columns:1fr}.login-story{display:none}}@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.shell{margin-left:0}.topbar{height:74px;padding:0 17px}.mobile-menu{display:block;margin-right:12px}.user-chip span:not(.avatar),.notification{display:none}main{padding:18px 14px 35px}.hero-strip{align-items:flex-start;display:block}.hero-actions{margin-top:18px}.gauge-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.toolbar,.bulk-toolbar{flex-wrap:wrap}.bulk-toolbar input[name=reason]{min-width:100%}.chat-shell{grid-template-columns:1fr;height:auto}.chat-history{display:none}.chat-workspace{min-height:70vh}.suggestion-grid{grid-template-columns:1fr}.reason-grid{grid-template-columns:1fr}.login-panel{padding:18px}.login-card{padding:25px}.recovery-grid{grid-template-columns:1fr}}@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.topbar h1{font-size:18px}.hero-actions{display:grid}.task-summary{grid-template-columns:1fr 1fr}}