@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.col-span-2{grid-column:span 2 / span 2}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.inline-block{display:inline-block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-10{height:2.5rem}.h-full{height:100%}.max-h-96{max-height:24rem}.w-1{width:.25rem}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:var(--radius-md)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-border{border-color:var(--border)}.bg-bg-elevated{background-color:var(--bg-elevated)}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.pb-2{padding-bottom:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-brand{color:var(--brand)}.text-brand-bright{color:var(--brand-bright)}.text-crit{color:var(--crit)}.text-text-3{color:var(--text-3)}.text-text-4{color:var(--text-4)}.underline{text-decoration-line:underline}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--ease-out: cubic-bezier(.16, 1, .3, 1);--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg-void);color:var(--text-1);-webkit-font-smoothing:antialiased;line-height:1.5;font-size:14px;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.45}}.animate-in{animation:fade-up .5s var(--ease-out) both}.app{display:flex;height:100%;position:relative;overflow:hidden;background:var(--bg-void)}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black,transparent 75%);pointer-events:none;z-index:0}.bg-noise{position:fixed;top:0;right:0;bottom:0;left:0;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.bg-glow{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.bg-glow-a{width:520px;height:520px;top:-180px;right:5%;background:var(--glow-a)}.bg-glow-b{width:400px;height:400px;bottom:-100px;left:25%;background:var(--glow-b)}.sidebar{width:248px;flex-shrink:0;display:flex;flex-direction:column;padding:20px 14px;position:relative;z-index:2;background:var(--bg-panel);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;padding:2px 6px 20px}.brand-mark{padding:1px;border-radius:11px;background:linear-gradient(135deg,var(--brand-glow),var(--brand-dim))}.brand-mark-inner{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--bg-elevated);color:var(--brand-bright);box-shadow:0 0 24px -6px var(--brand-glow)}.brand-name{font-size:15px;font-weight:600;letter-spacing:0}.brand-sub{font-size:11px;color:var(--text-4);margin-top:1px}.nav-section{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0;color:var(--text-4);padding:0 10px 8px}.nav{display:flex;flex-direction:column;gap:3px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-3);transition:all .2s var(--ease-out);border:1px solid transparent;text-decoration:none}.nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:var(--bg-hover)}.nav-item:hover{color:var(--text-2);background:var(--bg-hover)}.nav-item.active{color:var(--text-1);background:var(--brand-dim);border-color:color-mix(in srgb,var(--brand) 22%,transparent);box-shadow:var(--shadow-glow)}.nav-item.active .nav-icon{background:color-mix(in srgb,var(--brand) 20%,transparent);color:var(--brand-bright)}.nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:10px;font-weight:600;min-width:20px;text-align:center;padding:2px 7px;border-radius:var(--radius-pill);background:var(--crit-dim);color:var(--crit)}.main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;z-index:1}.topbar{display:flex;align-items:center;gap:12px;padding:16px 28px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-panel) 60%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-title h1{font-size:18px;font-weight:600;letter-spacing:0}.topbar-title p{font-size:12px;color:var(--text-4);margin-top:2px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.live-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);font-size:11px;font-weight:500;color:var(--ok);background:var(--ok-dim);border:1px solid color-mix(in srgb,var(--ok) 25%,transparent)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:pulse-soft 2s ease infinite}.content{flex:1;overflow:auto;padding:24px 28px 40px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);transition:box-shadow .25s var(--ease-out),border-color .25s}.card:hover{border-color:var(--border-strong)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.card-title{font-size:13px;font-weight:600;color:var(--text-2)}.card-body{padding:16px 18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-2);transition:all .15s var(--ease-out)}.btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-1);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:color-mix(in srgb,var(--brand) 80%,black);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-bright);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{padding:8px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;font-weight:500;color:var(--text-3)}.input,.select,.textarea{width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-1);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:color-mix(in srgb,var(--brand) 50%,transparent);box-shadow:0 0 0 3px var(--brand-dim)}.textarea{min-height:88px;resize:vertical}.data-table-wrap{overflow:auto;border-radius:var(--radius-md);border:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0;color:var(--text-4);background:var(--bg-elevated);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle}.data-table tr:hover td{background:var(--bg-hover)}.data-table tr:last-child td{border-bottom:none}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}.status-dot.warn{background:var(--warn);box-shadow:0 0 8px var(--warn)}.status-dot.crit{background:var(--crit);box-shadow:0 0 8px var(--crit)}.status-dot.muted{background:var(--text-4)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:500;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-3)}.badge-ok{background:var(--ok-dim);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 20%,transparent)}.badge-warn{background:var(--warn-dim);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 20%,transparent)}.badge-crit{background:var(--crit-dim);color:var(--crit);border-color:color-mix(in srgb,var(--crit) 20%,transparent)}.badge-brand{background:var(--brand-dim);color:var(--brand-bright);border-color:color-mix(in srgb,var(--brand) 20%,transparent)}.dashboard{display:flex;flex-direction:column;gap:16px}.bento-hero{display:grid;grid-template-columns:1fr auto;gap:24px;padding:24px}.hero-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--brand-bright);background:var(--brand-dim);padding:4px 10px;border-radius:var(--radius-pill);margin-bottom:12px}.hero-headline{font-size:28px;font-weight:600;letter-spacing:0;line-height:1.2}.hero-accent{color:var(--brand-bright)}.hero-desc{margin-top:10px;color:var(--text-3);font-size:13px}.hero-stats{display:flex;align-items:center;gap:20px;margin-top:20px}.hero-stat-val{font-size:20px;font-weight:600;display:block}.hero-stat-label{font-size:11px;color:var(--text-4)}.hero-stat-div{width:1px;height:32px;background:var(--border)}.hero-right{display:flex;flex-direction:column;align-items:center;gap:16px}.bento-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-tile{padding:16px}.metric-tile-label{font-size:11px;color:var(--text-4);text-transform:uppercase;letter-spacing:0}.metric-tile-value{font-size:24px;font-weight:600;margin:6px 0 4px;letter-spacing:0}.metric-tile-delta{font-size:11px;color:var(--text-4);margin-bottom:10px}.bento-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bento-row-3{display:grid;grid-template-columns:2fr 1fr;gap:12px}.ring-gauge{position:relative}.ring-gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-gauge-value{font-size:22px;font-weight:700}.ring-gauge-label{font-size:11px;color:var(--text-4);margin-top:2px}.ring-gauge-sub{font-size:10px;color:var(--text-4)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);background:var(--bg-panel);border-left:1px solid var(--border);z-index:50;display:flex;flex-direction:column;box-shadow:-24px 0 48px -24px var(--stripe-shadow)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.drawer-body{flex:1;overflow:auto;padding:20px}.tabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--border)}.tab{padding:10px 14px;font-size:13px;font-weight:500;color:var(--text-4);border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--text-1);border-bottom-color:var(--brand)}.auth-page{min-height:100%;display:grid;place-items:center;padding:24px}.auth-card{width:min(400px,100%);padding:32px}.auth-card h1{font-size:22px;font-weight:600;letter-spacing:0}.auth-card p{color:var(--text-3);font-size:13px;margin-top:6px;margin-bottom:24px}.empty-state,.error-state{text-align:center;padding:48px 24px;color:var(--text-3)}.error-state{color:var(--crit)}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 0%,var(--bg-hover) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;align-items:center}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-row .input,.filter-row .select{width:auto;min-width:140px}.bg-noise,.bg-glow{display:none}.bg-grid{background-image:linear-gradient(90deg,var(--grid-color) 1px,transparent 1px),linear-gradient(var(--grid-color) 1px,transparent 1px);background-size:48px 48px;opacity:.35;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}.app{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 16%,transparent),transparent 220px),var(--bg-void)}.sidebar{width:236px;padding:18px 12px;background:var(--bg-panel);-webkit-backdrop-filter:none;backdrop-filter:none}.brand{padding-bottom:18px}.brand-mark{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-strong)}.brand-mark-inner{border-radius:var(--radius-sm);box-shadow:none;background:transparent}.brand-name,.topbar-title h1,.hero-headline,.metric-tile-value,.auth-card h1,.nav-section,.data-table th,.metric-tile-label{letter-spacing:0}.nav{gap:2px}.nav-item{border-radius:var(--radius-sm);padding:8px 9px}.nav-icon{width:26px;height:26px;border-radius:var(--radius-sm)}.nav-item.active{background:var(--bg-elevated);border-color:var(--border-strong);box-shadow:inset 3px 0 0 var(--brand)}.nav-item.active .nav-icon{background:var(--brand-dim)}.topbar{padding:14px 24px;background:color-mix(in srgb,var(--bg-panel) 94%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.content{padding:22px 24px 36px}.card{border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-elevated)}.card:hover{border-color:var(--border)}.card-header{padding:14px 16px}.card-body{padding:16px}.btn{border-radius:var(--radius-sm);transition:background-color .14s var(--ease-out),border-color .14s var(--ease-out),color .14s var(--ease-out),transform .14s var(--ease-out)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--brand);border-color:color-mix(in srgb,var(--brand) 75%,black)}.input,.select,.textarea{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-elevated) 92%,black)}.data-table-wrap{border-radius:var(--radius-md);background:var(--bg-surface)}.auth-page{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 32%,transparent),transparent 260px),var(--bg-void)}.auth-card{border-top:3px solid var(--brand)}.animate-in{animation:fade-up .26s var(--ease-out) both}.notify-page{display:flex;flex-direction:column;gap:16px}.notify-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.notify-kpi{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface)}.notify-kpi span{color:var(--text-3);font-size:12px}.notify-kpi strong{font-size:22px;line-height:1}.notify-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px;align-items:start}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}.channel-card{display:flex;flex-direction:column;gap:14px;min-height:210px;padding:15px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-elevated)}.channel-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.channel-card h3{margin:0;font-size:14px;font-weight:650;line-height:1.25}.channel-card p{margin:2px 0 0;color:var(--text-4);font-size:12px}.channel-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-md);background:var(--brand-dim);color:var(--brand-bright)}.channel-meta{display:grid;gap:9px;margin:0}.channel-meta div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:start}.channel-meta dt{color:var(--text-4);font-size:12px}.channel-meta dd{min-width:0;margin:0;color:var(--text-2);font-size:12px;word-break:break-word}.channel-actions,.form-actions,.channel-quick-actions{display:flex;flex-wrap:wrap;gap:8px}.channel-actions{margin-top:auto}.notify-side{position:sticky;top:16px}.notify-editor{border-top:3px solid var(--brand)}.dispatch-profile{display:flex;flex-direction:column;gap:12px;color:var(--text-3)}.dispatch-profile h3,.notify-empty h3{margin:0;color:var(--text-1);font-size:15px}.dispatch-profile p,.notify-empty p{margin:0;color:var(--text-3);font-size:13px}.channel-form{display:flex;flex-direction:column}.toggle-row{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--text-2);font-size:13px}.toggle-row input{width:15px;height:15px;accent-color:var(--brand)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phone-fields{padding-top:2px;border-top:1px solid var(--border)}.form-error{margin:0 0 12px;color:var(--crit);font-size:12px}.test-result{margin:0 0 12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-2);font-size:12px;word-break:break-word}.notify-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-surface)}@media(max-width:1100px){.bento-metrics{grid-template-columns:repeat(2,1fr)}.bento-row,.bento-row-3,.bento-hero,.notify-layout{grid-template-columns:1fr}.notify-side{position:static}}@media(max-width:768px){.sidebar{display:none}.content{padding:16px}.notify-kpis,.channel-grid,.form-grid-2{grid-template-columns:1fr}}.bg-grid,.bg-noise,.bg-glow{display:none}.app{background:var(--bg-void)}.sidebar{width:256px;padding:16px 12px;background:#161616;border-right:0;-webkit-backdrop-filter:none;backdrop-filter:none}.brand{padding:2px 8px 24px}.brand-mark{border-radius:0;background:#0f62fe}.brand-mark-inner{width:32px;height:32px;border-radius:0;background:#0f62fe;color:#fff;box-shadow:none}.brand-name{color:#f4f4f4}.brand-sub,.nav-section{color:#a8a8a8}.nav-item{border-radius:0;border:0;color:#c6c6c6;padding:10px 12px}.nav-icon{border-radius:0;background:#262626}.nav-item:hover{color:#fff;background:#262626}.nav-item.active{color:#fff;background:#0f62fe;border-color:transparent;box-shadow:none}.nav-item.active .nav-icon{background:#ffffff2e;color:#fff}.nav-badge{border-radius:0;background:#da1e28;color:#fff}.main{background:var(--bg-void)}.topbar{min-height:64px;padding:14px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none}.topbar-title h1{font-size:20px;font-weight:500}.topbar-title p{color:var(--text-3)}.content{padding:24px}.live-chip{border-radius:0;border-color:var(--border);background:var(--bg-elevated);color:var(--text-2)}.live-dot{box-shadow:none}.card,.channel-card,.notify-kpi,.config-panel,.help-panel,.preview-panel,.notify-empty{border-radius:0;box-shadow:none}.card:hover,.channel-card:hover{border-color:var(--border-strong)}.card-header{background:var(--bg-elevated)}.btn{min-height:40px;border-radius:0;border-color:var(--border-strong);background:var(--bg-elevated);color:var(--text-1);transform:none}.btn:hover:not(:disabled){transform:none;background:var(--bg-hover);border-color:var(--text-4)}.btn-primary{border-color:var(--brand);background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-bright);border-color:var(--brand-bright)}.btn-ghost{background:transparent;border-color:transparent}.btn-sm{min-height:32px}.btn-icon{min-width:40px}.input,.select,.textarea{border-radius:0;border:0;border-bottom:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-1)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:inset 0 -2px 0 var(--brand)}.badge{border-radius:0;background:var(--bg-elevated)}.badge-ok{background:var(--ok-dim)}.notify-workbench{gap:16px}.notify-command-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:16px;align-items:stretch;border:1px solid var(--border);background:var(--bg-surface)}.notify-command-strip>div:first-child{padding:20px}.section-kicker{display:block;margin-bottom:8px;color:var(--brand);font-size:12px;font-weight:600}.notify-command-strip h2,.config-panel h3,.help-panel h3,.preview-panel h3{margin:0;font-size:18px;font-weight:500;line-height:1.25}.notify-command-strip p{max-width:720px;margin:8px 0 0;color:var(--text-3)}.notify-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-left:1px solid var(--border)}.notify-kpi{min-height:100%;padding:18px;border:0;border-left:1px solid var(--border);background:var(--bg-elevated)}.notify-kpi:first-child{border-left:0}.notify-kpi strong{font-size:24px;font-weight:500}.notify-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,520px) minmax(300px,360px);gap:16px;align-items:start}.channel-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:1px;margin-bottom:16px;border:1px solid var(--border);background:var(--border)}.channel-type-tab{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;background:var(--bg-surface);color:var(--text-2);font-size:13px;text-align:left}.channel-type-tab:hover{background:var(--bg-hover)}.channel-type-tab.active{background:var(--brand);color:#fff}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.channel-card{min-height:240px;padding:16px;background:var(--bg-surface);border:1px solid var(--border)}.channel-card-head{grid-template-columns:auto minmax(0,1fr) auto}.channel-mark{border-radius:0;background:var(--brand-dim);color:var(--brand-bright)}.channel-meta div{grid-template-columns:84px minmax(0,1fr)}.channel-actions{padding-top:12px;border-top:1px solid var(--border)}.config-panel,.help-panel,.preview-panel{border:1px solid var(--border);background:var(--bg-surface)}.config-panel{padding:0}.config-panel-head,.help-panel-head,.preview-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.help-panel-head,.preview-panel-head{justify-content:flex-start}.config-panel .dispatch-profile,.channel-form{padding:16px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{margin-bottom:14px}.field label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-2);font-size:12px;font-weight:600}.field-help-trigger{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--text-4)}.field-help-trigger:hover{color:var(--brand);background:var(--brand-dim)}.toggle-row,.inline-check{display:flex;align-items:center;gap:8px}.inline-check{min-height:40px;justify-content:flex-start;padding:0 12px;border-bottom:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-2)}.toggle-row input,.inline-check input{accent-color:var(--brand)}.provider-note{display:flex;gap:10px;padding:12px;margin-bottom:14px;border-left:3px solid var(--brand);background:var(--bg-elevated);color:var(--text-2)}.provider-note strong,.provider-note span{display:block;font-size:12px}.provider-note span{margin-top:4px;color:var(--text-3)}.secret-input-row{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;background:var(--bg-elevated)}.secret-input-row>svg{margin:0 auto;color:var(--text-4)}.secret-input-row .input{background:transparent}.form-section-label{margin:18px 0 12px;padding-top:14px;border-top:1px solid var(--border);color:var(--text-4);font-size:12px;font-weight:600}.dynamic-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.dynamic-fields .field:has(.textarea),.template-grid .field{grid-column:1 / -1}.template-textarea{min-height:118px;font-family:var(--font-mono);font-size:12px}.preview-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:16px}.help-panel p{margin:0;padding:16px;color:var(--text-2);font-size:13px}.doc-chip{margin:0 16px 16px;padding:10px 12px;border-left:3px solid var(--warn);background:var(--warn-dim);color:var(--text-2);font-size:12px}.preview-message{padding:16px}.preview-title{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--border);color:var(--text-1);font-size:15px;font-weight:600}.preview-message pre{max-height:420px;margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--text-2);font-family:var(--font-mono);font-size:12px;line-height:1.55}.payload-note{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-elevated);color:var(--text-3);font-size:12px}.payload-note strong{color:var(--text-1);font-weight:500}.form-error,.test-result{border-radius:0}@media(max-width:1320px){.notify-layout{grid-template-columns:minmax(360px,1fr) minmax(420px,520px)}.preview-side{position:static;grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}}@media(max-width:1100px){.notify-command-strip,.notify-layout{grid-template-columns:1fr}.notify-kpis{border-top:1px solid var(--border);border-left:0}.preview-side{grid-template-columns:1fr}.notify-side{position:static}}@media(max-width:768px){.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{margin-left:0;flex-wrap:wrap}.content{padding:16px}.notify-kpis,.form-grid-2,.dynamic-fields{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media(prefers-reduced-motion:reduce){.animate-in,.live-dot,.skeleton,.animate-spin{animation:none}}.hover\:underline:hover{text-decoration-line:underline}:root,:root[data-theme=dark]{--bg: #0e100d;--bg2: #151711;--card: rgba(245, 243, 236, .04);--card-strong: rgba(245, 243, 236, .07);--cb: rgba(224, 218, 202, .09);--cbh: rgba(224, 218, 202, .18);--ac: #6f93d2;--ac-d: rgba(111, 147, 210, .14);--ac-g: rgba(111, 147, 210, .18);--ok: #34d399;--warn: #fbbf24;--err: #f87171;--t1: #ece8dc;--t2: #cfc8b8;--t3: #958e7f;--t4: #676256;--mono: "JetBrains Mono", "SFMono-Regular", Consolas, ui-monospace, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--glass-blur: blur(14px) saturate(130%);--glass-shadow: 0 20px 60px rgba(0, 0, 0, .24);color-scheme:dark}:root[data-theme=light]{--bg: #f6f4ec;--bg2: #ece9de;--card: rgba(250, 249, 243, .78);--card-strong: rgba(255, 255, 250, .9);--cb: rgba(62, 58, 48, .13);--cbh: rgba(62, 58, 48, .22);--ac: #4f79c5;--ac-d: rgba(79, 121, 197, .12);--ac-g: rgba(79, 121, 197, .16);--ok: #2f6b2f;--warn: #7a5b10;--err: #a94444;--t1: #171713;--t2: #3f3b32;--t3: #777166;--t4: #9a9488;--glass-shadow: 0 18px 50px rgba(62, 58, 48, .08);color-scheme:light}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--t1);font-family:var(--sans);letter-spacing:0;overflow-x:hidden}.mono,code,pre,.s-val,.metric-value,.data-table .mono,.tx-tok,.tx-cost,.tx-time,.tx-model-name{font-family:var(--mono);font-variant-numeric:tabular-nums}.app{--sidebar-w: 62px;min-height:100vh;display:flex;position:relative;overflow:hidden;background:radial-gradient(circle at 24% -12%,rgba(111,147,210,.045),transparent 35%),linear-gradient(180deg,var(--bg),var(--bg2))}.app.nav-expanded{--sidebar-w: 220px}.app:before,.app:after{content:"";position:fixed;pointer-events:none;z-index:0;border-radius:999px;filter:blur(90px);will-change:transform}.app:before{width:50vw;height:50vh;top:-10%;left:-5%;background:radial-gradient(ellipse,rgba(111,147,210,.07) 0%,transparent 65%);animation:mc-aurora-a 22s ease-in-out infinite alternate}.app:after{width:45vw;height:45vh;right:-5%;bottom:-5%;background:radial-gradient(ellipse,rgba(109,91,53,.06) 0%,transparent 65%);animation:mc-aurora-b 17s ease-in-out infinite alternate}:root[data-theme=light] .app{background:radial-gradient(circle at 20% -8%,rgba(79,121,197,.08),transparent 32%),linear-gradient(180deg,var(--bg),var(--bg2))}:root[data-theme=light] .app:before{background:radial-gradient(ellipse,rgba(79,121,197,.08) 0%,transparent 68%)}:root[data-theme=light] .app:after{background:radial-gradient(ellipse,rgba(124,116,97,.07) 0%,transparent 68%)}@keyframes mc-aurora-a{0%{transform:translate(0) scale(1)}to{transform:translate(4%,8%) scale(1.12)}}@keyframes mc-aurora-b{0%{transform:translate(0) scale(1)}to{transform:translate(-4%,-8%) scale(1.14)}}.sidebar{width:var(--sidebar-w);position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;align-items:center;padding:18px 0;background:color-mix(in srgb,var(--bg) 92%,transparent);border-right:1px solid var(--cb);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:width .2s ease,padding .2s ease}.sidebar-head{width:100%;display:flex;align-items:center;gap:10px;padding:0 14px;margin-bottom:16px}.logo-mark{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border-radius:9px;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:-.5px;text-decoration:none;box-shadow:0 12px 30px #38bdf83d}.sidebar-brand-text{display:none;min-width:0}.sidebar-brand-text div{color:var(--t1);font-size:13px;font-weight:700;white-space:nowrap}.sidebar-brand-text span{display:block;margin-top:1px;color:var(--t4);font-family:var(--mono);font-size:10px;white-space:nowrap}.nav-items{display:flex;flex:1;flex-direction:column;align-items:center;gap:3px}.nav-sep,.sidebar-sep{width:32px;height:1px;margin:8px 0;background:var(--cb)}.nav-item{width:38px;height:38px;position:relative;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;color:var(--t4);text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.nav-label{display:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-toggle{margin-bottom:10px;flex-shrink:0}.app.nav-expanded .sidebar{align-items:stretch;padding-right:12px;padding-left:12px}.app.nav-expanded .sidebar-head{padding:0}.app.nav-expanded .sidebar-brand-text,.app.nav-expanded .nav-label{display:block}.app.nav-expanded .nav-items{align-items:stretch}.app.nav-expanded .nav-item{width:100%;display:flex;justify-content:flex-start;gap:10px;padding:0 11px}.app.nav-expanded .sidebar-sep{width:100%}.nav-item:hover{background:var(--card);color:var(--t2);transform:translateY(-1px)}.nav-item.active{background:var(--ac-d);color:var(--ac);border-color:color-mix(in srgb,var(--ac) 20%,transparent)}.nav-item svg{width:18px;height:18px;stroke-width:1.8}.nav-badge{position:absolute;top:5px;right:5px;min-width:12px;height:12px;padding:0 3px;border-radius:999px;background:var(--err);color:#fff;font-family:var(--mono);font-size:8px;line-height:12px;text-align:center}.nav-item-button{margin-top:auto;background:transparent}.main{flex:1;min-width:0;max-width:calc(100vw - var(--sidebar-w));margin-left:var(--sidebar-w);padding:22px 26px 32px;position:relative;z-index:1;overflow:auto;transition:margin-left .2s ease,max-width .2s ease}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.topbar-title h1{margin:0;color:var(--t1);font-size:17px;font-weight:600;letter-spacing:-.3px;line-height:1.25}.topbar-title p,.mission-clock{margin-top:3px;color:var(--t4);font-family:var(--mono);font-size:11px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}.locale-switch{display:inline-flex;align-items:center;padding:2px;border:1px solid var(--cb);border-radius:999px;background:var(--card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.locale-switch button{min-width:42px;min-height:24px;border:0;border-radius:999px;background:transparent;color:var(--t3);font-family:var(--mono);font-size:10.5px;cursor:pointer}.locale-switch button.active{background:var(--ac-d);color:var(--ac)}.content{padding:0;overflow:visible}.pill-ok,.status-pill,.live-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 11px;border:1px solid color-mix(in srgb,var(--ok) 22%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ok) 9%,transparent);color:var(--ok);font-family:var(--mono);font-size:11px;white-space:nowrap}.dot-live,.dot{width:6px;height:6px;display:inline-block;flex-shrink:0;border-radius:999px}.dot-live,.dot-ok{background:var(--ok);animation:pulse-ok 2s ease-in-out infinite}.dot-warn{background:var(--warn)}.dot-crit{background:var(--err)}.dot-muted{background:var(--t4)}@keyframes pulse-ok{0%,to{opacity:1;box-shadow:0 0 color-mix(in srgb,var(--ok) 42%,transparent)}50%{opacity:.82;box-shadow:0 0 0 4px transparent}}.btn,.btn-refresh{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;border:1px solid var(--cb);border-radius:8px;background:var(--card);color:var(--t2);font-family:var(--sans);font-size:12px;line-height:1;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.btn:hover,.btn-refresh:hover{background:var(--card-strong);color:var(--t1);border-color:var(--cbh)}.btn:focus-visible,.btn-refresh:focus-visible,.nav-item:focus-visible,.input:focus,.select:focus,.textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid color-mix(in srgb,var(--ac) 55%,transparent);outline-offset:2px}.btn-primary{border-color:color-mix(in srgb,var(--ac) 34%,transparent);background:var(--ac-d);color:var(--ac)}.btn-ghost{background:transparent}.btn-sm{min-height:28px;padding:6px 10px;font-size:11.5px}.btn-icon{width:32px;padding:0}.btn-refresh.is-spinning svg{animation:refresh-spin .42s ease}@keyframes refresh-spin{to{transform:rotate(360deg)}}.card,.s-card,.stat,.data-table-wrap,.notif-panel-l,.notif-panel-m,.notif-panel-r,.auth-card{border:1px solid var(--cb);border-radius:14px;background:var(--card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.card{padding:18px;overflow:hidden}.card:hover,.s-card:hover,.stat:hover{border-color:var(--cbh)}.card-head,.card-header,.card-hdr{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:0;border:0}.card-title,.card-ttl{display:inline-flex;align-items:center;gap:7px;color:var(--t2);font-size:12px;font-weight:500}.card-title:before,.card-ttl .d{content:"";width:7px;height:7px;display:inline-block;border-radius:999px;background:var(--ac);opacity:.7}.card-sub,.text-muted,.text-text-4,.text-text-3{color:var(--t3)}.input,.select,.textarea,textarea.input{width:100%;min-height:36px;border:1px solid var(--cb);border-radius:9px;background:color-mix(in srgb,var(--card) 70%,transparent);color:var(--t1);padding:8px 10px;font-size:12px;transition:border-color .18s ease,background .18s ease}.textarea,textarea.input{min-height:104px;resize:vertical}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--t4)}.input::placeholder,.textarea::placeholder{color:var(--t4)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field label{color:var(--t3);font-size:11px;font-weight:500}.field-help{display:block;color:var(--t4);font-size:11px;line-height:1.55}.brand-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--cb);border-radius:8px;background:var(--card-strong)}.brand-icon svg{width:16px;height:16px}.brand-icon-text{color:var(--ac);font-family:var(--mono);font-size:9px;font-weight:700}.filter-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,190px) minmax(180px,240px) auto;align-items:center;gap:10px;margin-bottom:14px}.data-table-wrap{overflow:auto}.data-table{width:100%;min-width:760px;border-collapse:collapse}.data-table th{padding:0 12px 10px;border-bottom:1px solid var(--cb);color:var(--t4);font-size:10.5px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.data-table td{padding:11px 12px;border-bottom:1px solid color-mix(in srgb,var(--cb) 52%,transparent);color:var(--t2);font-size:12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.table-action-row{display:flex;flex-wrap:wrap;gap:6px}.asset-name-cell,.provider-table-name{display:flex;align-items:center;gap:10px;min-width:0}.provider-table-name strong{display:block;color:var(--t1);font-weight:600}.provider-table-name small{display:block;margin-top:2px;color:var(--t4);font-size:10px}.empty-state{display:grid;place-items:center;min-height:260px;padding:34px;border:1px solid var(--cb);border-radius:14px;background:var(--card);text-align:center;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.empty-state-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:12px;border-radius:12px;background:var(--ac-d);color:var(--ac)}.empty-state h3{margin:0;color:var(--t1);font-size:16px}.empty-state p{max-width:420px;margin:8px 0 18px;color:var(--t3);font-size:12px;line-height:1.7}.data-table a,.text-brand,.text-brand-bright{color:var(--ac)}.badge{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border:1px solid var(--cb);border-radius:5px;color:var(--t2);background:var(--card);font-family:var(--mono);font-size:10px}.badge-accent{color:var(--ac);background:var(--ac-d);border-color:color-mix(in srgb,var(--ac) 20%,transparent)}.badge-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent)}.badge-warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent)}.badge-crit{color:var(--err);background:color-mix(in srgb,var(--err) 10%,transparent)}.provider-workspace{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:16px;margin-bottom:18px;align-items:start}.provider-picker{display:flex;flex-direction:column;gap:14px}.provider-category-title{margin-bottom:7px;color:var(--t4);font-family:var(--mono);font-size:10px;text-transform:uppercase}.provider-card-grid{display:grid;gap:8px}.provider-choice{width:100%;min-height:74px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--cb);border-radius:12px;background:var(--card);color:var(--t2);text-align:left;cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:transform .18s ease,border-color .18s ease,background .18s ease}.provider-choice:hover{transform:translateY(-1px);border-color:var(--cbh);background:var(--card-strong)}.provider-choice.active{border-color:color-mix(in srgb,var(--ac) 42%,transparent);background:var(--ac-d)}.provider-choice strong{display:block;color:var(--t1);font-size:12.5px}.provider-choice small{display:-webkit-box;margin-top:3px;overflow:hidden;color:var(--t3);font-size:11px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.provider-config{position:sticky;top:12px}.provider-config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.provider-kicker{color:var(--t4);font-family:var(--mono);font-size:10px;text-transform:uppercase}.provider-config-head h2{display:flex;align-items:center;gap:10px;margin:5px 0 6px;color:var(--t1);font-size:18px;font-weight:700}.provider-config-head p,.panel-copy{margin:0;color:var(--t3);font-size:12px;line-height:1.7}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.credential-panel{margin-top:14px;padding:14px;border:1px solid var(--cb);border-radius:13px;background:color-mix(in srgb,var(--card-strong) 74%,transparent)}.panel-title{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--t2);font-size:12px;font-weight:700}.hint-row{display:flex;align-items:flex-start;gap:7px;margin-bottom:12px;padding:10px;border:1px solid color-mix(in srgb,var(--ac) 18%,transparent);border-radius:10px;background:var(--ac-d);color:var(--t3);font-size:11.5px;line-height:1.6}.hint-row svg{flex:0 0 auto;margin-top:1px;color:var(--ac)}.auth-method-grid{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.auth-method{min-height:30px;padding:6px 10px;border:1px solid var(--cb);border-radius:999px;background:var(--card);color:var(--t3);font-size:11px;cursor:pointer}.auth-method.active{border-color:color-mix(in srgb,var(--ac) 32%,transparent);background:var(--ac-d);color:var(--ac)}.provider-actions{display:flex;gap:8px;margin-top:16px}.usage-window-panel{display:grid;gap:10px}.usage-window-card{padding:11px;border:1px solid var(--cb);border-radius:11px;background:var(--card)}.usage-window-top,.usage-window-meta{display:flex;justify-content:space-between;gap:12px}.usage-window-top strong{color:var(--t1);font-size:12px}.usage-window-top span,.usage-window-meta{color:var(--t4);font-family:var(--mono);font-size:10px}.usage-window-track{height:7px;margin:9px 0;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--t4) 20%,transparent)}.usage-window-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ac),var(--ok))}.stat-grid,.mc-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.s-card{min-height:126px;position:relative;overflow:hidden;padding:18px 18px 16px;transition:border-color .2s ease}.s-card.prim{border-color:color-mix(in srgb,var(--ac) 24%,transparent)}.s-card.prim:after{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ac) 65%,transparent),transparent)}.s-lbl{margin-bottom:10px;color:var(--t4);font-size:10.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.s-val{color:var(--t1);font-size:27px;font-weight:600;letter-spacing:-1px;line-height:1}.s-val .cur{color:var(--t2);font-size:14px;font-weight:400}.s-val.ac{color:var(--ac)}.s-chg{display:flex;align-items:center;gap:3px;margin-top:8px;color:var(--t4);font-family:var(--mono);font-size:11px}.s-chg.up{color:var(--err)}.s-chg.dn{color:var(--ok)}.s-chg.neu{color:var(--t4)}.rings{position:absolute;top:50%;right:14px;width:46px;height:46px;transform:translateY(-50%);pointer-events:none}.ring{position:absolute;top:50%;left:50%;border:1.5px solid var(--ac);border-radius:999px;transform:translate(-50%,-50%);animation:ring-out 2.6s ease-out infinite}.ring:nth-child(2){animation-delay:.87s}.ring:nth-child(3){animation-delay:1.74s}@keyframes ring-out{0%{width:10px;height:10px;opacity:.75;border-color:var(--ac)}to{width:44px;height:44px;opacity:0;border-color:transparent}}.mid,.mc-mid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px;margin-bottom:18px}.bot,.mc-bot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.chart-box{position:relative;height:360px}.time-tabs{display:flex;gap:2px;padding:2px;border-radius:7px;background:color-mix(in srgb,var(--card-strong) 70%,transparent)}.tt{padding:3px 9px;border:0;border-radius:5px;background:transparent;color:var(--t4);font-size:10.5px;font-weight:600;cursor:pointer;transition:color .14s ease,background .14s ease}.tt.active{background:var(--ac-d);color:var(--ac)}.prov-list{display:flex;flex-direction:column;gap:8px}.prov-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--cb);border-radius:10px;background:color-mix(in srgb,var(--card) 78%,transparent);transition:background .18s ease,border-color .18s ease,transform .18s ease}.prov-item:hover{background:var(--card-strong);border-color:var(--cbh);transform:translateY(-1px)}.prov-ico{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border-radius:7px;font-family:var(--mono);font-size:11px;font-weight:600}.prov-info{min-width:0;flex:1}.prov-name{color:var(--t1);font-size:12.5px;font-weight:500}.prov-model{margin-top:1px;color:var(--t4);font-family:var(--mono);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prov-bal{flex-shrink:0;text-align:right}.prov-amt{color:var(--t1);font-family:var(--mono);font-size:13px;font-weight:500}.prov-bar{width:56px;height:3px;margin-top:5px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--t1) 8%,transparent)}.prov-bar-fill{height:3px;border-radius:inherit}.prov-status{width:5px;height:5px;flex-shrink:0;border-radius:999px}.prov-status.on{background:var(--ok);animation:pulse-ok 2s ease-in-out infinite}.prov-status.warn{background:var(--warn)}.prov-status.off{background:var(--err)}.mb-item{margin-bottom:13px}.mb-item:last-child{margin-bottom:0}.mb-hdr{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}.mb-name{color:var(--t2);font-family:var(--mono);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-meta{flex-shrink:0;color:var(--t4);font-family:var(--mono);font-size:10.5px}.mb-track{height:5px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--t1) 7%,transparent)}.mb-fill{height:5px;border-radius:inherit;transition:width .6s cubic-bezier(.4,0,.2,1)}.tx-tbl{width:100%;border-collapse:collapse}.tx-tbl th{padding:0 0 9px;border-bottom:1px solid var(--cb);color:var(--t4);font-size:10.5px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.tx-tbl td{padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--cb) 50%,transparent);color:var(--t2);font-size:11.5px;vertical-align:middle}.tx-tbl tr:last-child td{border-bottom:0}.tx-badge{display:inline-block;margin-bottom:2px;padding:1px 7px;border-radius:4px;font-family:var(--mono);font-size:9.5px;font-weight:600}.tx-badge.cl{background:#ff8c6024;color:#ff8c60}.tx-badge.gp{background:#10a37f21;color:#10a37f}.tx-badge.gm{background:#4285f421;color:#4285f4}.tx-badge.ds{background:#a78bfa21;color:#a78bfa}.tx-badge.km{background:#38bdf821;color:#38bdf8}.tx-model-name{color:var(--t1);font-size:11px;line-height:1}.tx-cost{color:var(--ac)}.tx-time{color:var(--t4);font-size:10.5px}.dashboard-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px;border:1px dashed var(--cbh);border-radius:12px;color:var(--t2);text-align:center}.dashboard-empty-compact{min-height:318px}.dashboard-empty div{color:var(--t1);font-size:13px;font-weight:600}.dashboard-empty p{max-width:360px;color:var(--t3);font-size:12px;line-height:1.7}.risk-bar{height:4px;width:84px;margin-top:5px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--t1) 8%,transparent)}.risk-fill{height:100%;border-radius:inherit}.risk-ok{background:var(--ok)}.risk-warn{background:var(--warn)}.risk-crit{background:var(--err)}.alert-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--cb) 55%,transparent)}.alert-row:last-child{border-bottom:0}.alert-row-body{min-width:0;flex:1}.alert-row-title{color:var(--t1);font-size:12px;font-weight:500}.alert-row-meta{margin-top:2px;color:var(--t4);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-row-time{color:var(--t4);font-family:var(--mono);font-size:10.5px;white-space:nowrap}.incident-banner{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--err) 20%,transparent);border-radius:12px;background:color-mix(in srgb,var(--err) 8%,transparent);color:var(--t2);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.banner-dot{width:8px;height:8px;border-radius:999px;background:var(--err);box-shadow:0 0 0 4px color-mix(in srgb,var(--err) 12%,transparent)}.incident-close{margin-left:auto;color:var(--t3)}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--ac) 9%,transparent),transparent 30%),linear-gradient(135deg,var(--bg),var(--bg2));color:var(--t1)}.auth-page:before,.auth-page:after{content:"";position:fixed;border-radius:999px;filter:blur(90px);pointer-events:none}.auth-page:before{width:48vw;height:48vw;top:-18vw;left:-12vw;background:radial-gradient(ellipse,color-mix(in srgb,var(--ac) 10%,transparent),transparent 65%);animation:mc-aurora-a 20s ease-in-out infinite alternate}.auth-page:after{width:44vw;height:44vw;right:-16vw;bottom:-16vw;background:radial-gradient(ellipse,rgba(124,116,97,.1),transparent 65%);animation:mc-aurora-b 18s ease-in-out infinite alternate}.auth-language-switch{position:fixed;top:24px;right:28px;z-index:3}.auth-brand,.auth-form-area{position:relative;z-index:1}.auth-brand{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,7vw,92px)}.auth-form-area{display:flex;align-items:center;justify-content:center;padding:clamp(32px,5vw,76px)}.auth-card{width:min(520px,100%);padding:38px}.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:22px}.auth-logo-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff}.auth-logo-name{color:var(--t1);font-size:13px;font-weight:700}.auth-card h1{color:var(--t1);font-size:30px;font-weight:700;letter-spacing:-.6px}.auth-card p,.auth-brand-copy{color:var(--t3)}.auth-brand-title{max-width:650px;color:var(--t1);font-size:clamp(34px,5vw,56px);font-weight:700;letter-spacing:-1.8px;line-height:1.02}.auth-brand-copy{max-width:560px;margin-top:20px;font-size:14px;line-height:1.8}.auth-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,160px));gap:10px;margin-top:32px}.auth-brand-grid span{padding:11px 12px;border:1px solid var(--cb);border-radius:10px;background:var(--card);color:var(--t2);font-size:12px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.notif-layout{min-height:calc(100vh - 92px);display:grid;grid-template-columns:240px minmax(0,1fr) 380px;border:1px solid var(--cb);border-radius:14px;overflow:hidden;background:var(--card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.notif-panel-l,.notif-panel-m,.notif-panel-r{box-shadow:none;border-radius:0;background:transparent;overflow:auto}.notif-panel-l{border-right:1px solid var(--cb)}.notif-panel-m{display:flex;flex-direction:column;gap:16px;padding:20px}.notif-panel-r{border-left:1px solid var(--cb)}.channel-item,.tpl-tabs,.preview-card,.fs-card,.dt-wrap,.sms-wrap,.history-item,.var-chip,.panel-section{border-color:var(--cb)!important;background-color:color-mix(in srgb,var(--card) 78%,transparent)!important}.channel-item.active{border-color:color-mix(in srgb,var(--ac) 30%,transparent)!important;background:var(--ac-d)!important}.ch-group-label{padding:12px 14px 6px;color:var(--t3);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.channel-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;border:0;border-bottom:1px solid var(--cb);color:var(--t2);text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.channel-blueprint{opacity:.92}.channel-item:hover{background:var(--card-strong)!important;color:var(--t1)}.notification-board{display:flex;flex-direction:column;gap:18px}.notification-group{border:1px solid var(--cb);border-radius:14px;background:var(--card);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);overflow:hidden}.notification-group-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--cb);color:var(--t1);font-size:13px;font-weight:700}.notification-group-title small{color:var(--t3);font-family:var(--mono);font-size:11px;font-weight:500}.notification-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;padding:14px}.notification-card{display:flex;min-height:150px;flex-direction:column;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--cb);border-radius:12px;background:color-mix(in srgb,var(--card) 84%,transparent);transition:border-color .16s ease,transform .16s ease,background .16s ease}.notification-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ac) 28%,var(--cb));background:var(--card-strong)}.notification-card-disabled{opacity:.72}.notification-card-top{display:flex;align-items:flex-start;gap:10px}.notification-card-title{min-width:0;flex:1}.notification-card-title strong,.notification-card-title span{display:block}.notification-card-title strong{overflow:hidden;color:var(--t1);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.notification-card-title span{margin-top:3px;color:var(--t3);font-size:11px;line-height:1.5}.notification-card-meta{display:flex;flex-wrap:wrap;gap:8px}.notification-card-meta span{padding:5px 8px;border:1px solid var(--cb);border-radius:999px;color:var(--t3);font-size:11px}.notification-card-actions{display:flex;flex-wrap:wrap;gap:8px}.test-result-strip{padding:10px 12px;border:1px solid color-mix(in srgb,var(--ac) 22%,var(--cb));border-radius:10px;background:color-mix(in srgb,var(--ac) 8%,transparent);color:var(--t2);font-size:12px}.notification-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:28px;background:color-mix(in srgb,#020617 42%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.notification-editor-modal{width:min(1520px,calc(100vw - 56px));max-height:calc(100vh - 56px);display:flex;flex-direction:column;border:1px solid var(--cb);border-radius:18px;background:var(--bg);box-shadow:0 30px 90px #0f172a42;overflow:hidden}.notification-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--cb);background:var(--card)}.notification-modal-head strong,.notification-modal-head span{display:block}.notification-modal-head strong{color:var(--t1);font-size:15px}.notification-modal-head span{margin-top:3px;color:var(--t3);font-size:12px}.modal-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--cb);border-radius:10px;background:var(--card-strong);color:var(--t2);cursor:pointer}.modal-close:hover{color:var(--t1);border-color:color-mix(in srgb,var(--ac) 28%,var(--cb))}.notif-layout-modal{min-height:0;flex:1;border:0;border-radius:0;box-shadow:none}.channel-icon{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;border-radius:7px;font-size:16px}.channel-name{color:var(--t1);font-size:13px;font-weight:600}.channel-type-lbl{margin-top:2px;color:var(--t4);font-size:11px}.ch-dot{width:6px;height:6px;margin-left:auto;border-radius:999px}.ch-dot-ok{background:var(--ok)}.ch-dot-warn{background:var(--warn)}.ch-disabled{opacity:.5}.panel-section{overflow:hidden;border:1px solid var(--cb);border-radius:12px}.panel-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--cb)}.panel-section-title{color:var(--t1);font-size:13px;font-weight:700}.panel-section-body{display:flex;flex-direction:column;gap:14px;padding:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{display:flex;align-items:center;gap:5px;color:var(--t2);font-size:12px;font-weight:600}.form-label .req{color:var(--err)}.form-hint{margin-top:2px;color:var(--t4);font-size:11px;line-height:1.5}.form-grid{display:grid;gap:14px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row{display:flex;align-items:center;gap:10px}.input-wrap{position:relative}.input-wrap .icon-l{position:absolute;top:50%;left:10px;color:var(--t4);transform:translateY(-50%)}.input-wrap .input{padding-left:32px}.input-mono{font-family:var(--mono)}.cred-field{min-height:34px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--cb);border-radius:8px;color:var(--t3);font-size:11px}.divider{height:1px;background:var(--cb)}.toggle{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-track{width:34px;height:20px;position:relative;border-radius:999px;background:var(--cbh);transition:background .16s ease}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:999px;background:#fff;transition:transform .16s ease}.toggle input:checked+.toggle-track{background:#3b82f6}.toggle input:checked+.toggle-track:after{transform:translate(14px)}.info-btn{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:999px;border:1px solid var(--cb);background:var(--card-strong);color:var(--t4)}.tpl-tabs{display:flex;gap:0;padding:0 16px;border-bottom:1px solid var(--cb)}.tpl-tab,.ptab{padding:11px 10px;border:0;border-bottom:2px solid transparent;color:var(--t3);font-size:12px}.tpl-tab.active,.ptab.active{color:var(--ac);border-bottom-color:var(--ac)}.var-chips{display:flex;flex-wrap:wrap;gap:6px}.var-chip{padding:4px 8px;border:1px solid var(--cb);border-radius:5px;color:var(--ac);font-family:var(--mono);font-size:11px}.action-bar,.card-foot{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--cb)}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--cb)}.preview-header-title{color:var(--t2);font-size:11px;font-weight:700}.preview-channel-badge{padding:4px 8px;border:1px solid color-mix(in srgb,var(--ac) 25%,transparent);border-radius:6px;color:var(--ac);font-size:11px}.preview-tabs-row{display:flex;gap:12px;padding:0 14px;border-bottom:1px solid var(--cb)}.preview-body{padding:14px}.var-tbl{width:100%;border-collapse:collapse;font-size:12px}.var-tbl th,.var-tbl td{padding:8px 10px;border-bottom:1px solid var(--cb);text-align:left}.var-tbl th{color:var(--t4);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.var-tbl td:first-child{color:var(--ac);font-family:var(--mono)}.history-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--cb)}.history-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:999px}.tl-dot-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent)}.tl-dot-crit{color:var(--err);background:color-mix(in srgb,var(--err) 10%,transparent)}.fs-card{overflow:hidden;border:1px solid #dce0e8;border-radius:7px;background:#fff!important;color:#1f2329}.fs-hd{padding:11px 14px;color:#fff}.fs-hd-title{font-size:13px;font-weight:700}.fs-hd-badge{display:inline-block;margin-top:3px;padding:2px 8px;border-radius:9px;background:#ffffff38;font-size:10px;font-weight:700}.fs-body{padding:13px 14px 4px;background:#fff}.fs-desc{margin-bottom:10px;color:#374151;font-size:12px;line-height:1.6}.fs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.fs-cell{padding:8px 10px;border:1px solid #e5e7eb;border-radius:5px;background:#f9fafb}.fs-cell-label{margin-bottom:2px;color:#9ca3af;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.fs-cell-val{font-family:var(--mono);font-size:13px;font-weight:700}.fs-fields{display:flex;flex-direction:column;gap:3px;padding-bottom:12px}.fs-field{display:flex;gap:6px;font-size:11.5px}.fs-fk{min-width:30px;color:#9ca3af}.fs-fv{color:#374151;font-family:var(--mono);font-size:11px}.fs-foot{display:flex;gap:6px;padding:10px 14px;border-top:1px solid #e5e7eb;background:#f9fafb}.fs-btn{flex:1;padding:6px;border:1px solid #d1d5db;border-radius:5px;background:#fff;color:#374151;font-size:11.5px;font-weight:600}.fs-btn.pri{border-color:#1664ff;background:#1664ff;color:#fff}.dt-wrap{padding:12px;border-radius:7px;background:#efefef!important}.dt-avatar{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border-radius:6px;background:#2d6fff;color:#fff;font-size:14px;font-weight:700}.dt-bubble{flex:1;padding:11px 14px;border-radius:0 10px 10px;background:#fff;box-shadow:0 1px 4px #00000014}.dt-h2{margin-bottom:6px;color:#1a1a1a;font-size:13px;font-weight:700}.dt-lv{display:inline-block;margin-bottom:7px;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:700}.dt-hr{margin:7px 0;border:0;border-top:1px solid #eee}.dt-li{display:flex;gap:4px;margin:2px 0;color:#333;font-size:11.5px;line-height:1.5}.dt-code{padding:1px 5px;border-radius:3px;background:#f5f5f5;color:#444;font-family:var(--mono);font-size:10.5px}.dt-foot{margin-top:7px;color:#999;font-size:10.5px}.email-sim{border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827}.email-sim-subject,.email-sim-meta,.email-sim-body{padding:10px 12px;border-bottom:1px solid #e5e7eb}.email-sim-subject{font-weight:700}.email-sim-meta{color:#6b7280;font-size:11px}.email-tbl{width:100%;border-collapse:collapse}.email-tbl td{padding:6px;border-bottom:1px solid #f3f4f6}.sms-wrap{padding:14px;border-radius:14px;background:#1c1c1e!important}.sms-carrier{margin-bottom:10px;color:#636366;font-size:10.5px;text-align:center}.sms-bubble{display:inline-block;max-width:100%;padding:10px 14px;border-radius:14px 14px 4px;background:#3c3c3f;color:#fafafa;font-size:12.5px;line-height:1.55}.sms-time{margin-top:5px;color:#636366;font-size:10.5px;text-align:right}.voice-wave{display:flex;align-items:center;gap:4px;min-height:84px;padding:18px;border:1px solid var(--cb);border-radius:12px}.vbar{border-radius:999px;background:var(--ac);animation:wave 1.2s ease-in-out infinite alternate}@keyframes wave{0%{opacity:.35;transform:scaleY(.65)}to{opacity:1;transform:scaleY(1)}}.wh-wrap{white-space:pre-wrap;font-family:var(--mono);font-size:12px;line-height:1.7}.page-enter{animation:mc-page-in .34s ease both}@keyframes mc-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:1200px){.mc-mid,.mid{grid-template-columns:1fr}.notif-layout{grid-template-columns:220px minmax(0,1fr)}.notif-layout-modal{grid-template-columns:200px minmax(0,1fr)}.notif-panel-r{grid-column:1 / -1;border-top:1px solid var(--cb);border-left:0}.stat-grid,.mc-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-source-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:860px){.main{padding:16px 14px 24px}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.mc-bot,.bot,.filter-row,.provider-workspace{grid-template-columns:1fr}.provider-config{position:static}.form-grid,.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.notif-layout{display:flex;flex-direction:column;min-height:auto;overflow:visible}.notification-modal-backdrop{padding:0}.notification-editor-modal{width:100vw;max-height:100vh;height:100vh;border-radius:0}.notif-layout-modal{overflow:auto}.notif-panel-l,.notif-panel-m,.notif-panel-r{width:100%;max-height:none;overflow:visible;border-right:0;border-left:0}.form-grid-2{grid-template-columns:1fr}.field-row{align-items:stretch;flex-direction:column}.data-table{min-width:1080px}.asset-group-card{align-items:stretch;flex-direction:column}.asset-group-main{flex-basis:auto}.asset-group-main span{max-width:100%}.asset-group-stats{width:100%;flex:none;flex-wrap:wrap}.asset-group-stat{min-width:min(180px,calc(50% - 4px));flex:1 1 min(180px,calc(50% - 4px))}.asset-group-meta{justify-content:flex-start}.asset-range-tabs{width:100%;justify-content:flex-start;overflow-x:auto}.asset-range-tabs button{flex:1 0 auto}.watch-source-grid{grid-template-columns:1fr}.watch-fact-strip{max-width:100%}.channel-check-grid,.notification-card-grid{grid-template-columns:1fr}}@media(max-width:640px){.app:not(.nav-expanded){--sidebar-w: 54px}.app.nav-expanded{--sidebar-w: 204px}.main{padding:14px 12px 22px}.logo-mark{width:32px;height:32px}.app:not(.nav-expanded) .nav-item{width:36px;height:36px}.stat-grid,.mc-stat-grid{grid-template-columns:1fr}.s-card{min-height:112px}.chart-box{height:220px}.data-table-wrap{max-width:100%;margin-right:-6px;margin-left:-6px;border-radius:12px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.data-table{min-width:920px}.asset-group-card{padding:12px;border-radius:12px}.asset-group-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.asset-group-stat{min-width:0}.asset-fact{max-width:100%}.watch-history-item{grid-template-columns:1fr}.watch-history-item small{white-space:normal}.auth-form-area{padding:22px}.auth-card{padding:30px 26px}}@media(max-width:480px){.app:not(.nav-expanded){--sidebar-w: 50px}.main{padding:12px 10px 20px}.topbar-actions,.table-action-row,.asset-group-meta,.asset-fact-strip{gap:5px}.btn,.status-pill,.asset-range-tabs button{min-height:34px}.asset-group-stats{grid-template-columns:1fr}.asset-fact,.asset-fact.wide{max-width:100%}.asset-fact strong{white-space:normal}}.brand-logo-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.logo-mark{overflow:hidden;padding:3px;background:color-mix(in srgb,var(--card-strong) 72%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--ac) 18%,transparent)}.auth-logo-icon{overflow:hidden;padding:4px;background:color-mix(in srgb,var(--card-strong) 82%,transparent)}.pill-warn,.pill-crit,.pill-muted{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 11px;border-radius:999px;font-family:var(--mono);font-size:11px;white-space:nowrap}.pill-warn{border:1px solid color-mix(in srgb,var(--warn) 28%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent);color:var(--warn)}.pill-crit{border:1px solid color-mix(in srgb,var(--err) 28%,transparent);background:color-mix(in srgb,var(--err) 10%,transparent);color:var(--err)}.pill-muted{border:1px solid var(--cb);background:var(--card);color:var(--t3)}.pill-warn .dot-live{background:var(--warn)}.pill-crit .dot-live{background:var(--err)}.pill-muted .dot-live{background:var(--t4);animation:none}.auth-logo-name{font-size:14px}.auth-brand-grid span{border-radius:10px;background:color-mix(in srgb,var(--card-strong) 78%,transparent)}.official-oauth-steps{display:grid;gap:12px;margin-top:14px}.oauth-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--cb);border-radius:13px;background:color-mix(in srgb,var(--card) 68%,transparent)}.oauth-step>span{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:var(--ac-d);color:var(--ac);font-family:var(--mono);font-size:12px;font-weight:700}.oauth-step strong{display:block;color:var(--t1);font-size:13px}.oauth-step p{margin:4px 0 10px;color:var(--t3);font-size:12px;line-height:1.7}.oauth-step.muted{opacity:.76}.oauth-link-box{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.oauth-account-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.oauth-account-summary div{padding:9px 10px;border:1px solid var(--cb);border-radius:9px;background:var(--card)}.oauth-account-summary span{display:block;color:var(--t4);font-family:var(--mono);font-size:10px}.oauth-account-summary strong{margin-top:3px;overflow-wrap:anywhere;color:var(--t2);font-size:12px}.settings-layout{display:grid;gap:16px;max-width:860px}.settings-hero-card{background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--ac) 14%,transparent),transparent 34%),var(--card)}.settings-brand-preview{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;align-items:center}.settings-logo-orbit{width:84px;height:84px;display:grid;place-items:center;padding:12px;border:1px solid color-mix(in srgb,var(--ac) 24%,transparent);border-radius:22px;background:color-mix(in srgb,var(--card-strong) 72%,transparent);box-shadow:0 18px 46px color-mix(in srgb,var(--ac) 12%,transparent)}.settings-kicker{color:var(--ac);font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase}.settings-brand-preview h2{margin:4px 0 6px;color:var(--t1);font-size:24px;font-weight:700}.settings-brand-preview p{max-width:620px;color:var(--t3);font-size:13px;line-height:1.8}.settings-mini-dashboard{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.settings-mini-dashboard span{padding:7px 10px;border:1px solid var(--cb);border-radius:999px;background:var(--card);color:var(--t2);font-size:12px}.preview-rendered{max-height:440px;margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word;color:inherit;font-family:var(--mono);font-size:11.5px;line-height:1.65}.email-sim-body{overflow-wrap:anywhere}.empty-state{min-height:300px}.card-header{padding:0}.auth-page{grid-template-columns:minmax(560px,1fr) minmax(640px,.9fr);place-items:stretch;padding:0}.auth-form-area{width:100%;padding:48px}.auth-brand{width:100%}.auth-card{width:min(720px,100%);padding:58px;border-radius:26px}.auth-card .auth-logo{margin-bottom:28px}.auth-card .auth-logo-icon{width:44px;height:44px;border-radius:12px}.auth-card h1{margin-bottom:10px;font-size:42px;line-height:1.08}.auth-card form{margin-top:34px}.auth-card .field{gap:9px;margin-bottom:18px}.auth-card .field label{font-size:12px}.auth-card .input{min-height:54px;padding:0 15px;border-radius:12px;font-size:15px}.auth-card .btn{min-height:54px;border-radius:12px;font-size:15px;font-weight:600}.data-table-wrap{overflow:auto;border-radius:16px;background:color-mix(in srgb,var(--card-strong) 78%,transparent)}.data-table{border-collapse:separate;border-spacing:0}.data-table thead{background:color-mix(in srgb,var(--bg2) 72%,transparent)}.data-table th{height:44px;padding:0 16px;border-bottom:1px solid var(--cb);color:var(--t3);font-size:11.5px;font-weight:650;letter-spacing:0;text-transform:none;white-space:nowrap}.data-table td{padding:15px 16px;border-bottom:1px solid color-mix(in srgb,var(--cb) 55%,transparent);font-size:12.5px}.data-table tbody tr{transition:background .16s ease}.data-table tbody tr:hover td{background:color-mix(in srgb,var(--ac) 5%,transparent)}.data-table .asset-group-row td{padding:12px 14px 8px;border-bottom:0;background:color-mix(in srgb,var(--bg2) 42%,transparent)}.data-table .asset-group-row:hover td{background:color-mix(in srgb,var(--bg2) 42%,transparent)}.asset-group-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--cb) 74%,transparent);border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--card) 88%,transparent),color-mix(in srgb,var(--bg2) 52%,transparent)),color-mix(in srgb,var(--card) 74%,transparent);box-shadow:0 14px 36px color-mix(in srgb,var(--shadow) 42%,transparent)}.asset-group-main{display:flex;align-items:center;min-width:0;gap:10px;flex:1 1 280px}.asset-group-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;border:1px solid var(--cb);border-radius:9px;background:color-mix(in srgb,var(--card-strong) 78%,transparent);color:var(--t3);transition:border-color .18s ease,color .18s ease,transform .18s ease}.asset-group-toggle:hover{border-color:color-mix(in srgb,var(--ac) 46%,var(--cb));color:var(--brand-bright);transform:translateY(-1px)}.asset-group-main strong{display:block;color:var(--t1);font-size:13px;font-weight:700}.asset-group-main span{display:block;max-width:76vw;margin-top:2px;overflow:hidden;color:var(--t4);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.asset-group-stats{display:flex;align-items:stretch;flex:1.4 1 420px;gap:8px}.asset-group-stat{display:grid;min-width:118px;gap:2px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--cb) 70%,transparent);border-radius:12px;background:color-mix(in srgb,var(--card-strong) 70%,transparent)}.asset-group-stat small{color:var(--t4);font-size:10.5px}.asset-group-stat strong{overflow:hidden;color:var(--t1);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.asset-group-stat.ok strong{color:var(--ok)}.asset-group-stat.warn strong{color:var(--warn)}.asset-group-stat.crit strong{color:var(--crit)}.asset-group-meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:7px;color:var(--t4);font-size:11px}.asset-group-meta span{padding:5px 8px;border:1px solid var(--cb);border-radius:999px;background:color-mix(in srgb,var(--card-strong) 84%,transparent)}.mini-link-button{padding:5px 8px;border:1px solid color-mix(in srgb,var(--ac) 32%,var(--cb));border-radius:999px;background:color-mix(in srgb,var(--ac) 8%,transparent);color:var(--brand-bright);font-size:11px;font-weight:650}.mini-link-button:hover{background:color-mix(in srgb,var(--ac) 14%,transparent)}.asset-child-row td:first-child{position:relative}.asset-relation-line{position:absolute;left:18px;top:-12px;bottom:50%;width:1px;background:color-mix(in srgb,var(--ac) 24%,transparent)}.asset-metadata-line{margin-top:5px;color:var(--t4);font-size:11px}.asset-fact-strip{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.asset-fact{display:inline-flex;align-items:center;max-width:220px;gap:5px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--cb) 72%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg2) 70%,transparent);color:var(--t3);line-height:1}.asset-fact small{color:var(--t4);font-size:10px}.asset-fact strong{overflow:hidden;font-size:10.5px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.watch-fact-strip{max-width:min(780px,74vw)}.asset-fact.wide{max-width:340px;border-radius:11px}.asset-value-cell{display:grid;gap:3px;min-width:0}.asset-value-cell small{color:var(--t4);font-size:10.5px}.asset-range-tabs{display:inline-flex;align-items:center;justify-content:flex-end;gap:3px;padding:3px;border:1px solid color-mix(in srgb,var(--cb) 72%,transparent);border-radius:11px;background:color-mix(in srgb,var(--card-strong) 76%,transparent)}.asset-range-tabs button{min-height:30px;padding:0 10px;border-radius:8px;color:var(--t4);font-size:11px;font-weight:650;transition:background .16s ease,color .16s ease,transform .16s ease}.asset-range-tabs button:hover,.asset-range-tabs button.active{background:color-mix(in srgb,var(--ac) 12%,var(--card-strong));color:var(--brand-bright)}.asset-range-tabs button.active{transform:translateY(-1px)}.asset-watch-row td{padding-top:0;background:color-mix(in srgb,var(--bg2) 22%,transparent)}.watch-source-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:10px;padding:0 0 10px}.watch-source-card{min-width:0;padding:13px;border:1px solid color-mix(in srgb,var(--ac) 16%,var(--cb));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 7%,transparent),transparent 44%),color-mix(in srgb,var(--card-strong) 82%,transparent)}.watch-source-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.watch-source-top>div{min-width:0}.watch-source-kind{display:inline-flex;margin-bottom:5px;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--ac) 11%,transparent);color:var(--brand-bright);font-size:10px;font-weight:700}.watch-source-top strong{display:block;overflow:hidden;color:var(--t1);font-size:12px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.watch-history-list{display:grid;gap:7px;margin-top:10px}.watch-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px;border:1px solid color-mix(in srgb,var(--cb) 62%,transparent);border-radius:10px;background:color-mix(in srgb,var(--bg2) 60%,transparent)}.watch-history-item strong{display:block;overflow:hidden;color:var(--t2);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.watch-history-item p,.watch-source-summary{margin:3px 0 0;color:var(--t4);font-size:10.5px;line-height:1.5}.watch-history-item small{color:var(--t4);font-family:var(--mono);font-size:10px;white-space:nowrap}.watch-source-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.watch-source-meta span{padding:3px 6px;border:1px solid color-mix(in srgb,var(--cb) 65%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg2) 58%,transparent);color:var(--t4);font-size:10px}.watch-source-url{overflow:hidden;margin-top:8px;color:var(--t4);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.watch-preview-panel{display:grid;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--ac) 18%,var(--cb));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 8%,transparent),transparent 48%),color-mix(in srgb,var(--card-strong) 82%,transparent)}.watch-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.watch-preview-head strong,.watch-item strong{color:var(--t1);font-size:12.5px}.watch-preview-head span,.watch-item p{display:block;margin-top:4px;color:var(--t4);font-size:11.5px;line-height:1.55}.watch-preview-head code{padding:5px 7px;border:1px solid var(--cb);border-radius:8px;background:var(--bg2);color:var(--brand-bright);font-family:var(--mono);font-size:10.5px}.watch-source-link{overflow:hidden;color:var(--brand-bright);font-family:var(--mono);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.watch-item-list{display:grid;gap:8px}.watch-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px;border:1px solid color-mix(in srgb,var(--cb) 72%,transparent);border-radius:12px;background:color-mix(in srgb,var(--bg2) 58%,transparent)}.watch-item a{color:var(--brand-bright);font-size:11px;font-weight:650}.channel-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.channel-check{display:flex;align-items:center;gap:9px;min-height:54px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--cb) 78%,transparent);border-radius:13px;background:color-mix(in srgb,var(--card-strong) 72%,transparent);transition:border-color .16s ease,background .16s ease,transform .16s ease}.channel-check:hover,.channel-check.active{border-color:color-mix(in srgb,var(--ac) 44%,var(--cb));background:color-mix(in srgb,var(--ac) 8%,var(--card-strong))}.channel-check.active{transform:translateY(-1px)}.channel-check.locked{cursor:default;border-color:color-mix(in srgb,var(--ok) 30%,var(--cb));background:color-mix(in srgb,var(--ok) 8%,var(--card-strong))}.channel-check input{width:16px;height:16px;accent-color:var(--ac)}.channel-check span{display:grid;gap:2px}.channel-check strong{color:var(--t1);font-size:12px}.channel-check small{color:var(--t4);font-family:var(--mono);font-size:10px}.data-table th:first-child,.data-table td:first-child{padding-left:18px}.data-table th:last-child,.data-table td:last-child{padding-right:18px}.test-result{margin-top:9px;padding:9px 11px;border:1px solid var(--cb);border-radius:10px;background:color-mix(in srgb,var(--card-strong) 74%,transparent);color:var(--t3);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.test-result-ok{border-color:color-mix(in srgb,var(--ok) 24%,transparent);background:color-mix(in srgb,var(--ok) 8%,transparent);color:var(--ok)}.test-result-err{border-color:color-mix(in srgb,var(--err) 24%,transparent);background:color-mix(in srgb,var(--err) 8%,transparent);color:var(--err)}.test-result-info{border-color:color-mix(in srgb,var(--ac) 24%,transparent);background:var(--ac-d);color:var(--ac)}.window-strip{display:grid;gap:7px}.window-strip-compact{min-width:210px;margin-top:7px}.window-strip-item{display:grid;grid-template-columns:auto minmax(46px,92px) auto auto;align-items:center;gap:7px;color:var(--t3)}.window-chip{min-width:34px;padding:4px 7px;border-radius:7px;background:color-mix(in srgb,var(--ok) 13%,transparent);color:var(--ok);font-family:var(--mono);font-size:11px;font-weight:700;text-align:center}.window-chip.warn{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn)}.window-chip.danger{background:color-mix(in srgb,var(--err) 14%,transparent);color:var(--err)}.window-mini-track{height:7px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--t4) 20%,transparent)}.window-mini-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--err),var(--warn),var(--ok))}.window-strip-item strong{color:var(--t2);font-family:var(--mono);font-size:11px;font-weight:600}.window-strip-item small{color:var(--t4);font-family:var(--mono);font-size:10.5px}.usage-window-panel{gap:12px}.usage-window-card{padding:13px;border-radius:14px;background:color-mix(in srgb,var(--card-strong) 78%,transparent)}.usage-window-top{align-items:flex-start}.usage-window-top>div{display:flex;align-items:center;gap:9px}.usage-window-top strong{font-size:13px}.usage-window-track{height:8px;margin:12px 0}.usage-window-meta{font-size:11px}@media(max-width:980px){.auth-page{grid-template-columns:1fr}.auth-form-area{min-height:100vh;padding:32px}.auth-card{width:min(620px,100%);padding:42px}}@media(max-width:760px){.oauth-link-box,.settings-brand-preview,.oauth-account-summary{grid-template-columns:1fr}.auth-card{padding:30px}.auth-card h1{font-size:32px}.window-strip-item{grid-template-columns:auto minmax(42px,1fr) auto}.window-strip-item small{grid-column:2 / -1}}