:root{color-scheme:light;--bg: #f4f7fb;--panel: #ffffff;--panel-strong: #ffffff;--text: #2b3654;--muted: #8b96b2;--line: #e8edf5;--amber: #5c9dff;--cyan: #19d3c5;--emerald: #31c48d;--rose: #ff5f87;--shadow: 0 14px 36px rgba(21, 41, 77, .08);--radius-xl: 5px;--radius-lg: 5px;--font-sans: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top left,rgba(25,211,197,.08),transparent 26%),linear-gradient(180deg,#f8fbff,#f2f5fa)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#dffef8}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:18px;border-right:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#1bddc8,#10c7c4 46%,#1495ef);color:#ecfffe;box-shadow:inset -1px 0 #ffffff24}.sidebar-head,.sidebar-foot{display:grid;gap:14px}.sidebar-head{flex:0 0 auto}.brand-panel{padding:18px 18px 16px;border-radius:var(--radius-xl);background:#ffffff1f;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff24}.brand-panel h1,.topbar h2,.login-hero h1,.panel-head h2,.hero-banner h2,.section-head h3,.module-summary h3,.mini-card h4,.mode-card h4{margin:0;font-weight:700}.nav-sections{margin-top:20px;flex:1 1 auto;overflow:auto;padding-right:4px;display:flex;flex-direction:column;gap:8px}.nav-group{display:flex;flex-direction:column;gap:8px}.nav-caption{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ecfffeb3}.nav-link,.ghost-button,.secondary-button,.primary-button,.tab-button{transition:transform .18s ease,background .18s ease,border-color .18s ease}.nav-link{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border-radius:5px;color:inherit;background:transparent;border:1px solid transparent;font-size:18px}.nav-tree{display:grid;gap:8px}.nav-arrow{margin-left:auto;opacity:.72}.nav-link:hover,.nav-link.active{transform:translate(2px);background:#ffffff2e;border-color:#ffffff3d}.nav-subtree{display:grid;gap:6px;padding-left:14px}.nav-sublink{width:100%;padding:8px 12px;border-radius:5px;background:#ffffff14;border:1px solid transparent;color:#ecfffee0;text-align:left;font-size:15px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.nav-sublink:hover,.nav-sublink.active{transform:translate(2px);background:#ffffff29;border-color:#fff3;color:#fff}.main-shell{padding:20px 22px 28px}.topbar,.topbar-left,.profile-card,.sidebar-profile,.module-summary,.section-head,.spec-item,.hero-chip-group,.action-row,.badge-row,.pill-row{display:flex;align-items:center}.topbar,.module-summary,.section-head{justify-content:space-between}.topbar{gap:16px;margin-bottom:18px;padding:8px 2px 6px}.sidebar-profile{gap:14px;padding:12px 14px;border-radius:5px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#fff}.profile-name{margin:0;font-weight:700}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:5px;background:linear-gradient(135deg,#19d3c5,#1496ef);color:#fff;font-weight:700;box-shadow:0 10px 20px #1496ef33}.profile-role,.brand-copy{margin:4px 0 0;color:#ecfffebd;font-size:12px}.topbar h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sidebar-search{position:relative;width:100%}.sidebar-search-icon{position:absolute;top:40%;left:12px;transform:translateY(-50%);z-index:1;color:#99c9daeb;font-size:30px;pointer-events:none}.sidebar-search input{width:100%;height:42px;padding:0 16px 0 34px;border-radius:5px;border:1px solid rgba(255,255,255,.32);background:#ffffff2e;color:#fff;box-shadow:inset 0 1px #ffffff14}.sidebar-search input::placeholder{color:#ecfffec7}.sidebar-search input:focus{outline:none;border-color:#ffffff7a;background:#ffffff3d;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #ffffff14}.search-panel{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:25;display:grid;gap:8px;padding:10px;border-radius:5px;border:1px solid var(--line);background:#fff;box-shadow:0 16px 36px #15294d24}.sidebar-search-panel{left:0;right:0}.search-result{display:grid;gap:4px;padding:9px 11px;border-radius:5px;background:#f8fbfe;color:var(--text);text-align:left;border:1px solid transparent}.search-result:hover{background:#f1f8ff;border-color:#dbe8f7}.search-empty{margin:0;padding:12px;color:var(--muted);font-size:13px}.search-result span{color:var(--muted);font-size:12px}.sidebar-logout{padding:11px 14px;border-radius:5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;text-align:left;transition:background .18s ease,transform .18s ease,border-color .18s ease}.sidebar-logout:hover{transform:translate(2px);background:#ffffff29;border-color:#ffffff3d}.ghost-button,.secondary-button{padding:9px 13px;border-radius:5px;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid var(--line);color:var(--text);box-shadow:0 4px 12px #15294d0a}.ghost-button:hover,.secondary-button:hover,.data-grid-action:hover{transform:translateY(-1px);box-shadow:0 10px 20px #15294d14}.page-content,.stack-page,.spec-list,.mode-list{display:grid;gap:20px}.surface-card,.login-panel,.login-hero{border-radius:var(--radius-xl);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.surface-card:before,.login-panel:before,.login-hero:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#1bdcc8,#1496ef);opacity:.9}.action-row,.badge-row,.tab-strip{margin-top:10px;gap:12px;flex-wrap:wrap}.soft-badge,.outline-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:5px;font-size:12px}.soft-badge{background:#19d3c51f;color:#0ba99d}.outline-badge{border:1px solid var(--line)}.business-grid,.dashboard-grid,.realtime-grid,.trend-meta-grid,.metric-picker{display:grid;gap:16px}.business-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.business-grid-double{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr)}.realtime-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-meta-grid{margin-top:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-picker{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.summary-card,.realtime-card,.trend-meta-card{padding:18px;border-radius:5px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 8px 22px #15294d0d}.summary-card{min-height:154px;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:currentColor;opacity:.7}.summary-card[data-tone=amber] strong{color:var(--amber)}.summary-card[data-tone=cyan] strong{color:var(--cyan)}.summary-card[data-tone=emerald] strong{color:var(--emerald)}.summary-title{margin:0 0 12px;font-weight:700;font-size:18px}.summary-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:10px}.summary-metrics span,.realtime-card span,.trend-meta-card span,.summary-card small{color:var(--muted)}.summary-metrics strong,.realtime-card strong{display:block;margin-top:6px;font-size:28px}.compact-trend{min-height:220px}.line-trend{padding:16px 16px 10px;border-radius:5px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f9fcff)}.line-trend-stage{position:relative;padding-top:8px}.line-trend-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--muted);font-size:13px}.line-trend-svg{width:100%;height:280px;overflow:visible}.line-trend-grid{stroke:#edf2f8;stroke-width:1}.line-trend-axis{stroke:#e8edf5;stroke-width:1}.line-trend-guide{stroke:#c9d4e7;stroke-width:1;stroke-dasharray:4 4}.line-trend-path{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 10px rgba(25,211,197,.08))}.line-trend-dot{stroke:#fff;stroke-width:2}.line-trend-label{fill:var(--muted);font-size:11px}.line-trend-tooltip{position:absolute;top:10px;z-index:2;min-width:150px;padding:12px;border-radius:5px;border:1px solid var(--line);background:#fffffffa;box-shadow:0 12px 26px #15294d1f;transform:translate(-50%);pointer-events:none}.line-trend-tooltip strong{display:block;margin-bottom:8px}.line-trend-tooltip-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:24px}.line-trend-tooltip-item i{display:inline-block;width:10px;height:10px;border-radius:5px}.metric-chip{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:9px 12px;border-radius:5px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7fbff);color:var(--text);box-shadow:0 4px 12px #15294d0a}.metric-chip i{display:inline-block;width:10px;height:10px;border-radius:5px}.metric-chip.active{border-color:color-mix(in srgb,var(--metric-color) 40%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--metric-color) 28%,white),0 10px 20px color-mix(in srgb,var(--metric-color) 20%,white);background:color-mix(in srgb,var(--metric-color) 12%,white)}.realtime-card strong,.trend-meta-card strong{display:block;margin-bottom:8px}.surface-card{padding:24px}.section-head{gap:16px;margin-bottom:18px}.section-head p,.module-summary p{margin:6px 0 0;color:var(--muted);font-size:13px}.trend-graph{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;align-items:end;min-height:260px}.trend-bar{display:flex;align-items:end;justify-content:center;min-height:220px;border-radius:5px;background:linear-gradient(180deg,#b86a1729,#0b728538),linear-gradient(0deg,#b86a17e6,#0b72859e);background-size:100% var(--bar-height);background-repeat:no-repeat;background-position:bottom}.tab-strip{display:flex;margin-bottom:20px}.tab-button{padding:9px 13px;border-radius:5px;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid var(--line);color:var(--muted);box-shadow:0 4px 12px #15294d0a}.tab-button.active{background:linear-gradient(135deg,#1bdcc8,#12b9de);border-color:transparent;color:#fff;box-shadow:0 10px 20px #12b9de3d}.module-summary{gap:20px;margin-bottom:18px}.filter-toolbar{display:grid;gap:14px;margin-bottom:18px;padding:14px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(180deg,#fff,#fbfdff)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.filter-field{display:grid;gap:8px}.filter-field span{font-size:12px;font-weight:600;color:var(--muted)}.filter-actions,.pagination-bar,.pagination-meta,.pagination-actions{display:flex;align-items:center}.filter-actions,.pagination-actions{gap:10px}.filter-actions{justify-content:flex-end}.data-grid-wrap{overflow:auto;border-radius:5px;border:1px solid var(--line);background:#fff}.data-grid{width:100%;min-width:680px;border-collapse:collapse;background:#fff}.data-grid th,.data-grid td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}.data-grid th{font-size:13px;color:var(--muted);background:#f8fbfe}.data-grid-actions{display:flex;flex-wrap:wrap;gap:8px}.data-grid-action{padding:5px 9px;border-radius:5px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7fbff);color:var(--text)}.pagination-bar{justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);flex-wrap:wrap}.pagination-meta{flex-direction:row;flex-wrap:nowrap;gap:10px;color:var(--muted);font-size:13px;white-space:nowrap}.pagination-actions{gap:12px}.page-select{min-width:84px;padding:9px 12px}.page-indicator{min-width:68px;text-align:center;color:var(--text);font-weight:600}.danger{color:#fff6f6;background:var(--rose);border-color:transparent}.spec-list{gap:14px}.spec-item{justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.code-block{margin:0;padding:18px;overflow:auto;border-radius:5px;background:#24304a;color:#eef5ff}.compact-list{gap:0}.compact-code{max-height:220px}.workbench-help{gap:16px}.login-page{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;min-height:100vh;padding:28px}.login-hero,.login-panel{padding:32px}.login-hero{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at top right,rgba(25,211,197,.24),transparent 28%),radial-gradient(circle at bottom left,rgba(95,167,255,.18),transparent 26%),linear-gradient(180deg,#fff,#f7fbff)}.hero-points{margin:28px 0 0;padding-left:18px;line-height:1.9}.login-panel{display:grid;align-content:center;gap:18px}.field{display:grid;gap:10px}.field span{font-weight:600}.field input{width:100%;padding:14px 16px;border-radius:5px;border:1px solid var(--line);background:#ffffffd1;outline:none}.field-select{width:100%;padding:8px;border-radius:5px;border:1px solid var(--line);background:#ffffffd1;outline:none}.choice-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border-radius:5px;border:1px solid var(--line);background:#ffffffd1}.choice-item{display:flex;align-items:center;gap:10px;min-height:38px;padding:6px 8px;border-radius:5px}.choice-item input{width:16px;height:16px}.tall-group{max-height:260px;overflow:auto}.tree-panel{max-height:320px;overflow:auto;padding:12px;border-radius:5px;border:1px solid var(--line);background:#ffffffd1}.tree-checklist,.tree-node{display:grid;gap:8px}.tree-label{display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 8px 6px calc(8px + var(--tree-level, 0) * 18px);border-radius:5px}.tree-label input{width:16px;height:16px}.code-textarea{min-height:220px;width:100%;padding:14px 16px;border-radius:5px;border:1px solid var(--line);background:#ffffffd1;font-family:Consolas,Courier New,monospace;resize:vertical}.workbench-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.primary-button{padding:13px 16px;border-radius:5px;color:#fff;background:linear-gradient(135deg,#1bdcc8,#1496ef);box-shadow:0 12px 24px #1496ef3d}.primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 28px #1496ef47}.error-banner{margin:0;padding:13px 14px;border-radius:5px;color:#7d2626;background:#ffe0e0d6}.state-text{margin:14px 0 0;color:var(--muted)}.state-error{color:var(--rose)}.state-success{color:var(--emerald)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a7a}.dialog-card{width:min(860px,100%);max-height:88vh;overflow:auto;padding:24px;border-radius:5px;background:var(--panel-strong);box-shadow:var(--shadow);border:1px solid var(--line)}.dialog-wide{width:min(980px,100%)}.dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dialog-span-2{grid-column:1 / -1}.mobile-only,.sidebar-backdrop{display:none}@media(max-width:1100px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;z-index:30;width:min(320px,82vw);transform:translate(-100%);transition:transform .22s ease}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0f172a73}.mobile-only{display:inline-flex}.stats-grid,.business-grid,.dashboard-grid,.trend-meta-grid,.metric-picker,.login-page{grid-template-columns:1fr}}@media(max-width:720px){.main-shell,.login-page{padding:16px}.topbar,.module-summary,.section-head{display:grid;grid-template-columns:1fr}.sidebar-profile,.spec-item{align-items:flex-start;flex-direction:column}.trend-graph{grid-template-columns:repeat(7,72px);overflow-x:auto;padding-bottom:8px}.workbench-grid,.dialog-grid,.choice-group{grid-template-columns:1fr}.filter-actions,.pagination-bar,.pagination-meta,.pagination-actions{justify-content:flex-start;flex-wrap:wrap}.realtime-grid,.summary-metrics{grid-template-columns:1fr}.line-trend-svg{height:240px}}