:root{--bg:#fff;--surface:#f4f6f5;--surface-2:#eef1ef;--surface-3:#e3e7e4;--text:#0b0d0c;--text-2:#0b0d0ce0;--muted:#0b0d0c8c;--border:#0b0d0c0f;--shadow:0 10px 30px #0b0d0c08;--accent-rgb:202, 255, 4;--accent-tint:rgba(var(--accent-rgb), .16);--panel-bg:#ffffff73;--sub-panel-bg:#eef1ef73;--sidebar-bg:#f4f6f5a6;--accent:#caff04;--accent-hover:#b6e602;--green:#22c55e;--danger:#ef4444;--amber:#facc15;--blue:#3b82f6;--radius:24px;--radius-md:16px;--radius-sm:10px;--radius-pill:999px;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--sans:"Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--display:"Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark]{--bg:#0b0c0c;--surface:#101213;--surface-2:#191c1e;--surface-3:#222629;--text:#f3f5f6;--text-2:#f3f5f6e0;--muted:#f3f5f699;--border:#f3f5f614;--shadow:0 12px 40px #00000073;--accent-tint:rgba(var(--accent-rgb), .08);--panel-bg:#10121373;--sub-panel-bg:#191c1e73;--sidebar-bg:#101213a6}*{box-sizing:border-box}html{background:var(--bg);height:100%;margin:0;padding:0;transition:background-color .3s}body{height:100%;color:var(--text);font-family:var(--sans);background:0 0;margin:0;padding:0;transition:color .3s}::selection{background:var(--accent);color:#0b0d0c}.page{flex-direction:column;width:100%;padding:28px 40px 40px;display:flex}@media (width<=1024px){.page{padding:24px 28px 32px}}@media (width<=720px){.page{padding:16px 16px 32px}}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-title{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(24px,5vw,42px);font-weight:700;line-height:1.1}.page-title .accent{color:var(--text);display:inline-block;position:relative}.page-title .accent:after{content:"";background:var(--accent);z-index:-1;border-radius:2px;height:8px;position:absolute;bottom:4px;left:0;right:0}.page-sub{font-family:var(--sans);color:var(--muted);text-align:right;max-width:400px;margin:0;font-size:13px;line-height:1.5}@media (width<=720px){.page-head{flex-direction:column;align-items:flex-start;gap:12px}.page-sub{text-align:left}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes spin{to{transform:rotate(360deg)}}.slide-up{animation:.4s cubic-bezier(.16,1,.3,1) both slideUp}.sre-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);padding:24px 28px;position:relative}.sre-panel:hover{box-shadow:0 16px 48px #0b0d0c12}:root[data-theme=dark] .sre-panel:hover{box-shadow:0 16px 48px #0009}.sre-sub-panel{background:var(--sub-panel-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);padding:16px}.sre-sub-panel:hover{background:var(--surface-3)}.sre-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.sre-mono-muted{font-family:var(--mono);color:var(--muted);font-size:11px}.sre-kpi-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1280px){.sre-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=720px){.sre-kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.sre-row-2{grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (width<=1024px){.sre-row-2{grid-template-columns:1fr}}.sre-signals-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=480px){.sre-signals-grid{grid-template-columns:1fr}}.sre-capacity-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;display:grid}.sre-slo-head,.sre-slo-row{grid-template-columns:1.3fr .9fr 1.4fr 1.2fr;align-items:center;gap:16px;display:grid}.sre-mobile-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:6px;font-size:10px;display:none}@media (width<=720px){.sre-slo-head{display:none}.sre-slo-row{grid-template-columns:1fr 1fr;grid-template-areas:"name sli""budget budget""trend trend";row-gap:12px}.sre-slo-row>:first-child{grid-area:name}.sre-slo-row>:nth-child(2){text-align:right;grid-area:sli}.sre-slo-row>:nth-child(3){grid-area:budget}.sre-slo-row>:nth-child(4){grid-area:trend}.sre-mobile-label{display:inline}}.sre-layout{z-index:1;grid-template-columns:240px 1fr;height:100dvh;min-height:100vh;transition:grid-template-columns .22s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;overflow:hidden}.sre-layout.collapsed{grid-template-columns:56px 1fr}.sre-layout .page{min-width:0;height:100%;overflow-y:auto}.sre-sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);flex-direction:column;height:100%;display:flex;overflow:hidden}.sre-sidebar-brand{border-bottom:1px solid var(--border);z-index:101;background:0 0;flex-shrink:0;align-items:center;gap:10px;height:64px;padding:0 16px;display:flex;position:relative}.sre-sidebar-brand-name{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.sre-sidebar-logo{flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.sre-sidebar-theme{border:1px solid var(--border);width:26px;height:26px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,border-color .12s;display:flex}.sre-sidebar-theme:hover{background:var(--accent);border-color:var(--accent);color:#0b0d0c}.sre-sidebar-collapse{border:1px solid var(--border);background:var(--bg);width:22px;height:22px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;transition:background .12s,border-color .12s;display:grid}.sre-sidebar-collapse:hover{background:var(--accent);border-color:var(--accent);color:#0b0d0c}.sre-layout.collapsed .sre-sidebar-brand{flex-direction:column;justify-content:center;gap:8px;height:auto;padding:14px 8px}.sre-layout.collapsed .sre-sidebar-brand-name{display:none}.sre-sidebar-nav{scrollbar-width:none;flex:1;padding:16px 12px;overflow:hidden auto}.sre-sidebar-nav::-webkit-scrollbar{display:none}.sre-sidebar-section{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;padding:12px 8px 6px;font-size:10px}.sre-layout.collapsed .sre-sidebar-section{display:none}.sre-sidebar-item{color:var(--text-2);font-family:var(--mono);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s;display:flex;overflow:hidden}.sre-sidebar-item:hover{background:var(--surface-3);color:var(--text)}.sre-sidebar-item.active{background:var(--accent);color:#0b0d0c;box-shadow:0 6px 18px rgba(var(--accent-rgb), .3);border-color:#0000;font-weight:600}.sre-sidebar-item-badge{background:var(--surface-2);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:inline-flex}.sre-sidebar-item.active .sre-sidebar-item-badge{background:#00000026}.sre-sidebar-item-label{text-overflow:ellipsis;overflow:hidden}.sre-layout.collapsed .sre-sidebar-nav{padding:12px 6px}.sre-layout.collapsed .sre-sidebar-item{justify-content:center;padding:10px 6px}.sre-layout.collapsed .sre-sidebar-item-label{display:none}@media (width<=720px){.sre-layout,.sre-layout.collapsed{grid-template-columns:1fr}.sre-sidebar{display:none}}.m-topbar{height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:30;align-items:center;gap:10px;display:none;position:fixed;top:0;left:0;right:0}.m-icon-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;flex-shrink:0;place-items:center;display:grid}.m-icon-btn:active{background:var(--surface-2)}.m-topbar-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.m-brand-mark{background:var(--surface-2);border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.m-title-text{font-family:var(--mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.m-backdrop{z-index:50;background:#00000080;animation:.2s ease-out mFadeIn;position:fixed;inset:0}@keyframes mFadeIn{0%{opacity:0}to{opacity:1}}.m-drawer{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:55;width:86vw;max-width:320px;padding-top:env(safe-area-inset-top);flex-direction:column;animation:.24s cubic-bezier(.2,.8,.2,1) mDrawerIn;display:flex;position:fixed;top:0;bottom:0;left:0}@keyframes mDrawerIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.m-drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.m-brand-row{align-items:center;gap:12px;display:flex}.m-brand-stack{flex-direction:column;display:flex}.m-brand-name{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;font-size:18px}.m-drawer-nav{flex:1;padding:8px 0;overflow-y:auto}.m-nav-group{padding:4px 0 8px}.m-nav-section{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;padding:12px 16px 6px;font-size:10px;font-weight:700}.m-nav-item{width:calc(100% - 20px);font-family:var(--mono);color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;margin:2px 10px;padding:12px;font-size:13px;font-weight:500;display:flex}.m-nav-item:active{background:var(--surface-2)}.m-nav-item.active{background:var(--accent);color:#0b0d0c;box-shadow:0 6px 18px rgba(var(--accent-rgb), .3);font-weight:700}.m-nav-icon{opacity:.75;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.m-nav-badge{background:var(--surface-2);opacity:1;border-radius:4px;font-size:10px;font-weight:700}.m-nav-item.active .m-nav-icon{opacity:1}.m-nav-item.active .m-nav-badge{background:#00000026}.m-nav-label{flex:1}@media (width<=720px){.m-topbar{display:flex}.sre-layout .page{padding-top:calc(54px + env(safe-area-inset-top) + 24px)!important}.sre-show-mobile-only{display:flex!important}.sre-hide-mobile{display:none!important}.sre-panel{border-radius:var(--radius-md);padding:20px 16px}}.sre-dashboard-layout{flex:1;grid-template-columns:1.6fr 1fr;align-items:start;gap:24px;min-height:0;display:grid}.sre-dashboard-main{flex-direction:column;gap:24px;display:flex}.sre-dashboard-aside{flex-direction:column;gap:24px;display:flex;position:sticky;top:0}@media (width<=1024px){.sre-dashboard-layout{grid-template-columns:1fr}.sre-dashboard-aside{position:static}}.cz-page{flex-direction:column;flex:1;min-height:100%;padding:32px 24px;display:flex}.cz-page-head{margin-bottom:24px}.cz-page-title{font-family:var(--display);letter-spacing:-.02em;color:var(--text);font-size:28px;font-weight:700}.cz-page-sub{font-family:var(--mono);color:var(--muted);margin-top:4px;font-size:11px}.cz-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);width:100%;overflow:hidden}.cz-card-head{border-bottom:1px solid var(--border);font-family:var(--display);color:var(--text);align-items:center;gap:6px;padding:12px 18px;font-size:13px;font-weight:600;display:flex}.cz-pre{color:var(--accent)}.cz-list{flex-direction:column;display:flex}.cz-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 18px;display:flex}.cz-row:last-child{border-bottom:none}.cz-row-label{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0;width:52px;font-size:10px}.cz-seg{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.cz-seg-opt{font-family:var(--mono);color:var(--muted);cursor:pointer;background:0 0;border:none;padding:5px 14px;font-size:11px;font-weight:500;transition:background .12s,color .12s}.cz-seg-opt+.cz-seg-opt{border-left:1px solid var(--border)}.cz-seg-opt.active{background:var(--accent);color:#0b0d0c;font-weight:700}.cz-swatch{cursor:pointer;width:22px;height:22px;color:var(--muted);border:2px solid #0000;border-radius:50%;flex-shrink:0;place-items:center;transition:transform .12s,border-color .12s;display:grid;position:relative}.cz-swatch:hover{transform:scale(1.15)}.cz-swatch.on{border-color:var(--text);transform:scale(1.1)}.cz-swatch-custom{background:var(--surface-3);border-color:var(--border);cursor:pointer}.cz-swatch-custom.on{border-color:var(--text)}.tour-back{z-index:70;pointer-events:auto;background:0 0;position:fixed;inset:0}.tour-spotlight{border:2px solid var(--accent);border-radius:var(--radius-sm);pointer-events:none;z-index:71;transition:all .24s cubic-bezier(.2,.8,.2,1);position:fixed;box-shadow:0 0 0 9999px #0000008c}.tour-popover{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);z-index:72;width:320px;transition:all .24s cubic-bezier(.2,.8,.2,1);position:fixed;overflow:hidden}.tour-popover .tp-head{border-bottom:1px solid var(--border);font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);justify-content:space-between;align-items:center;padding:12px 14px;font-size:10px;display:flex}.tour-popover .tp-step{color:var(--accent);font-weight:600}.tour-popover .tp-body{font-family:var(--mono);padding:14px;font-size:12px;line-height:1.55}.tour-popover .tp-body strong{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;margin-bottom:6px;font-size:18px;font-weight:400;display:block}.tour-popover .tp-foot{border-top:1px solid var(--border);justify-content:space-between;gap:8px;padding:10px 14px;display:flex}.tour-ghost-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text);cursor:pointer;padding:8px 12px;font-size:11px}.tour-ghost-btn:hover{background:var(--surface-2)}.tour-cta{background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#fff;cursor:pointer;padding:8px 14px;font-size:11px;font-weight:600}.tour-cta:hover{opacity:.85}@keyframes highlightPulse{0%{box-shadow:0 0 0 2px var(--accent)}50%{box-shadow:0 0 0 6px var(--accent)}to{box-shadow:0 0 0 2px #0000}}.highlight-pulse{animation:2s ease-in-out highlightPulse;border-color:var(--accent)!important}.concept-slider{-webkit-appearance:none;background:var(--surface-3);cursor:pointer;border-radius:999px;outline:none;width:100%;height:6px;margin:10px 0}.concept-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 2px 6px #00000026}.concept-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.concept-slider::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 2px 6px #00000026}.concept-slider::-moz-range-thumb:hover{transform:scale(1.2)}.concepts-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}@media (width<=900px){.concepts-grid{grid-template-columns:1fr}}.concept-term-card{transition:var(--transition);scroll-margin-top:100px}.concept-term-card:hover{border-color:rgba(var(--accent-rgb), .4);transform:translateY(-2px)}