:root{--bg: #fbfbfb;--surface: #ffffff;--surface-soft: #f6f6f7;--surface-quiet: #fafafa;--border: #e5e5e8;--border-strong: #d9dbe1;--text: #050505;--muted: #57606d;--faint: #8b929d;--accent: #143cff;--accent-soft: #edf1ff;--inverse: #050505;--inverse-text: #ffffff;--bar: #0b0b0b;--danger: #c9352b;--danger-soft: #fff0ef;--ok: #087443;--ok-soft: #eaf7ef;--shadow: 0 1px 2px rgba(16, 24, 40, .04);--shadow-lifted: 0 16px 42px rgba(20, 33, 61, .1);--chart-blue: #2563eb;--chart-green: #16a34a;--chart-amber: #f97316;--chart-pink: #db2777;--chart-cyan: #0891b2;--ease-smooth: cubic-bezier(.22, 1, .36, 1);font-family:Merriweather,Georgia,serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100}:root[data-theme=dark]{--bg: #101114;--surface: #181a1f;--surface-soft: #20232a;--surface-quiet: #15171b;--border: #30343d;--border-strong: #3c424d;--text: #f4f5f7;--muted: #a4abb7;--faint: #7d8490;--accent: #8fa4ff;--accent-soft: #1d2540;--inverse: #f7f8fa;--inverse-text: #08090b;--bar: #f4f5f7;--danger: #ff8d86;--danger-soft: #351e20;--ok: #70d799;--ok-soft: #173224;--shadow: 0 1px 2px rgba(0, 0, 0, .24);--shadow-lifted: 0 18px 48px rgba(0, 0, 0, .32);--chart-blue: #7aa2ff;--chart-green: #65d487;--chart-amber: #ffb454;--chart-pink: #f472b6;--chart-cyan: #49d3e6}*{box-sizing:border-box}html{scroll-padding-top:96px;scrollbar-color:var(--accent) var(--surface-soft);scrollbar-width:thin}body{margin:0;background:var(--bg);color:var(--text);transition:background-color .42s var(--ease-smooth),color .42s var(--ease-smooth)}body::-webkit-scrollbar,.table-scroll::-webkit-scrollbar,.custom-select-popover::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-track,.table-scroll::-webkit-scrollbar-track,.custom-select-popover::-webkit-scrollbar-track{background:var(--surface-soft)}body::-webkit-scrollbar-thumb,.table-scroll::-webkit-scrollbar-thumb,.custom-select-popover::-webkit-scrollbar-thumb{border:2px solid var(--surface-soft);border-radius:999px;background:linear-gradient(180deg,var(--chart-blue),var(--chart-cyan))}body::-webkit-scrollbar-thumb:hover,.table-scroll::-webkit-scrollbar-thumb:hover,.custom-select-popover::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--chart-pink),var(--chart-amber))}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.58}.muted{color:var(--muted)}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.error{margin:0 0 18px;color:var(--danger)}.success{margin:0 0 18px;color:var(--ok)}.app-shell{--rail-width: 78px;min-height:100vh}.app-shell.is-rail-expanded{--rail-width: 224px}.theme-transition{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;pointer-events:none;clip-path:circle(0 at var(--theme-x) var(--theme-y));opacity:.84;animation:theme-wipe .76s var(--ease-smooth) forwards}.theme-transition.to-dark{background:#101114}.theme-transition.to-light{background:#fbfbfb}@keyframes theme-wipe{0%{clip-path:circle(0 at var(--theme-x) var(--theme-y));opacity:.84}64%{opacity:.42}to{clip-path:circle(150vmax at var(--theme-x) var(--theme-y));opacity:0}}.rail{position:fixed;z-index:30;top:0;left:0;width:var(--rail-width);height:100vh;display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--border);background:var(--surface);box-shadow:10px 0 36px #0f172a08;transition:width .42s var(--ease-smooth),background-color .42s var(--ease-smooth),border-color .42s var(--ease-smooth),box-shadow .42s var(--ease-smooth);will-change:width}.rail-brand-slot{width:100%;min-height:68px}.rail-collapse{position:absolute;top:76px;right:-20px;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);box-shadow:0 4px 18px #1018281f;transition:transform .28s var(--ease-smooth),background-color .28s var(--ease-smooth),border-color .28s var(--ease-smooth),color .28s var(--ease-smooth),box-shadow .28s var(--ease-smooth)}.rail-collapse:hover{transform:translate(1px) scale(1.04);box-shadow:var(--shadow-lifted)}.rail-nav{width:100%;display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;padding:0 12px 16px;transition:padding .42s var(--ease-smooth),gap .42s var(--ease-smooth)}.rail-item,.theme-toggle,.icon-button{width:46px;height:46px;display:inline-grid;grid-template-columns:1fr;place-items:center;position:relative;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);text-decoration:none;transition:width .42s var(--ease-smooth),background-color .24s var(--ease-smooth),border-color .24s var(--ease-smooth),color .24s var(--ease-smooth),transform .24s var(--ease-smooth)}.rail-icon,.icon-button svg,.ghost-button svg,.primary-button svg,.danger-button svg{flex:0 0 auto}.rail-icon{width:22px;height:22px;display:grid;place-items:center;justify-self:center}.rail-icon svg{display:block}.app-shell.is-rail-expanded .rail{align-items:stretch}.app-shell.is-rail-expanded .rail-nav{align-items:stretch;padding-inline:13px}.app-shell.is-rail-expanded .rail-item,.app-shell.is-rail-expanded .theme-toggle{width:100%;grid-template-columns:22px minmax(0,1fr);align-items:center;justify-items:start;justify-content:start;gap:10px;padding:0 12px}.app-shell.is-rail-expanded .rail-icon{justify-self:center}.rail-label{position:absolute;width:1px;height:1px;max-width:0;opacity:0;overflow:hidden;transform:translate(-6px);text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:14px;font-weight:600;transition:max-width .36s var(--ease-smooth),opacity .26s ease,transform .36s var(--ease-smooth),color .24s var(--ease-smooth)}.app-shell.is-rail-expanded .rail-label{position:static;width:auto;height:auto;max-width:148px;opacity:1;transform:translate(0)}.rail-item:hover,.theme-toggle:hover,.icon-button:hover{background:var(--surface-soft);transform:translateY(-1px)}.rail-item.is-active{background:linear-gradient(135deg,#2563eb1f,#0891b21f);border-color:#2563eb38;color:var(--accent)}.theme-toggle{margin:0 0 16px;border:1px solid var(--border);border-radius:50%;background:var(--surface);overflow:hidden}.app-shell.is-rail-expanded .theme-toggle{width:auto;margin-inline:13px;border-radius:8px}.app-topbar{position:fixed;z-index:20;top:0;right:0;left:var(--rail-width);height:68px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);background:var(--surface);padding:0 30px;transition:left .42s var(--ease-smooth),background-color .42s var(--ease-smooth),border-color .42s var(--ease-smooth)}.global-search{width:min(44vw,835px);height:46px;display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:28px;background:var(--surface);padding:0 16px 0 18px;box-shadow:none;color:var(--text);transition:border-color .24s var(--ease-smooth),box-shadow .24s var(--ease-smooth),background-color .42s var(--ease-smooth)}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.global-search input::placeholder{color:#9b9ba0}.shortcut{height:28px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:3px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:13px}.topbar-actions{position:absolute;right:30px;display:flex;align-items:center;gap:10px}.icon-button{width:42px;height:42px;border-color:var(--border);border-radius:50%;background:var(--surface)}.avatar-button,.ghost-button,.primary-button,.danger-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;text-decoration:none;white-space:nowrap}.avatar-button{width:42px;min-height:42px;border:1px solid var(--inverse);background:var(--inverse);color:var(--inverse-text);font-weight:700}.app-main{min-height:100vh;margin-left:var(--rail-width);padding-top:68px;transition:margin-left .42s var(--ease-smooth),background-color .42s var(--ease-smooth)}.page{width:min(1670px,calc(100% - 56px));margin:0 auto;padding:34px 0 40px}.page-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow,.card-label{margin:0;color:var(--muted);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0}.page-hero h1{margin:8px 0;font-size:34px;line-height:1.06;font-weight:600}.page-hero p:not(.eyebrow){margin:0;color:var(--muted);font-size:16px}.dashboard-page{width:min(1320px,calc(100% - 56px));padding-top:28px}.simple-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.simple-hero h1{margin:0 0 6px;font-size:28px;line-height:1.12;font-weight:600}.simple-hero p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.minimal-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}.minimal-metrics .metric-card{position:relative;min-height:72px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:12px 14px;box-shadow:var(--shadow);transition:transform .22s var(--ease-smooth),border-color .22s var(--ease-smooth),box-shadow .22s var(--ease-smooth),background-color .42s var(--ease-smooth)}.minimal-metrics .metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--metric-accent, var(--accent))}.minimal-metrics .metric-card:after{content:"";position:absolute;right:-22px;bottom:-30px;width:86px;height:86px;border-radius:50%;background:color-mix(in srgb,var(--metric-accent, var(--accent)) 16%,transparent)}.minimal-metrics .metric-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--metric-accent, var(--accent)) 42%,var(--border));box-shadow:var(--shadow-lifted)}.metric-card-blue{--metric-accent: var(--chart-blue)}.metric-card-cyan{--metric-accent: var(--chart-cyan)}.metric-card-green{--metric-accent: var(--chart-green)}.metric-card-amber{--metric-accent: var(--chart-amber)}.metric-card-pink{--metric-accent: var(--chart-pink)}.minimal-metrics span{position:relative;z-index:1;display:block;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.minimal-metrics strong{position:relative;z-index:1;display:block;margin-top:8px;color:var(--text);font-size:22px;line-height:1;font-weight:600}.graph-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr) minmax(260px,.7fr);gap:8px;margin-bottom:12px}.graph-panel{min-height:202px;padding:16px}.graph-panel-wide{min-width:0}.graph-panel .simple-panel-header{margin-bottom:14px}.graph-panel .muted{font-size:12px}.mini-chart{height:124px;display:flex;align-items:flex-end;gap:6px;border-left:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(to top,var(--border) 1px,transparent 1px) 0 20% / 100% 25%,linear-gradient(180deg,color-mix(in srgb,var(--chart-blue) 5%,transparent),transparent 58%);padding:6px 0 0 8px}.mini-bar{position:relative;flex:1;min-width:4px;max-width:22px;overflow:hidden;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--chart-blue),var(--chart-cyan));box-shadow:0 -8px 18px #2563eb29;transition:transform .18s var(--ease-smooth),filter .18s var(--ease-smooth)}.mini-bar:hover{transform:translateY(-3px);filter:saturate(1.16)}.mini-bar-error{position:absolute;right:0;bottom:0;left:0;min-height:0;background:linear-gradient(180deg,var(--chart-pink),var(--chart-amber))}.chart-legend{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:700}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-item:before{content:"";width:8px;height:8px;border-radius:50%}.legend-item.calls:before{background:var(--chart-blue)}.legend-item.errors:before{background:var(--chart-pink)}.client-bars{display:grid;gap:10px}.client-bar-row{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(110px,1fr) 42px;align-items:center;gap:10px;font-size:13px}.client-bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-bar-track{height:9px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,var(--surface-soft),color-mix(in srgb,var(--surface-soft) 70%,var(--border)))}.client-bar-fill{display:block;height:100%;min-width:3px;border-radius:inherit;background:var(--bar);box-shadow:0 0 18px color-mix(in srgb,currentColor 18%,transparent)}.client-bar-row strong{color:var(--text);font-size:13px;font-weight:600;text-align:right}.empty-graph{height:124px;display:grid;place-items:center;margin:0;color:var(--muted);font-size:13px}.empty-graph.compact{height:42px}.health-panel{display:grid;align-content:start}.health-visual{display:grid;grid-template-columns:106px minmax(0,1fr);align-items:center;gap:14px}.health-donut{width:106px;height:106px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at center,var(--surface) 0 56%,transparent 57%),conic-gradient(var(--chart-green) 0 var(--success),var(--chart-pink) var(--success) 100%);box-shadow:inset 0 0 0 1px var(--border)}.health-donut strong,.health-donut span{grid-area:1 / 1}.health-donut strong{margin-top:-14px;font-size:22px;line-height:1}.health-donut span{margin-top:36px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.health-stats{display:grid;gap:8px}.health-stats span{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:7px;color:var(--muted);font-size:12px}.health-stats span:last-child{border-bottom:0;padding-bottom:0}.health-stats strong{color:var(--text);font-size:13px;font-weight:700;white-space:nowrap}.latency-sparkline{width:100%;height:54px;margin-top:12px;border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--chart-amber) 12%,transparent),transparent)}.latency-sparkline polyline{fill:none;stroke:var(--chart-amber);stroke-linecap:round;stroke-linejoin:round;stroke-width:4;vector-effect:non-scaling-stroke}.simple-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.simple-panel-header h2{margin:0;font-size:18px;line-height:1.2}.simple-table th,.simple-table td{padding:10px}.hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.select-shell{position:relative;min-height:46px;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,white),var(--surface)),var(--surface);padding:0 12px 0 15px;color:var(--muted);font-size:14px;box-shadow:var(--shadow);transition:border-color .22s var(--ease-smooth),box-shadow .22s var(--ease-smooth),background-color .42s var(--ease-smooth)}.custom-select-label{flex:0 0 auto;color:var(--muted)}.custom-select-trigger{min-width:148px;min-height:44px;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;border:0;outline:0;background:transparent;color:var(--text);padding:0;text-align:left}.custom-select-trigger:disabled{cursor:default}.custom-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-caret{width:8px;height:8px;flex:0 0 8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-2px) rotate(45deg);transition:border-color .18s var(--ease-smooth),transform .18s var(--ease-smooth)}.custom-select.is-open .select-caret,.custom-select:focus-within .select-caret{border-color:var(--accent);transform:translateY(0) rotate(45deg)}.custom-select-popover{position:absolute;z-index:80;top:calc(100% + 8px);left:0;min-width:100%;max-height:264px;overflow-y:auto;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:8px;background:var(--surface);box-shadow:var(--shadow-lifted);padding:6px;animation:dropdown-in .18s var(--ease-smooth);transform-origin:top center;scrollbar-color:var(--accent) var(--surface-soft);scrollbar-width:thin}.custom-select-option{width:100%;min-height:34px;display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:10px;border:0;border-radius:7px;background:transparent;color:var(--text);padding:0 9px 0 10px;text-align:left}.custom-select-option span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-option.is-active{background:color-mix(in srgb,var(--accent-soft) 78%,transparent)}.custom-select-option.is-selected{color:var(--accent);font-weight:700}.custom-select-check{width:11px;height:6px;opacity:0;border-bottom:2px solid var(--accent);border-left:2px solid var(--accent);transform:translateY(-1px) rotate(-45deg)}.custom-select-option.is-selected .custom-select-check{opacity:1}.select-shell:hover,.select-shell.is-open,.field-select:hover .custom-select-trigger{border-color:color-mix(in srgb,var(--accent) 32%,var(--border))}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.readonly-filter{color:var(--text);font-weight:600}.ghost-button{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 15px;font-weight:600}.ghost-button:hover,.primary-button:hover,.danger-button:hover{filter:brightness(.98)}.ghost-button.compact{min-height:34px;padding:0 10px;font-size:13px}.primary-button{border:1px solid var(--inverse);background:var(--inverse);color:var(--inverse-text);padding:0 18px;font-weight:700}.danger-button{min-height:34px;border:1px solid #f0c2be;background:var(--danger-soft);color:var(--danger);padding:0 12px;font-size:13px;font-weight:700}.feature-grid{display:grid;grid-template-columns:minmax(320px,1.5fr) repeat(3,minmax(180px,1fr));gap:12px;margin-bottom:12px}.feature-card,.stat-card,.panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);transition:transform .22s var(--ease-smooth),border-color .22s var(--ease-smooth),box-shadow .22s var(--ease-smooth),background-color .42s var(--ease-smooth)}.feature-card:hover,.stat-card:hover,.panel:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lifted)}.feature-card{min-height:118px;display:flex;align-items:center;gap:16px;padding:16px 18px;color:var(--text);text-decoration:none}.feature-card h2,.panel h2{margin:6px 0 0;color:var(--text);font-size:18px;line-height:1.2;font-weight:600}.feature-card-large h2{display:inline-flex;align-items:center;gap:8px;font-size:21px}.feature-card p:not(.card-label){margin:6px 0 0;color:var(--muted);line-height:1.55}.compact-action{min-height:118px}.feature-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-quiet);color:var(--text)}.feature-icon.dark{border-color:var(--inverse);background:var(--inverse);color:var(--inverse-text)}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card{min-height:126px;padding:16px 18px}.stat-card-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.card-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--chart-blue) 14%,var(--surface)),var(--surface-quiet));color:var(--accent)}.card-value{margin-top:18px;color:var(--text);font-size:32px;line-height:1;font-weight:500;overflow-wrap:anywhere}.card-detail{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.35}.analytics-grid,.keys-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(330px,.9fr);gap:12px;align-items:start;margin-bottom:16px}.panel{padding:18px}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:18px}.panel-header p{margin:6px 0 0;color:var(--muted);font-size:14px}.range-pill{min-height:34px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);padding:0 12px;font-size:14px;font-weight:600;white-space:nowrap}.chart-frame{height:220px;margin-top:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface-quiet);padding:14px}.activity-bars{height:100%;display:flex;align-items:end;gap:9px}.activity-bar{flex:1;min-width:8px;max-width:34px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--chart-blue),var(--chart-cyan))}.empty-state{height:100%;display:grid;place-items:center;color:var(--muted);font-size:15px}.barlist{display:flex;flex-direction:column;gap:12px;margin-top:16px}.barrow{display:grid;grid-template-columns:minmax(120px,.9fr) minmax(120px,1fr) 80px;align-items:center;gap:12px}.barlabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:13px}.bartrack{height:12px;overflow:hidden;border-radius:8px;background:var(--surface-soft)}.barfill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--chart-blue),var(--chart-green))}.barval{color:var(--muted);font-size:12px;text-align:right;white-space:nowrap}.table-panel{margin-top:0}.client-panel{margin-bottom:16px}.client-name{margin-bottom:3px;font-weight:700}.table-scroll{width:100%;overflow-x:auto;margin-top:14px;scrollbar-color:var(--accent) var(--surface-soft);scrollbar-width:thin}table.recent{width:100%;min-width:650px;border-collapse:collapse;font-size:14px}table.recent th,table.recent td{border-bottom:1px solid var(--border);padding:11px 10px;text-align:left;vertical-align:middle}table.recent th{color:var(--muted);font-weight:600}table.recent td{color:var(--text)}table.recent tbody tr:last-child td{border-bottom:0}table.recent tbody tr{transition:background-color .18s var(--ease-smooth),color .18s var(--ease-smooth)}table.recent tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 56%,transparent)}.status-pill{min-height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:0 10px;font-size:12px;font-weight:700}.status-pill.is-ok{background:linear-gradient(135deg,var(--ok-soft),color-mix(in srgb,var(--chart-green) 14%,var(--ok-soft)));color:var(--ok)}.status-pill.is-error{background:linear-gradient(135deg,var(--danger-soft),color-mix(in srgb,var(--chart-pink) 12%,var(--danger-soft)));color:var(--danger)}.reveal{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid #bfe6ce;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--chart-green) 16%,transparent),transparent),var(--ok-soft);padding:14px 16px;margin-bottom:18px}.reveal code{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:8px 10px;font-size:13px;overflow-wrap:anywhere}.credential-stack{display:grid;gap:6px;flex:1 1 360px;min-width:0}.credential-stack span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.key-create-panel{position:sticky;top:96px}.keyform{display:grid;gap:14px;margin-top:20px}.keyform label,.login label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:600}.keyform input,.keyform select,.login input{width:100%;min-height:46px;border:1px solid var(--border);border-radius:8px;outline:0;background:var(--surface);color:var(--text);padding:0 13px;transition:border-color .22s var(--ease-smooth),box-shadow .22s var(--ease-smooth),background-color .42s var(--ease-smooth),color .42s var(--ease-smooth)}.field-select{position:relative;display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:600}.field-select .custom-select-trigger{width:100%;min-height:46px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:0 13px;transition:border-color .22s var(--ease-smooth),box-shadow .22s var(--ease-smooth),background-color .42s var(--ease-smooth),color .42s var(--ease-smooth)}.field-select .select-caret{pointer-events:none}.keyform input:focus,.keyform select:focus,.login input:focus,.global-search:focus-within,.select-shell:focus-within,.field-select:focus-within .custom-select-trigger,.field-select.is-open .custom-select-trigger{border-color:#aeb9ff;box-shadow:0 0 0 3px #143cff1a}.provision-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.provision-card{position:relative;padding-top:22px}.step-marker{width:28px;height:28px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--chart-blue) 30%,var(--border));border-radius:50%;background:linear-gradient(135deg,var(--chart-blue),var(--chart-cyan));color:#fff;font-size:13px;font-weight:700;margin-bottom:14px;box-shadow:0 10px 24px #2563eb2e}.secret-panel{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:16px}.secret-panel h2{margin-top:6px}.secret-panel p{margin:6px 0 0}.secret-code{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border);border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--chart-cyan) 10%,transparent),transparent),var(--surface-quiet);color:var(--text);padding:12px 13px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.access-panel{display:flex;align-items:flex-start;gap:14px}.access-panel svg{color:var(--chart-blue)}.access-panel h2{margin-top:0}.deployment-list{display:grid;gap:8px;margin-top:14px}.deployment-row{min-height:42px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-quiet);padding:0 12px;transition:transform .18s var(--ease-smooth),border-color .18s var(--ease-smooth),background-color .42s var(--ease-smooth)}.deployment-row:hover{transform:translate(2px);border-color:color-mix(in srgb,var(--chart-cyan) 34%,var(--border))}.deployment-row svg{color:var(--chart-cyan)}.compact-table-panel{margin-top:16px}.table-actions{text-align:right}.center{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--chart-blue) 12%,transparent),transparent 38%),linear-gradient(315deg,color-mix(in srgb,var(--chart-green) 10%,transparent),transparent 42%),var(--bg);padding:24px}.login{width:min(380px,100%);display:flex;flex-direction:column;gap:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:28px;animation:panel-in .42s var(--ease-smooth)}.login h1{margin:0 0 8px;font-size:22px;line-height:1.2}.login button[type=submit]{min-height:46px;border:1px solid var(--inverse);border-radius:8px;background:var(--inverse);color:var(--inverse-text);font-weight:700}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1260px){.global-search{width:min(48vw,650px)}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.graph-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)}.health-panel{grid-column:1 / -1}.analytics-grid,.keys-layout,.provision-steps{grid-template-columns:1fr}.key-create-panel{position:static}.secret-panel{grid-template-columns:1fr}}@media (max-width: 900px){.app-topbar{justify-content:flex-start}.global-search{width:calc(100% - 210px)}.page{width:min(100% - 36px,720px);padding-top:34px}.page-hero{align-items:start;flex-direction:column}.simple-hero{align-items:flex-start;flex-direction:column}.hero-actions{justify-content:flex-start}.feature-grid,.stats,.graph-grid,.minimal-metrics{grid-template-columns:1fr}}@media (max-width: 680px){html{scroll-padding-top:82px}.app-shell{--rail-width: 72px}.app-shell.is-rail-expanded{--rail-width: 190px}.rail-brand-slot{min-height:62px}.rail-collapse{top:70px}.rail-nav{gap:4px;padding-inline:8px}.rail-item,.theme-toggle{width:44px;height:44px}.app-shell.is-rail-expanded .rail-item,.app-shell.is-rail-expanded .theme-toggle{width:100%}.app-topbar{left:var(--rail-width);height:68px;padding:0 12px}.app-main{margin-left:var(--rail-width);padding-top:68px}.global-search{height:44px;width:calc(100% - 112px);gap:8px;padding-inline:12px}.global-search input{font-size:15px}.shortcut{display:none}.topbar-actions{right:12px;gap:6px}.icon-button,.avatar-button{width:40px;height:40px;min-height:40px}.icon-button{display:none}.page{width:calc(100% - 24px);padding-top:26px}.page-hero h1{font-size:36px}.page-hero p:not(.eyebrow){font-size:16px}.simple-hero h1{font-size:26px}.simple-hero p{font-size:14px}.select-shell,.ghost-button{width:100%}.select-shell{justify-content:space-between}.graph-panel{padding:14px}.client-bar-row{grid-template-columns:1fr 42px}.client-bar-row>span{grid-column:1 / -1}.health-visual{grid-template-columns:1fr;justify-items:center}.feature-card,.stat-card,.panel{padding:18px}.feature-card{align-items:flex-start}.card-value{font-size:34px}.panel-header{flex-direction:column}.chart-frame{height:230px}.secret-panel,.provision-card{padding:18px}.activity-bars{gap:5px}.barrow{grid-template-columns:1fr;gap:7px}.barval{text-align:left}}