:root{--brand: #3b6fd4;--brand-600: #2e5bbf;--brand-500: #3b6fd4;--brand-400: #5580dc;--brand-300: #7a9fe8;--brand-100: #060e24;--brand-deep: #0a1a48;--glass-bg: rgba(255, 255, 255, .58);--glass-bg-strong: rgba(255, 255, 255, .8);--glass-bg-soft: rgba(255, 255, 255, .36);--glass-border: rgba(255, 255, 255, .88);--glass-border-inner: rgba(255, 255, 255, .58);--glass-shadow: 0 20px 48px -16px rgba(90, 40, 8, .16), 0 2px 6px rgba(90, 40, 8, .06);--glass-shadow-sm: 0 4px 14px -4px rgba(90, 40, 8, .1);--ink: #1a0d00;--ink-2: #2e1a08;--ink-3: #5c4033;--ink-4: #8c7060;--ink-5: #b8a898;--ink-on-brand: #ffffff;--ok: #16a46e;--ok-bg: #e6f7ef;--warn: #d97706;--warn-bg: #fef3e0;--bad: #e11d48;--bad-bg: #ffe4ea;--info: #f97316;--info-bg: #fff0e6;--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-2xl: 36px;--bg-base: #fff4ec}[data-theme=dark]{--glass-bg: rgba(16, 24, 56, .55);--glass-bg-strong: rgba(20, 28, 64, .78);--glass-bg-soft: rgba(16, 24, 56, .35);--glass-border: rgba(120, 150, 255, .22);--glass-border-inner: rgba(120, 150, 255, .12);--glass-shadow: 0 20px 48px -12px rgba(0, 8, 40, .55), 0 2px 8px rgba(0, 0, 20, .2);--glass-shadow-sm: 0 4px 14px -4px rgba(0, 4, 30, .45);--ink: #f4f6ff;--ink-2: #d7def5;--ink-3: #a2aacc;--ink-4: #7983a6;--ink-5: #525b7e;--ok-bg: rgba(22, 164, 110, .18);--warn-bg: rgba(217, 119, 6, .18);--bad-bg: rgba(225, 29, 72, .2);--info-bg: rgba(46, 91, 255, .2);--bg-base: #0a1330}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}input,textarea,select{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 20% 10%,#ffffff 0%,transparent 70%),radial-gradient(ellipse 100% 80% at 80% 100%,#fff8f2 0%,transparent 70%),linear-gradient(135deg,#fffcfa,#fff7f0 60%,#fff0e6)}[data-theme=dark] .app-bg{background:radial-gradient(ellipse 80% 60% at 20% 10%,#1b2a66 0%,transparent 55%),radial-gradient(ellipse 100% 80% at 80% 100%,#0e1a48 0%,transparent 60%),linear-gradient(135deg,#0b1538,#091130,#050a1f)}.app-bg:before,.app-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.7}.app-bg:before{width:60vw;height:60vw;left:-10vw;top:30vh;background:radial-gradient(circle,#ffddc8 0%,transparent 70%);animation:float1 22s ease-in-out infinite;opacity:.5}.app-bg:after{width:55vw;height:55vw;right:-15vw;top:-15vh;background:radial-gradient(circle,#ffe8d0 0%,transparent 70%);animation:float2 28s ease-in-out infinite;opacity:.35}[data-theme=dark] .app-bg:before{background:radial-gradient(circle,#3056cc 0%,transparent 70%);opacity:.5}[data-theme=dark] .app-bg:after{background:radial-gradient(circle,#1b3a99 0%,transparent 70%);opacity:.4}@keyframes float1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(6vw,-4vh) scale(1.08)}66%{transform:translate(2vw,-8vh) scale(.96)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-4vw,8vh) scale(.92)}66%{transform:translate(-8vw,4vh) scale(1.06)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.app-bg svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.35;mix-blend-mode:overlay}[data-theme=dark] .app-bg svg{opacity:.2}.glass{background:var(--glass-bg);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 2px #5a28080a,0 4px 16px -8px #5a280814;border-radius:var(--r-lg);position:relative}.glass-strong{background:var(--glass-bg-strong)}.glass-soft{background:var(--glass-bg-soft)}.glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.6);pointer-events:none}[data-theme=dark] .glass{border:1px solid rgba(120,150,255,.18);box-shadow:0 1px 2px #00082833,0 4px 16px -8px #0008284d}[data-theme=dark] .glass:after{border:1px solid rgba(120,150,255,.08)}.h-display{font-family:var(--font-display);font-weight:700;font-size:34px;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}.h-xl{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}.h-lg{font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.2;color:var(--ink)}.h-md{font-size:16px;font-weight:600;letter-spacing:-.005em;color:var(--ink)}.h-sm{font-size:14px;font-weight:600;color:var(--ink-2)}.t-body{font-size:14px;color:var(--ink-3);line-height:1.5}.t-sm{font-size:13px;color:var(--ink-3);line-height:1.45}.t-xs{font-size:12px;color:var(--ink-4);line-height:1.4}.t-mono{font-family:var(--font-mono);font-size:13px}.muted{color:var(--ink-4)}.ink-2{color:var(--ink-2)}.ink-3{color:var(--ink-3)}.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:232px minmax(0,1fr);gap:20px;padding:20px;height:100vh;max-height:100vh}@media(min-width:1600px){.app-shell{grid-template-columns:260px minmax(0,1fr)}}.main{display:grid;grid-template-rows:auto 1fr;gap:20px;min-width:0;min-height:0}.content{overflow:auto;padding-right:4px}.content::-webkit-scrollbar{width:8px;height:8px}.content::-webkit-scrollbar-thumb{background:#f9731633;border-radius:10px}[data-theme=dark] .content::-webkit-scrollbar-thumb{background:#465aa040}.content::-webkit-scrollbar-track{background:transparent}.sidebar{padding:22px 14px 14px;display:flex;flex-direction:column;gap:6px;min-height:0;overflow:hidden}.sidebar-logo{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;padding:4px 4px 24px;font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--ink);flex-shrink:0}.sidebar-logo-mark{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center}.sidebar-logo>span{white-space:nowrap}.sidebar-nav-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;padding-right:4px;margin-right:-4px}.sidebar-nav-list::-webkit-scrollbar{width:5px}.sidebar-nav-list::-webkit-scrollbar-thumb{background:#7882aa33;border-radius:10px}.sidebar-nav-list::-webkit-scrollbar-thumb:hover{background:#7882aa66}.sidebar-nav-list::-webkit-scrollbar-track{background:transparent}.sidebar-foot{flex-shrink:0}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;padding-right:4px;margin-right:-4px}.sidebar-scroll::-webkit-scrollbar{width:5px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#7882aa33;border-radius:10px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#7882aa66}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.nav-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);padding:14px 12px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--ink-3);font-weight:500;cursor:pointer;transition:background .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),transform .15s cubic-bezier(.22,1,.36,1);position:relative}.nav-item:hover{background:#ffffff80;color:var(--ink-2);transform:translate(2px)}[data-theme=dark] .nav-item:hover{background:#7896ff1a;transform:translate(2px)}.nav-item.active{background:var(--brand);color:var(--ink-on-brand);box-shadow:0 8px 20px -8px #f973168c}[data-theme=dark] .nav-item.active{box-shadow:0 8px 20px -8px #2e5bff99}.nav-item.active:hover{background:var(--brand-600);color:var(--ink-on-brand);transform:none}.nav-item .ico{width:18px;height:18px;flex-shrink:0;opacity:.85}.nav-item.active .ico{opacity:1}.nav-item .badge-dot{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.nav-item.active .badge-dot{background:#fff;color:var(--brand)}.sidebar-foot{margin-top:auto;padding:10px 4px 0;border-top:1px solid var(--glass-border-inner)}.topbar{display:flex;align-items:center;gap:14px;padding:10px 18px;min-height:62px;flex-wrap:nowrap}.topbar .avatar-chip .who{display:block}@media(max-width:1280px){.topbar .avatar-chip .who{display:none}.topbar-search{max-width:340px}}.topbar-search{flex:1;max-width:460px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff80;border:1px solid var(--glass-border-inner);border-radius:12px;color:var(--ink-4);font-size:14px}[data-theme=dark] .topbar-search{background:#141c4080}.topbar-search input{background:none;border:none;outline:none;flex:1;font-size:14px;color:var(--ink)}.topbar-search input::placeholder{color:var(--ink-4)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:14px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fff6;border:1px solid var(--glass-border-inner);color:var(--ink-3);position:relative;transition:background .2s ease,color .2s ease,transform .15s cubic-bezier(.22,1,.36,1)}[data-theme=dark] .icon-btn{background:#141c4066}.icon-btn:hover{background:#ffffffb3;color:var(--ink);transform:scale(1.08)}.icon-btn:active{transform:scale(.95)}.icon-btn .dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--brand);border-radius:50%;border:2px solid var(--glass-bg-strong)}.avatar-chip{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:24px;background:#ffffff80;border:1px solid var(--glass-border-inner)}[data-theme=dark] .avatar-chip{background:#141c4080}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#224591,#2e5bbf);display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px}[data-theme=dark] .avatar{background:linear-gradient(135deg,#2e5bff,#5b8bff)}.avatar-chip .who{line-height:1.15}.avatar-chip .who .name{font-size:13px;font-weight:700;color:var(--ink)}.avatar-chip .who .role{font-size:11px;color:var(--ink-4)}.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:18px}.page-head .titles{flex:1;min-width:0}.page-head h1{margin:0 0 4px;font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.page-head .sub{font-size:14px;color:var(--ink-3)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s ease,box-shadow .18s ease,filter .18s ease;border:1px solid transparent;white-space:nowrap}.btn:hover{filter:brightness(1.05)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px -10px #23247ab3}[data-theme=dark] .btn-primary{box-shadow:0 10px 24px -10px #2e5bffcc}.btn-primary:hover{background:var(--brand-600);box-shadow:0 14px 28px -10px #f97316cc}[data-theme=dark] .btn-primary:hover{box-shadow:0 14px 28px -10px #2e5bffe6}.btn-ghost{background:#ffffff8c;color:var(--ink-2);border-color:var(--glass-border-inner)}[data-theme=dark] .btn-ghost{background:#141c408c}.btn-ghost:hover{background:#ffffffd9}.btn-danger{background:var(--bad);color:#fff}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{padding:8px}.toggle{width:42px;height:24px;background:#7882aa47;border-radius:14px;position:relative;cursor:pointer;transition:background .22s cubic-bezier(.22,1,.36,1);flex-shrink:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000038;transition:left .22s cubic-bezier(.34,1.56,.64,1)}.toggle.on{background:var(--brand)}.toggle.on:after{left:21px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:#7882aa2e;color:var(--ink-3)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.ok{background:var(--ok);box-shadow:0 0 0 3px #16a46e33}.status-dot.warn{background:var(--warn);box-shadow:0 0 0 3px #d9770633}.status-dot.bad{background:var(--bad);box-shadow:0 0 0 3px #e11d4833}.status-dot.idle{background:var(--ink-5)}.pulse{position:relative}.pulse:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:inherit;opacity:.4;animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.4}to{transform:scale(2.2);opacity:0}}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--ink-2)}.field-hint{font-size:12px;color:var(--ink-4)}.field-error{font-size:12px;color:var(--bad);display:flex;align-items:center;gap:4px}.input,.textarea,.select{width:100%;padding:10px 12px;background:#fff9;border:1px solid var(--glass-border-inner);border-radius:10px;font-size:14px;color:var(--ink);outline:none;transition:border-color .12s,background .12s,box-shadow .12s}[data-theme=dark] .input,[data-theme=dark] .textarea,[data-theme=dark] .select{background:#141c408c}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #f9731626}[data-theme=dark] .input:focus,[data-theme=dark] .textarea:focus,[data-theme=dark] .select:focus{box-shadow:0 0 0 3px #2e5bff26}.textarea{resize:vertical;min-height:80px}.input-prefix{display:flex;align-items:center;background:#fff9;border:1px solid var(--glass-border-inner);border-radius:10px;overflow:hidden}[data-theme=dark] .input-prefix{background:#141c408c}.input-prefix .prefix{padding:0 12px;color:var(--ink-4);font-size:14px;font-weight:500}.input-prefix .input{border:none;background:transparent}.card{padding:22px;border-radius:var(--r-lg)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.card-title{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.card-sub{font-size:13px;color:var(--ink-4);margin-top:2px}.divider{height:1px;background:var(--glass-border-inner);margin:16px 0}.kpi{display:flex;align-items:center;gap:14px;padding:16px 18px;min-width:0}.kpi>div:last-child{min-width:0}.kpi-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg,#2e5bbf,#1c3a7a);color:#fff}.kpi .label{font-size:13px;color:var(--ink-4);font-weight:500;margin-bottom:2px}.kpi .value{font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1;white-space:nowrap}.kpi .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi .delta{display:inline-flex;align-items:center;gap:2px;margin-left:6px;padding:2px 6px;border-radius:6px;font-size:11px;font-weight:700}.kpi .delta.up{background:var(--ok-bg);color:var(--ok)}.kpi .delta.down{background:var(--bad-bg);color:var(--bad)}.kpi .value-row{display:flex;align-items:baseline}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;color:var(--ink-4);font-weight:600;padding:8px 12px;border-bottom:1px solid var(--glass-border-inner);letter-spacing:.02em;text-transform:uppercase}.table td{padding:14px 12px;font-size:14px;color:var(--ink-2);border-bottom:1px solid var(--glass-border-inner)}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#ffffff47;transition:background .15s ease}[data-theme=dark] .table tbody tr:hover{background:#7896ff0f}.tabs{display:flex;gap:4px;padding:4px;background:#fff6;border:1px solid var(--glass-border-inner);border-radius:12px;width:fit-content}[data-theme=dark] .tabs{background:#10183866}.tab{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink-3);display:flex;align-items:center;gap:8px;transition:background .18s cubic-bezier(.22,1,.36,1),color .18s ease,box-shadow .18s ease}.tab:hover{color:var(--ink-2)}.tab.active{background:#fff;color:var(--brand);box-shadow:var(--glass-shadow-sm)}[data-theme=dark] .tab.active{background:#2e5bff40;color:var(--ink)}.tab .count{background:#f973161f;color:var(--brand);padding:1px 7px;border-radius:10px;font-size:11px;font-weight:700}[data-theme=dark] .tab .count{background:#2e5bff1f;color:var(--ink-2)}.tab.active .count{background:var(--brand);color:#fff}[data-theme=dark] .tab.active .count{background:#2e5bff80}.promo{padding:24px;color:#fff;background:linear-gradient(135deg,#2e5bff,#1d3db0);position:relative;overflow:hidden;border-radius:var(--r-lg)}[data-theme=dark] .promo{background:linear-gradient(135deg,#2e5bff,#1d3db0)}.promo:before{content:"";position:absolute;right:-40px;bottom:-60px;width:260px;height:260px;border-radius:50%;opacity:.6}[data-theme=dark] .promo:before{background:radial-gradient(circle,#5b8bff 0%,transparent 60%);opacity:.7}.promo:after{content:"";position:absolute;right:-80px;top:40%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#fff7ed 0%,transparent 60%);opacity:.25}[data-theme=dark] .promo:after{background:radial-gradient(circle,#00d4ff 0%,transparent 60%);opacity:.35}.promo>*{position:relative;z-index:1}.tweaks-panel{position:fixed;right:20px;bottom:20px;width:280px;z-index:100;padding:16px;font-size:13px}.tweak-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}.tweak-title{font-weight:700;font-size:13px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.tweak-close{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;color:var(--ink-4)}.tweak-close:hover{background:#0000000d;color:var(--ink)}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.between{justify-content:space-between}.grow{flex:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gap-sm{gap:8px}.gap-lg{gap:20px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.copy-snippet{background:#0b1020;color:#c8d3f5;padding:14px 16px;border-radius:10px;font-family:var(--font-mono);font-size:12px;line-height:1.6;position:relative;overflow-x:auto}.copy-snippet .copy-btn{position:absolute;top:8px;right:8px;background:#ffffff1a;color:#c8d3f5;padding:4px 10px;border-radius:6px;font-size:11px;font-family:var(--font-sans);font-weight:600}.copy-snippet .copy-btn:hover{background:#fff3}.bar-chart{display:flex;align-items:flex-end;gap:8px;height:180px;padding:10px 0}.bar{flex:1;background:#a06e5026;border-radius:8px 8px 4px 4px;position:relative;transition:background .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,transform .15s ease}[data-theme=dark] .bar{background:#7882aa33}.bar:hover{transform:scaleY(1.02);transform-origin:bottom}.bar.active{background:linear-gradient(180deg,#2659c9,#1c3874);box-shadow:0 10px 20px -8px #131d5880}[data-theme=dark] .bar.active{background:linear-gradient(180deg,#5b8bff,#2e5bff);box-shadow:0 10px 20px -8px #2e5bff80}.bar-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:11px;color:var(--ink-4);font-weight:500}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#fff9;border:1px solid var(--glass-border-inner);border-radius:999px;font-size:12px;font-weight:500;color:var(--ink-2)}[data-theme=dark] .chip{background:#141c408c}.glass.card,.glass.kpi{animation:scaleIn .3s cubic-bezier(.22,1,.36,1) both;transition:box-shadow .25s ease,transform .2s cubic-bezier(.22,1,.36,1),border-color .2s ease}.glass.card:hover,.glass.kpi:hover{box-shadow:0 24px 56px -16px #5a28082e,0 4px 12px #5a280814;transform:translateY(-2px)}[data-theme=dark] .glass.card:hover,[data-theme=dark] .glass.kpi:hover{box-shadow:0 20px 48px -12px #0008288c,0 4px 12px #00001433;transform:translateY(-2px)}.tweaks-panel{width:280px;padding:16px 16px 18px;box-sizing:border-box;overflow:visible}.tweaks-panel .tweak-row{width:100%;box-sizing:border-box;min-width:0}.tweaks-panel .select{width:100%;max-width:100%;box-sizing:border-box;font-size:12px;padding:6px 28px 6px 10px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%238884A8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.tweaks-panel .select option{background:#fff;color:var(--ink)}@keyframes vib-bounce-in{0%{opacity:0;transform:translateY(20px) scale(.92)}60%{opacity:1;transform:translateY(-6px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes vib-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes vib-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes vib-float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes vib-pulse-ring{0%{box-shadow:0 0 #ff583c80}70%{box-shadow:0 0 0 18px #ff583c00}to{box-shadow:0 0 #ff583c00}}@keyframes vib-sun-rays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vib-shimmer-text{0%,to{background-position:0% center}50%{background-position:100% center}}[data-style=vibrant]{--vib-coral: #d45943;--vib-coral-600: #e99183;--vib-coral-300: #ff8b72;--vib-coral-100: #ffe5dd;--vib-mango: #ffb627;--vib-mango-600: #e89f0e;--vib-mango-300: #ffd278;--vib-mango-100: #fff5dc;--vib-pink: #ff4081;--vib-mint: #2ec4b6;--vib-violet: #7b5bff;--brand: var(--vib-coral);--brand-600: var(--vib-coral-600);--brand-500: var(--vib-coral);--brand-400: var(--vib-coral-300);--brand-300: var(--vib-coral-300);--brand-100: var(--vib-coral-100);--brand-deep: #8e1f0e;--glass-bg: #fffaf3;--glass-bg-strong: #fffcf7;--glass-bg-soft: #fff5e8;--glass-border: transparent;--glass-border-inner: rgba(255, 88, 60, .08);--glass-shadow: 0 4px 0 rgba(255, 88, 60, .08), 0 12px 32px -8px rgba(255, 88, 60, .18);--glass-shadow-sm: 0 2px 0 rgba(255, 88, 60, .06), 0 4px 14px -4px rgba(255, 88, 60, .1);--ink: #2a1a2e;--ink-2: #3d2840;--ink-3: #6b5070;--ink-4: #9a7fa0;--ink-5: #c4b0c8;--ink-on-brand: #ffffff;--ok: #1fb870;--ok-bg: #dcf7e8;--warn: #ffb627;--warn-bg: #fff5dc;--bad: #ff583c;--bad-bg: #ffe5dd;--info: #ff583c;--info-bg: #ffe5dd;--font-sans: "Plus Jakarta Sans", "Nunito", -apple-system, sans-serif;--font-display: "Plus Jakarta Sans", "Nunito", sans-serif;--font-mono: "JetBrains Mono", monospace;--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-xl: 32px;--r-2xl: 40px;--bg-base: #fbfaf7;--vib-sunset: linear-gradient(135deg, #ff583c 0%, #ff8b3d 50%, #ffb627 100%);--vib-sunset-soft: linear-gradient(135deg, #ffe5dd 0%, #fff0dc 100%);--vib-tropical: linear-gradient(135deg, #ff4081 0%, #ff583c 50%, #ffb627 100%)}[data-style=vibrant] body{background:#fbfaf7;font-family:var(--font-sans)}[data-style=vibrant] .app-bg{background:radial-gradient(ellipse 70% 50% at 15% 90%,rgba(255,64,129,.025) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 10%,rgba(255,182,39,.035) 0%,transparent 60%),linear-gradient(165deg,#fcfbf8,#faf9f5,#f8f7f3)!important;overflow:hidden}[data-style=vibrant] .app-bg:before{content:""!important;position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:transparent!important;border-radius:50%!important;opacity:0!important;animation:none!important}[data-style=vibrant] .app-bg:after{content:""!important;position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;background:transparent!important;border-radius:50%!important;opacity:0!important;animation:none!important}[data-style=vibrant] .app-bg svg{opacity:0!important}[data-style=vibrant] .glass{background:var(--glass-bg);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 2px #00000008;border-radius:var(--r-lg);transition:border-color .14s ease;animation:none;position:relative}[data-style=vibrant] .glass:hover,[data-style=vibrant] .glass.card:hover,[data-style=vibrant] .glass.kpi:hover,[data-style=vibrant] .glass.kpi-card:hover{border-color:#0000001a;box-shadow:0 1px 2px #00000008;transform:none}[data-style=vibrant] .glass:after{display:none}[data-style=vibrant] .glass-strong{background:var(--glass-bg-strong)}[data-style=vibrant] .topbar.glass{background:transparent;box-shadow:none;border:none;animation:none}[data-style=vibrant] .sidebar-nav-list::-webkit-scrollbar-thumb{background:#ff583c40}[data-style=vibrant] .sidebar-nav-list::-webkit-scrollbar-thumb:hover{background:#ff583c80}[data-style=vibrant] .nav-group-label{color:var(--ink-4);letter-spacing:.08em;font-size:10px;font-weight:800;text-transform:uppercase}[data-style=vibrant] .nav-item{border-radius:14px;font-weight:600;color:var(--ink-3);position:relative;transition:background .2s ease,color .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}[data-style=vibrant] .nav-item:hover{background:#ff583c14;color:var(--vib-coral-600);transform:translate(4px)}[data-style=vibrant] .nav-item.active{background:var(--vib-sunset);color:#fff;box-shadow:0 6px 16px -4px #ff583c80;transform:translate(2px)}[data-style=vibrant] .nav-item.active:hover{background:var(--vib-sunset);color:#fff;transform:translate(2px)}[data-style=vibrant] .nav-item .badge-dot{background:var(--vib-pink);color:#fff;font-weight:800;box-shadow:0 2px 6px #ff408166;animation:vib-pop 1.4s ease-in-out infinite}[data-style=vibrant] .nav-item.active .badge-dot{background:#fff;color:var(--vib-coral);box-shadow:none}[data-style=vibrant] .sidebar-foot{border-top:2px dashed rgba(255,88,60,.18);margin-top:16px;padding-top:16px}[data-style=vibrant] .topbar-search{background:#fff;border:2px solid rgba(255,88,60,.12);border-radius:999px;box-shadow:0 2px #ff583c14;transition:border-color .2s,box-shadow .2s}[data-style=vibrant] .topbar-search:focus-within{border-color:var(--vib-coral);box-shadow:0 2px #ff583c1f,0 0 0 4px #ff583c1f}[data-style=vibrant] .icon-btn{background:#fff;border:2px solid rgba(255,88,60,.1);border-radius:14px;box-shadow:0 2px #ff583c0f;transition:border-color .2s,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s}[data-style=vibrant] .icon-btn:hover{background:var(--vib-coral-100);border-color:var(--vib-coral);color:var(--vib-coral);transform:translateY(-2px) rotate(-4deg);box-shadow:0 4px #ff583c1f}[data-style=vibrant] .icon-btn:active{transform:translateY(0) rotate(0);box-shadow:0 1px #ff583c0f}[data-style=vibrant] .icon-btn .dot{background:var(--vib-pink);border-color:#fff;box-shadow:0 0 0 2px #ff40814d;animation:vib-pulse-ring 2s ease-out infinite}[data-style=vibrant] .avatar-chip{background:#fff;border:2px solid rgba(255,88,60,.12);border-radius:999px;box-shadow:0 2px #ff583c0f;padding-right:14px}[data-style=vibrant] .avatar{background:var(--vib-tropical);box-shadow:0 4px 12px -2px #ff583c80;border:2px solid white;font-weight:800}[data-style=vibrant] .btn{border-radius:999px;font-weight:700;letter-spacing:.01em;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,background .2s;border:none}[data-style=vibrant] .btn:active{transform:translateY(2px)}[data-style=vibrant] .btn-primary{background:var(--vib-sunset);color:#fff;box-shadow:0 4px 0 var(--vib-coral-600),0 8px 20px -4px #ff583c80;position:relative}[data-style=vibrant] .btn-primary:hover{background:var(--vib-sunset);transform:translateY(-2px);box-shadow:0 6px 0 var(--vib-coral-600),0 12px 28px -4px #ff583c99}[data-style=vibrant] .btn-primary:active{transform:translateY(0);box-shadow:0 1px 0 var(--vib-coral-600),0 2px 8px #ff583c66}[data-style=vibrant] .btn-ghost{background:#fff;color:var(--ink-2);border:2px solid rgba(255,88,60,.15);box-shadow:0 3px #ff583c14}[data-style=vibrant] .btn-ghost:hover{background:var(--vib-coral-100);border-color:var(--vib-coral);color:var(--vib-coral);transform:translateY(-2px);box-shadow:0 5px #ff583c1f}[data-style=vibrant] .btn-danger{background:linear-gradient(135deg,#ff4081,#ff583c);color:#fff;box-shadow:0 4px #c92062,0 8px 20px -4px #ff408180}[data-style=vibrant] .badge{border-radius:999px;font-weight:800;letter-spacing:.04em;border:2px solid white;box-shadow:0 2px 6px #00000014;padding:4px 12px;display:inline-flex;align-items:center;gap:4px}[data-style=vibrant] .badge-ok{background:#dcf7e8;color:#0e8a52;border-color:#b0ebc9}[data-style=vibrant] .badge-warn{background:var(--vib-mango-100);color:#b07000;border-color:var(--vib-mango-300)}[data-style=vibrant] .badge-bad,[data-style=vibrant] .badge-info{background:var(--vib-coral-100);color:var(--vib-coral-600);border-color:#ffb8a5}[data-style=vibrant] .badge-neutral{background:#f5f0f8;color:var(--ink-3);border-color:#e4daea}[data-style=vibrant] .status-dot.ok{background:var(--ok);box-shadow:0 0 0 3px #fff,0 0 0 5px #1fb8704d}[data-style=vibrant] .status-dot.warn{background:var(--vib-mango);box-shadow:0 0 0 3px #fff,0 0 0 5px #ffb6274d}[data-style=vibrant] .status-dot.bad{background:var(--vib-coral);box-shadow:0 0 0 3px #fff,0 0 0 5px #ff583c4d;animation:vib-pop 1.6s ease-in-out infinite}[data-style=vibrant] .toggle{background:#f0e8f0;width:48px;height:26px;border:2px solid rgba(255,88,60,.1);border-radius:999px;transition:background .22s}[data-style=vibrant] .toggle:after{background:#fff;width:18px;height:18px;top:2px;left:2px;border-radius:50%;box-shadow:0 2px 4px #00000026;transition:left .28s cubic-bezier(.34,1.6,.5,1),background .2s}[data-style=vibrant] .toggle.on{background:var(--vib-sunset);border-color:transparent}[data-style=vibrant] .toggle.on:after{left:24px;background:#fff}[data-style=vibrant] .input,[data-style=vibrant] .textarea,[data-style=vibrant] .select{background:#fff;border:2px solid rgba(255,88,60,.1);border-radius:var(--r-md);font-weight:500;transition:border-color .18s,box-shadow .18s}[data-style=vibrant] .input:focus,[data-style=vibrant] .textarea:focus,[data-style=vibrant] .select:focus{border-color:var(--vib-coral);box-shadow:0 0 0 4px #ff583c26}[data-style=vibrant] .input-prefix{background:#fff;border:2px solid rgba(255,88,60,.1);border-radius:var(--r-md)}[data-style=vibrant] .table th{border-bottom:2px dashed rgba(255,88,60,.18);color:var(--ink-4);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:11px}[data-style=vibrant] .table td{border-bottom:1px dashed rgba(255,88,60,.1);font-weight:500}[data-style=vibrant] .table tbody tr{transition:background .2s ease}[data-style=vibrant] .table tbody tr:hover{background:var(--vib-coral-100)}[data-style=vibrant] .tabs{background:var(--vib-coral-100);border:2px solid rgba(255,88,60,.1);border-radius:999px;padding:4px}[data-style=vibrant] .tab{border-radius:999px;font-weight:700;color:var(--ink-3);transition:all .22s cubic-bezier(.34,1.56,.64,1)}[data-style=vibrant] .tab.active{background:var(--vib-sunset);color:#fff;box-shadow:0 4px 12px -2px #ff583c80;transform:scale(1.02)}[data-style=vibrant] .tab .count{background:#fff;color:var(--vib-coral);font-weight:800;border-radius:999px;padding:2px 8px}[data-style=vibrant] .tab.active .count{background:#fff;color:var(--vib-coral)}[data-style=vibrant] .glass.kpi{border-top:4px solid var(--vib-coral);position:relative;overflow:visible}[data-style=vibrant] .glass.kpi:nth-child(1){border-top-color:var(--vib-coral)}[data-style=vibrant] .glass.kpi:nth-child(2){border-top-color:var(--vib-mango)}[data-style=vibrant] .glass.kpi:nth-child(3){border-top-color:var(--vib-mint)}[data-style=vibrant] .glass.kpi:nth-child(4){border-top-color:var(--vib-pink)}[data-style=vibrant] .glass.kpi:before{content:"";position:absolute;top:-8px;right:14px;width:18px;height:18px;background:var(--vib-mango);border:3px solid var(--glass-bg);border-radius:50%;z-index:1}[data-style=vibrant] .glass.kpi:nth-child(2):before{background:var(--vib-mint)}[data-style=vibrant] .glass.kpi:nth-child(3):before{background:var(--vib-pink)}[data-style=vibrant] .glass.kpi:nth-child(4):before{background:var(--vib-coral)}[data-style=vibrant] .kpi-ico{border-radius:16px;background:var(--vib-sunset);box-shadow:0 4px 12px -2px #ff583c66;color:#fff!important;width:48px;height:48px;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}[data-style=vibrant] .glass.kpi:nth-child(2) .kpi-ico{background:linear-gradient(135deg,var(--vib-mango),var(--vib-mango-600));box-shadow:0 4px 12px -2px #ffb62773}[data-style=vibrant] .glass.kpi:nth-child(3) .kpi-ico{background:linear-gradient(135deg,var(--vib-mint),#1aa89b);box-shadow:0 4px 12px -2px #2ec4b673}[data-style=vibrant] .glass.kpi:nth-child(4) .kpi-ico{background:linear-gradient(135deg,var(--vib-pink),#d62872);box-shadow:0 4px 12px -2px #ff408173}[data-style=vibrant] .glass.kpi:hover .kpi-ico{transform:none}[data-style=vibrant] .kpi .value{font-weight:800;letter-spacing:-.03em;color:var(--ink)}[data-style=vibrant] .kpi .label{color:var(--ink-3);font-weight:600}[data-style=vibrant] .kpi .delta{border-radius:999px;font-weight:800;padding:3px 8px}[data-style=vibrant] .kpi .delta.up{background:#dcf7e8;color:#0e8a52}[data-style=vibrant] .kpi .delta.down{background:var(--vib-coral-100);color:var(--vib-coral-600)}[data-style=vibrant] .bar{background:#ff583c1a;border-radius:12px 12px 4px 4px;transition:background .25s,transform .28s cubic-bezier(.34,1.56,.64,1);position:relative}[data-style=vibrant] .bar:hover{transform:scaleY(1.04) translateY(-4px);transform-origin:bottom;background:#ff583c2e}[data-style=vibrant] .bar.active{background:var(--vib-sunset);box-shadow:0 8px 24px -4px #ff583c80,inset 0 -4px #00000014}[data-style=vibrant] .bar.active:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--vib-mango);border-radius:50%;box-shadow:0 2px 4px #ffb62780;animation:vib-float-y 2s ease-in-out infinite}[data-style=vibrant] .bar-label{color:var(--ink-4);font-weight:700}[data-style=vibrant] .promo{background:var(--vib-sunset);border:none;box-shadow:0 6px 0 var(--vib-coral-600),0 16px 40px -8px #ff583c80;border-radius:var(--r-xl);position:relative;overflow:hidden}[data-style=vibrant] .promo:before{background:radial-gradient(circle,rgba(231,220,220,.4) 0%,transparent 60%);width:220px;height:220px}[data-style=vibrant] .promo:after{background:radial-gradient(circle 6px at 20% 30%,white 100%,transparent 100%),radial-gradient(circle 4px at 80% 60%,white 100%,transparent 100%),radial-gradient(circle 5px at 60% 20%,var(--vib-mango-300) 100%,transparent 100%),radial-gradient(circle 3px at 90% 85%,white 100%,transparent 100%),radial-gradient(circle 4px at 30% 80%,var(--vib-mango-300) 100%,transparent 100%);width:100%;height:100%;right:0;top:0;opacity:.7}[data-style=vibrant] .copy-snippet{background:linear-gradient(135deg,#2a1a2e,#3d2840);border:none;border-radius:var(--r-md);color:#ffd9cc;position:relative;overflow:hidden}[data-style=vibrant] .copy-snippet:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--vib-sunset)}[data-style=vibrant] .copy-snippet .copy-btn{background:#ff583c33;color:#fff;border-radius:999px;font-weight:700}[data-style=vibrant] .copy-snippet .copy-btn:hover{background:var(--vib-coral)}[data-style=vibrant] .chip{background:#fff;border:2px solid rgba(255,88,60,.15);border-radius:999px;font-weight:700;color:var(--ink-2);box-shadow:0 2px #ff583c0f;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}[data-style=vibrant] .chip:hover{transform:translateY(-2px) rotate(-1deg)}[data-style=vibrant] .divider{background:none;border-top:2px dashed rgba(255,88,60,.25);height:0}[data-style=vibrant] .content::-webkit-scrollbar-thumb{background:var(--vib-sunset);border-radius:999px}[data-style=vibrant] .content::-webkit-scrollbar-track{background:#ff583c0f;border-radius:999px}[data-style=vibrant] .h-display{font-weight:800;letter-spacing:-.03em;background:var(--vib-sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:vib-shimmer-text 6s ease-in-out infinite}[data-style=vibrant] .h-xl,[data-style=vibrant] .h-lg{font-weight:800;letter-spacing:-.02em;color:var(--ink)}[data-style=vibrant] .h-md{font-weight:700}[data-style=vibrant] .card-title{font-weight:800;letter-spacing:-.01em;color:var(--ink)}[data-style=vibrant] .t-mono{color:var(--vib-coral);font-weight:600}[data-style=vibrant] .muted{color:var(--ink-4)}[data-style=vibrant] .page-head h1{color:var(--ink);font-weight:800;letter-spacing:-.025em;display:inline-block;position:relative}[data-style=vibrant] .page-head h1:after{content:"";display:block;width:64px;height:6px;margin-top:4px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 3 Q 10 0 18 3 T 34 3 T 50 3 T 62 3' fill='none' stroke='%23FF583C' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}[data-style=vibrant] .content{animation:vib-bounce-in .5s cubic-bezier(.34,1.56,.64,1) both}[data-style=vibrant] .tweaks-panel.glass{position:fixed!important;right:20px!important;left:auto!important;bottom:20px!important;top:auto!important;animation:none!important;transform:none!important;border:2px solid rgba(255,88,60,.12)!important}[data-style=vibrant] .tweaks-panel.glass:hover{transform:none!important}.topbar-hamburger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:transparent;color:var(--ink, #111);cursor:pointer;margin-right:8px;flex:0 0 auto;transition:background .15s,border-color .15s}.topbar-hamburger:hover{background:#0000000a;border-color:#0000001a}.topbar-hamburger:focus-visible{outline:2px solid var(--brand, #d45943);outline-offset:2px}@media(min-width:768px){body[data-sidebar=closed] .app-shell{grid-template-columns:0 minmax(0,1fr)!important;transition:grid-template-columns .2s ease}body[data-sidebar=closed] .sidebar{visibility:hidden;pointer-events:none;width:0;padding-left:0;padding-right:0;overflow:hidden}body[data-sidebar=open] .app-shell{transition:grid-template-columns .2s ease}}@media(max-width:1023px)and (min-width:768px){.app-shell{grid-template-columns:200px minmax(0,1fr);gap:14px;padding:14px}.sidebar-logo>span{font-size:14px}.nav-item span{font-size:13px}}@media(max-width:767px){.app-shell{grid-template-columns:0 minmax(0,1fr);gap:0;padding:0}.content{padding:14px;-webkit-overflow-scrolling:touch}.sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:80vw!important;max-width:320px!important;height:100vh!important;z-index:50!important;padding:22px 14px 14px!important;border-radius:0 14px 14px 0!important;transform:translate(-100%);transition:transform .24s cubic-bezier(.22,1,.36,1);box-shadow:0 0 0 9999px #0000}body[data-sidebar=open] .sidebar{transform:translate(0);box-shadow:0 12px 32px #0000002e,0 0 0 9999px #080c206b}body[data-sidebar=open]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;cursor:pointer}.topbar{padding:12px 14px;border-radius:0;border-left:0;border-right:0;border-top:0}.grid,.grid-2,.grid-3,.grid-4,div[style*=grid-template-columns],div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:12px!important}.glass.card,.glass:not(.sidebar){width:100%;padding:14px!important;border-radius:14px!important}.card-head{flex-wrap:wrap;gap:6px}.card-title{font-size:15px}.kpi-card{padding:14px!important}.table-wrap,.glass.card>div[style*=overflow]{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%}table.table{font-size:13px}.bar-chart{height:160px;gap:4px}.bar{min-width:14px}.bar-label{font-size:9px}.topbar-right .who{display:none}.topbar .h-lg{font-size:16px!important;white-space:normal!important}.sidebar-foot{padding-top:16px}}@media(min-width:768px)and (max-width:820px)and (orientation:portrait){.app-shell{grid-template-columns:180px minmax(0,1fr)}}@media(pointer:coarse){.nav-item,button,.btn,.tab,a.nav-item{min-height:44px}}.topbar-search{display:flex;align-items:center;gap:8px;border-radius:10px;transition:width .22s ease,background .22s ease,border-color .22s ease,padding .22s ease;flex:0 0 auto!important}.topbar-search.is-collapsed{width:40px!important;max-width:40px!important;padding:0!important;background:transparent!important;border:1px solid transparent!important;justify-content:center}.topbar-search.is-open{flex:1 1 380px!important;max-width:460px!important;padding:6px 10px!important;background:#ffffffa6;border:1px solid rgba(0,0,0,.06)!important}.topbar-search-trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--ink, #111);cursor:pointer;flex:0 0 auto;transition:background .15s}.topbar-search.is-collapsed .topbar-search-trigger{width:38px;height:38px;border:1px solid rgba(0,0,0,.06)}.topbar-search-trigger:hover{background:#0000000a}.topbar-search-trigger:focus-visible{outline:2px solid var(--brand, #d45943);outline-offset:2px}.topbar-search input[type=search]{flex:1 1 auto;min-width:0;border:none;outline:none;background:transparent;font:inherit;color:var(--ink, #111);padding:4px 0}.topbar-search input[type=search]::placeholder{color:var(--ink-4, rgba(0, 0, 0, .45))}.topbar-search-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--ink-3, rgba(0, 0, 0, .55));cursor:pointer;flex:0 0 auto}.topbar-search-close:hover{background:#0000000d;color:var(--ink, #111)}.topbar-search-close:focus-visible{outline:2px solid var(--brand, #d45943);outline-offset:2px}@media(max-width:767px){.topbar-search.is-open{flex:1 1 auto!important;max-width:none!important}.topbar:has(.topbar-search.is-open) .h-lg{display:none!important}}