:root{--navy:#17342f;--navy-2:#244a42;--ink:#20352f;--muted:#71817b;--line:#dfe7e3;--bg:#f5f7f5;--white:#fff;--teal:#16866f;--teal-soft:#e8f5f0;--amber:#a86a1e;--amber-soft:#fff5e5;--danger:#b83e36;--shadow:0 14px 34px rgba(29,66,55,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.sidebar{position:fixed;inset:0 auto 0 0;width:268px;padding:24px 18px 16px;background:var(--navy);color:#fff;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:18px}.brand small{display:block;margin-top:4px;color:#afc9c0;font-size:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#21a286;font-size:15px;font-weight:800}.demo-label{display:inline-block;width:max-content;margin:18px 0 10px;padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#d3e7df;font-size:11px}.sidebar nav{display:grid;gap:2px;overflow:auto;padding-right:3px}.nav-group{margin:13px 11px 4px;color:#82a49a;font-size:10px;letter-spacing:.15em}.sidebar nav button{border:0;border-radius:9px;padding:9px 11px;color:#d0dfda;background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:var(--navy-2)}.sidebar nav button.active{box-shadow:inset 3px 0 #43c2a4}.sidebar nav em{font-size:9px;font-style:normal;color:#7fa99c}.sidebar nav button.active em{color:#bfe1d7}.sidebar-foot{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;color:#b8cec7;font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#4bc1a9}.link-button{margin-left:auto;border:0;background:transparent;color:#d1e0dc;padding:2px}main{margin-left:268px;min-height:100vh;padding:24px 32px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eyebrow{margin:0 0 7px;color:#82908b;font-size:10px;letter-spacing:.15em;font-weight:700}.topbar h1{margin:0;font-size:27px}.top-actions{display:flex;align-items:center;gap:10px}.top-actions button,.runtime-banner button,.quick-grid button,.text-action,.section-intro>button,.action-panel button{border:1px solid var(--line);border-radius:9px;padding:9px 13px;background:#fff;color:var(--ink)}.global-search input{width:180px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff}.icon-button{color:#597067!important}.user-chip{padding:8px 12px;border-radius:999px;background:#e9efec;color:#52655e;font-size:12px}.runtime-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:14px 17px;border:1px solid #efd7b3;border-radius:12px;background:var(--amber-soft)}.runtime-banner.connected{border-color:#bcded3;background:var(--teal-soft)}.runtime-banner p{margin:4px 0 0;color:#735a37;font-size:13px}.runtime-banner.connected p{color:#456d61}.welcome-strip{min-height:190px;padding:30px 34px;border:1px solid #d8e6df;border-radius:18px;background:linear-gradient(125deg,#fff,#edf8f3);display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:var(--shadow)}.welcome-strip h2{margin:0 0 13px;font-size:30px}.welcome-strip p:last-child{max-width:720px;margin:0;color:#60736b;line-height:1.7}.scope-card{min-width:210px;padding:22px;border:1px solid #cfe3d9;border-radius:14px;background:#fff}.scope-card span,.scope-card small{display:block;color:#7d8e87;font-size:12px}.scope-card strong{display:block;margin:9px 0;color:var(--teal);font-size:19px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.metric-grid article,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 7px 20px rgba(29,66,55,.04)}.metric-grid span{display:block;color:var(--muted);font-size:13px}.metric-grid strong{display:block;margin:10px 0 7px;font-size:24px}.metric-grid small{color:#94a19c}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.panel.wide{min-height:205px}.panel h3{margin:0 0 14px;font-size:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.text-action{border:0!important;padding:3px!important;color:var(--teal)!important}.empty-state{padding:26px 0;color:#87958f;line-height:1.7}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-grid button{text-align:left;min-height:50px}.quick-grid button:hover{border-color:#80bca9;background:var(--teal-soft)}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:10px 0 20px}.section-intro h2{font-size:28px;margin:12px 0 8px}.section-intro p{margin:0;color:var(--muted);line-height:1.7}.tag{display:inline-block;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:700}.tag.live{color:#237263;background:var(--teal-soft)}.limited-tag{color:#8b621f;background:var(--amber-soft)}button.primary{border-color:var(--teal)!important;background:var(--teal)!important;color:#fff!important}.flow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;margin-bottom:15px;border-radius:12px;background:#e9efec;color:#4d655c;font-size:13px}.flow i{color:#91a09a}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel ul{padding-left:20px;line-height:1.9;color:#536a61}.connection-state{font-size:12px;color:#8b9893}.connection-state.ok{color:var(--teal);font-weight:700}.form-actions{display:flex;gap:10px;margin-top:18px}.security-note{margin-top:15px}.list-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf1ef}.list-row:last-child{border-bottom:0}.list-row strong{display:block}.list-row small{color:#87958f}.list-row .state{white-space:nowrap;color:var(--teal);font-size:12px}.limited-state{padding:18px;border:1px dashed #d8c5a2;border-radius:11px;background:#fffaf1;color:#6e624e}.limited-state p{margin:8px 0 0;line-height:1.65;font-size:13px}.data-source{color:var(--teal);font-size:11px}.action-panel{display:flex;align-items:center;gap:16px;margin-top:14px}.action-panel h3,.action-panel p{margin:0}.action-panel p{flex:1;color:var(--muted)}.filter-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:12px 15px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);font-size:12px}.filter-bar select{margin-left:8px;padding:7px;border:1px solid var(--line);border-radius:7px;background:#fff}.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.role-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.role-grid article{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.role-grid strong,.role-grid span{display:block}.role-grid span{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.5}.login-page{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 20% 10%,#35685b,var(--navy) 45%,#10241f)}.login-page main{margin:0;min-height:0;padding:0}.login-card{width:min(430px,calc(100vw - 32px));padding:38px;border-radius:18px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.28)}.login-card label{display:block;margin:14px 0;color:#63736d;font-size:13px}.login-card input{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #cfd9d5;border-radius:8px}.login-brand{margin-bottom:22px}.login-brand strong{color:var(--ink)}.login-card h1{margin:26px 0 8px}.login-card>p{color:var(--muted);line-height:1.65}.login-card .demo-label{margin:0;color:#47685e;border-color:#cad7d2}.login-card button{width:100%;margin-top:8px;padding:12px;border-radius:9px}.login-error{min-height:20px;color:var(--danger)!important;font-size:13px}#toast{position:fixed;right:24px;bottom:24px;max-width:420px;padding:12px 16px;border-radius:9px;background:#1b3c33;color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}@media(max-width:1150px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.role-grid{grid-template-columns:repeat(3,1fr)}.scope-card{display:none}}@media(max-width:780px){.sidebar{position:static;width:auto}.sidebar nav{grid-template-columns:1fr 1fr;max-height:none}.nav-group{grid-column:1/-1}.sidebar-foot{display:none}main{margin:0;padding:20px}.topbar,.section-intro,.runtime-banner,.welcome-strip,.action-panel{align-items:flex-start;flex-direction:column}.top-actions{width:100%;flex-wrap:wrap}.global-search,.global-search input{width:100%}.metric-grid,.two-col,.placeholder-grid,.role-grid{grid-template-columns:1fr}.flow{align-items:flex-start;flex-direction:column}.flow i{transform:rotate(90deg)}.filter-bar{align-items:flex-start;flex-direction:column;gap:9px}}