.ui-lab-root{--lab-bg-a: #b0c4de;--lab-bg-b: #f8fbff;--lab-bg-c: #d4e4ff;--lab-glass: rgba(255, 255, 255, .4);--lab-glass-strong: rgba(255, 255, 255, .58);--lab-border: rgba(255, 255, 255, .52);--lab-shadow: 0 20px 48px rgba(15, 23, 42, .18);--lab-text: #10243d;--lab-muted: #34506d;--lab-accent: #0a84ff;min-height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr);gap:1rem;padding:1rem;background:radial-gradient(circle at 85% 12%,rgba(255,255,255,.45),transparent 36%),radial-gradient(circle at 16% 75%,rgba(255,255,255,.34),transparent 34%),linear-gradient(135deg,var(--lab-bg-a),var(--lab-bg-b) 45%,var(--lab-bg-c));color:var(--lab-text)}.ui-lab-root *{box-sizing:border-box}.glass-surface{border:1px solid var(--lab-border);background:linear-gradient(165deg,var(--lab-glass-strong),var(--lab-glass));box-shadow:var(--lab-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ui-lab-sidebar{display:flex;flex-direction:column;gap:.75rem}.ui-lab-brand,.ui-lab-nav-group,.ui-lab-topbar,.ui-lab-live,.ui-lab-panel{border-radius:20px;padding:1rem}.ui-lab-brand__title{font-size:1.1rem;font-weight:800}.ui-lab-brand p{margin-top:.45rem;color:var(--lab-muted);line-height:1.7}.ui-lab-nav-group__title{font-size:.86rem;font-weight:700;color:var(--lab-muted);margin-bottom:.55rem}.ui-lab-nav-items{display:flex;flex-direction:column;gap:.35rem}.ui-lab-nav-link{border-radius:12px;padding:.55rem .75rem;text-decoration:none;color:var(--lab-text);transition:.18s ease}.ui-lab-nav-link:hover{background:rgba(255,255,255,.35)}.ui-lab-nav-link.is-active{background:color-mix(in srgb,var(--lab-accent) 15%,white);border:1px solid color-mix(in srgb,var(--lab-accent) 48%,white)}.ui-lab-main{display:grid;grid-template-rows:auto auto 1fr;gap:.75rem;min-width:0}.ui-lab-topbar{display:flex;justify-content:space-between;gap:1rem}.ui-lab-topbar h1{margin:0;font-size:1.25rem;font-weight:800}.ui-lab-topbar p{margin:.4rem 0 0;color:var(--lab-muted)}.ui-lab-badge{margin-top:.6rem;display:inline-block;border-radius:999px;border:1px solid color-mix(in srgb,var(--lab-accent) 40%,white);background:color-mix(in srgb,var(--lab-accent) 12%,white);padding:.3rem .65rem;font-size:.82rem}.ui-lab-theme{min-width:340px}.ui-lab-theme__label{font-size:.85rem;margin-bottom:.55rem;color:var(--lab-muted)}.ui-lab-theme__controls{display:flex;gap:.45rem}.ui-lab-btn,.ui-lab-select,.ui-lab-input,.ui-lab-textarea{border-radius:12px;border:1px solid color-mix(in srgb,var(--lab-border) 65%,#a5b5ca);background:rgba(255,255,255,.72);color:var(--lab-text);padding:.55rem .75rem}.ui-lab-btn{cursor:pointer}.ui-lab-btn--accent{background:linear-gradient(135deg,color-mix(in srgb,var(--lab-accent) 74%,white),var(--lab-accent));color:#fff;border-color:color-mix(in srgb,var(--lab-accent) 65%,black)}.ui-lab-select{min-width:180px}.ui-lab-live{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.ui-lab-content{display:grid;gap:.75rem;min-width:0}.ui-lab-grid{display:grid;gap:.75rem}.ui-lab-grid--cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ui-lab-card{border-radius:16px;border:1px solid var(--lab-border);background:rgba(255,255,255,.45);padding:.9rem}.ui-lab-card h3{margin:0 0 .4rem;font-size:.95rem}.ui-lab-kpi{font-size:1.45rem;font-weight:800}.ui-lab-muted{color:var(--lab-muted)}.ui-lab-table-wrap{overflow:auto}.ui-lab-table{width:100%;border-collapse:collapse;min-width:640px}.ui-lab-table th,.ui-lab-table td{border-bottom:1px solid rgba(148,163,184,.35);text-align:right;padding:.65rem .5rem}.ui-lab-table th{color:var(--lab-muted);font-size:.83rem}.ui-lab-form{display:grid;gap:.75rem}.ui-lab-form-row{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.ui-lab-textarea{min-height:110px;resize:vertical}.ui-lab-chip{display:inline-flex;border-radius:999px;border:1px solid color-mix(in srgb,var(--lab-accent) 35%,white);background:color-mix(in srgb,var(--lab-accent) 10%,white);padding:.2rem .55rem;margin:.15rem;font-size:.82rem}.ui-lab-chart{height:180px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--lab-accent) 40%,white);background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.2)),repeating-linear-gradient(90deg,color-mix(in srgb,var(--lab-accent) 15%,white) 0,color-mix(in srgb,var(--lab-accent) 15%,white) 16px,transparent 16px,transparent 32px)}.ui-lab-list{display:grid;gap:.55rem}.ui-lab-list-item{border-radius:12px;border:1px solid rgba(148,163,184,.32);padding:.65rem}.ui-lab-link{text-decoration:none;color:var(--lab-accent);font-weight:700}.ui-lab-root[data-lab-theme=ocean-deep]{--lab-bg-a: #072541;--lab-bg-b: #13395f;--lab-bg-c: #0f6ea4;--lab-glass: rgba(9, 29, 48, .48);--lab-glass-strong: rgba(8, 33, 57, .68);--lab-border: rgba(127, 191, 234, .36);--lab-text: #e6f4ff;--lab-muted: #b2d7ef;--lab-accent: #22d3ee}.ui-lab-root[data-lab-theme=emerald-rain]{--lab-bg-a: #0e4035;--lab-bg-b: #2f6f5f;--lab-bg-c: #8bc3ad;--lab-glass: rgba(15, 48, 38, .46);--lab-glass-strong: rgba(20, 65, 53, .64);--lab-border: rgba(170, 234, 206, .4);--lab-text: #ebfff8;--lab-muted: #c5f5e5;--lab-accent: #34d399}.ui-lab-root[data-lab-theme=sunset-rose]{--lab-bg-a: #6f2e57;--lab-bg-b: #cc5b74;--lab-bg-c: #ffd0b6;--lab-glass: rgba(99, 38, 72, .42);--lab-glass-strong: rgba(126, 42, 81, .62);--lab-border: rgba(255, 205, 218, .45);--lab-text: #fff2f5;--lab-muted: #ffd9e3;--lab-accent: #fb7185}.ui-lab-root[data-lab-theme=amber-sky]{--lab-bg-a: #734608;--lab-bg-b: #c98719;--lab-bg-c: #fdd083;--lab-glass: rgba(115, 70, 8, .36);--lab-glass-strong: rgba(140, 89, 12, .56);--lab-border: rgba(255, 229, 174, .48);--lab-text: #fff9ed;--lab-muted: #ffedc8;--lab-accent: #f59e0b}.ui-lab-root[data-lab-theme=graphite-mint]{--lab-bg-a: #252931;--lab-bg-b: #414955;--lab-bg-c: #a6e5d9;--lab-glass: rgba(33, 37, 43, .54);--lab-glass-strong: rgba(45, 50, 58, .72);--lab-border: rgba(181, 240, 226, .38);--lab-text: #effdf8;--lab-muted: #bee8dd;--lab-accent: #2dd4bf}.ui-lab-root[data-lab-theme=ruby-night]{--lab-bg-a: #250915;--lab-bg-b: #51142e;--lab-bg-c: #993b57;--lab-glass: rgba(47, 11, 28, .56);--lab-glass-strong: rgba(72, 17, 41, .74);--lab-border: rgba(246, 174, 204, .36);--lab-text: #ffeff6;--lab-muted: #f9c6df;--lab-accent: #fb7185}.ui-lab-root[data-lab-theme=polar-ice]{--lab-bg-a: #d5f5ff;--lab-bg-b: #f5fdff;--lab-bg-c: #cfe5ff;--lab-glass: rgba(255, 255, 255, .48);--lab-glass-strong: rgba(255, 255, 255, .69);--lab-border: rgba(193, 227, 251, .6);--lab-text: #09253f;--lab-muted: #325d82;--lab-accent: #0ea5e9}.ui-lab-root[data-lab-theme=copper-sand]{--lab-bg-a: #6c3e27;--lab-bg-b: #b5714e;--lab-bg-c: #f6d7ba;--lab-glass: rgba(119, 66, 42, .42);--lab-glass-strong: rgba(139, 78, 49, .64);--lab-border: rgba(245, 216, 188, .44);--lab-text: #fff8f2;--lab-muted: #ffe2cd;--lab-accent: #f97316}.ui-lab-root[data-lab-theme=neon-lime]{--lab-bg-a: #294007;--lab-bg-b: #5b8f15;--lab-bg-c: #c8f169;--lab-glass: rgba(46, 74, 9, .43);--lab-glass-strong: rgba(60, 95, 11, .63);--lab-border: rgba(217, 252, 139, .42);--lab-text: #f5ffdf;--lab-muted: #e7fbb8;--lab-accent: #a3e635}.ui-lab-root[data-lab-theme=plum-coral]{--lab-bg-a: #4e2558;--lab-bg-b: #8a3d72;--lab-bg-c: #ffb7a4;--lab-glass: rgba(82, 35, 90, .45);--lab-glass-strong: rgba(103, 44, 105, .65);--lab-border: rgba(255, 196, 198, .42);--lab-text: #fff0fc;--lab-muted: #ffd4ef;--lab-accent: #f97393}.ui-lab-root[data-lab-theme=saffron-wave]{--lab-bg-a: #5f3200;--lab-bg-b: #c76b08;--lab-bg-c: #ffe58f;--lab-glass: rgba(95, 50, 0, .4);--lab-glass-strong: rgba(116, 64, 4, .6);--lab-border: rgba(255, 230, 143, .44);--lab-text: #fff8dc;--lab-muted: #ffe9ad;--lab-accent: #fbbf24}.ui-lab-root[data-lab-theme=monochrome-glass]{--lab-bg-a: #1f2937;--lab-bg-b: #374151;--lab-bg-c: #9ca3af;--lab-glass: rgba(31, 41, 55, .44);--lab-glass-strong: rgba(51, 65, 85, .62);--lab-border: rgba(203, 213, 225, .36);--lab-text: #f8fafc;--lab-muted: #d9e1ea;--lab-accent: #93c5fd}.ui-lab-root[data-lab-theme=azure-haze]{--lab-bg-a: #12243f;--lab-bg-b: #224a7a;--lab-bg-c: #7bb6ff;--lab-glass: rgba(13, 31, 55, .46);--lab-glass-strong: rgba(20, 42, 73, .66);--lab-border: rgba(171, 211, 255, .4);--lab-text: #ecf6ff;--lab-muted: #c4e0ff;--lab-accent: #60a5fa}@media(max-width:1024px){.ui-lab-root{grid-template-columns:1fr}.ui-lab-theme{min-width:0;width:100%}.ui-lab-topbar{flex-direction:column}}