:root{color-scheme:dark;font-family:Poppins,system-ui,sans-serif;--bg-root: #0e0e10;--bg-secondary: #141416;--bg-card: #18181b;--bg-card-elevated: #1d1d20;--bg-soft: #151518;--bg-input: #121214;--bg-hover: rgba(255, 255, 255, .035);--bg-pressed: rgba(255, 255, 255, .055);--border: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .08);--text-main: #ffffff;--text-secondary: #b5b5b8;--text-muted: #7a7a80;--accent: #f4c542;--accent-hover: #ffd65a;--accent-pressed: #d9a92a;--accent-soft: rgba(244, 197, 66, .12);--accent-soft-strong: rgba(244, 197, 66, .18);--success: #48d17a;--danger: #e94b4b;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--shadow-soft: 0 20px 50px rgba(0, 0, 0, .24);--shadow-card: 0 14px 32px rgba(0, 0, 0, .18);--ease: .2s cubic-bezier(.22, 1, .36, 1);background:radial-gradient(circle at top left,rgba(244,197,66,.045),transparent 24%),radial-gradient(circle at bottom right,rgba(244,197,66,.03),transparent 22%),linear-gradient(180deg,#0f1012,#0d0d0f);color:var(--text-main)}*{box-sizing:border-box}html,body,#root{min-height:100vh;height:100vh}body{margin:0;background:transparent;overflow:hidden}button,input,select{font:inherit}button{border:0}button,input,select,.toggle-card,.field-card,.sidebar-section-button,.mobile-nav-trigger,.summary-pill,.user-chip,.sidebar-status-card,.section-nav button{transition:background var(--ease),border-color var(--ease),color var(--ease),box-shadow var(--ease),transform var(--ease),opacity var(--ease)}.auth-shell,.panel-shell{min-height:100vh;padding:24px}.auth-shell{display:grid;place-items:center}.auth-card,.panel-sidebar,.panel-header,.menu-surface,.toggle-card,.field-card,.user-chip,.sidebar-status-card,.summary-pill,.category-block{border:1px solid var(--border);background:linear-gradient(180deg,#1e1e21fa,#18181bfa);box-shadow:var(--shadow-card)}.auth-card{width:min(460px,100%);border-radius:28px;padding:32px;background:radial-gradient(circle at top right,rgba(244,197,66,.06),transparent 28%),linear-gradient(180deg,#1e1e21fa,#141416fa);box-shadow:var(--shadow-soft)}.brand-row,.sidebar-brand{display:flex;align-items:center;gap:16px}.auth-brand-row{gap:16px}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:0;background:transparent;border:0;overflow:hidden;flex-shrink:0}.brand-mark-image{padding:0}.brand-mark-image img{width:100%;height:100%;object-fit:contain}.eyebrow{margin:0 0 6px;color:var(--accent);letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:700}.auth-title{font-size:23px;font-weight:700;letter-spacing:-.02em}.auth-head{margin-bottom:24px}.auth-form{display:grid;gap:14px}.auth-form input,.field-card select{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-main);padding:14px 16px;outline:none;box-shadow:inset 0 1px #ffffff05}.auth-form input:focus,.field-card select:focus{border-color:#f4c54266;box-shadow:0 0 0 4px #f4c54214}.auth-form input::placeholder{color:var(--text-muted)}.primary-button,.ghost-button,.section-nav button{border-radius:var(--radius-sm);cursor:pointer}.primary-button{padding:14px 18px;background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:#111;font-weight:700;box-shadow:0 10px 24px #f4c5422e}.primary-button:hover{background:linear-gradient(180deg,#ffe173,var(--accent-hover));transform:translateY(-1px)}.primary-button:active{background:linear-gradient(180deg,var(--accent),var(--accent-pressed));transform:translateY(0)}.primary-button:disabled{opacity:.72;cursor:wait;transform:none;box-shadow:none}.ghost-button{padding:14px 16px;background:var(--bg-soft);color:var(--text-secondary);border:1px solid var(--border)}.ghost-button:hover,.section-nav button:hover{background:var(--bg-hover);border-color:var(--border-strong)}.ghost-button:active,.section-nav button:active{background:var(--bg-pressed)}.error-text{margin:0;color:var(--danger);font-size:13px;line-height:1.4}.panel-shell{display:grid;grid-template-columns:248px minmax(0,1fr);gap:20px;height:calc(100vh - 48px);overflow:hidden}.panel-sidebar{border-radius:28px;padding:18px;display:flex;flex-direction:column;gap:16px;align-self:start;height:100%;overflow:hidden;background:linear-gradient(180deg,#1b1b1efa,#141416fa)}.sidebar-brand{justify-content:flex-start;padding:4px 2px}.sidebar-brand-main{display:flex;align-items:center;gap:16px;min-width:0}.sidebar-brand-copy{min-width:0}.sidebar-brand-copy strong{display:block;font-size:17px;letter-spacing:-.02em}.mobile-nav-shell{display:none}.sidebar-group-stack{display:grid;gap:16px}.sidebar-group{display:grid;gap:8px}.sidebar-group-label{margin:0;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.section-nav{display:grid;gap:8px}.section-nav button{padding:13px 14px;border:1px solid transparent;background:transparent;color:var(--text-secondary);text-align:left}.section-nav button.active{background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:#111;box-shadow:0 14px 24px #f4c54224}.section-nav button span,.section-nav button small{display:block}.section-nav button span{font-size:14px;font-weight:600}.section-nav button small{margin-top:4px;color:inherit;opacity:.72;font-size:12px}.sidebar-section-button{position:relative;display:grid;grid-template-columns:3px minmax(0,1fr);align-items:center;gap:12px;padding:11px 12px;border-radius:16px;border:1px solid transparent;background:transparent;color:var(--text-secondary);text-align:left}.sidebar-section-button:hover{background:#ffffff08;color:var(--text-main)}.sidebar-section-button.active{background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:#111;box-shadow:0 14px 24px #f4c54224}.sidebar-section-mark{width:3px;height:24px;border-radius:999px;background:transparent}.sidebar-section-button.active .sidebar-section-mark{background:#111111c7}.sidebar-section-copy strong,.sidebar-section-copy small{display:block}.sidebar-section-copy strong{font-size:13px;font-weight:600}.sidebar-section-copy small{display:none}.logout-button{margin-top:auto}.panel-main{display:grid;align-content:start;gap:16px;min-height:0;height:100%;overflow-y:auto;padding-right:4px}.panel-header{border-radius:22px;padding:16px 18px;display:grid;gap:12px;background:linear-gradient(180deg,#1d1d20fa,#18181bfa)}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel-toolbar-copy{min-width:0;display:grid;gap:6px}.panel-title{margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1;letter-spacing:-.04em}.field-head span,.status-badge-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.panel-toolbar-meta{display:flex;align-items:center;gap:16px;min-width:0}.status-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff05;color:var(--text-secondary);white-space:nowrap}.status-badge strong{font-size:13px;font-weight:600;color:var(--text-main)}.status-badge-dot{width:8px;height:8px;border-radius:50%;background:#fff3;flex-shrink:0}.status-badge.connected .status-badge-dot{background:var(--accent);box-shadow:0 0 0 4px #f4c54214}.user-dock{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff05}.user-dock-copy{display:grid;gap:2px}.user-dock-copy strong{font-size:14px;font-weight:600}.user-dock-copy span{color:var(--text-secondary);font-size:12px}.user-logout-button{position:relative;width:34px;height:34px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.user-logout-button:hover{background:var(--bg-hover);color:var(--text-main)}.menu-surface{border-radius:22px;padding:18px;background:linear-gradient(180deg,#19191cfa,#141417fa)}.section-stack{display:grid;gap:14px}.category-block{display:grid;gap:12px;border-radius:16px;padding:16px;background:linear-gradient(180deg,#1e1e22fa,#18181bfa)}.category-head strong{display:block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.category-head p{display:none;margin:0;color:var(--text-muted);font-size:13px;line-height:1.5}.control-grid,.field-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-stack.single-column,.field-stack.single-column{grid-template-columns:1fr}.toggle-card,.field-card{border-radius:14px;padding:14px}.toggle-card{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;background:linear-gradient(180deg,#1d1d20fa,#17171afa)}.toggle-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.toggle-card.active{border-color:#f4c54229;background:linear-gradient(180deg,#212124fa,#1a1a1dfa)}.toggle-card-copy{min-width:0}.toggle-card strong{display:block;font-size:13px;font-weight:600}.toggle-card p{display:none;margin:0;color:var(--text-secondary);font-size:13px;line-height:1.45}.toggle-switch{position:relative;width:50px;height:30px;border-radius:999px;background:#2a2a2f;box-shadow:inset 0 0 0 1px #ffffff0a;flex-shrink:0}.toggle-switch.active{background:linear-gradient(180deg,var(--accent-hover),var(--accent));box-shadow:inset 0 0 0 1px #ffffff14,0 8px 16px #f4c54224}.toggle-switch-thumb{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:999px;background:#f7f7f8;box-shadow:0 4px 10px #00000047;transition:transform var(--ease),background var(--ease)}.toggle-switch.active .toggle-switch-thumb{transform:translate(20px);background:#121212}.field-card{display:grid;gap:10px;background:linear-gradient(180deg,#1d1d20fa,#17171afa)}.field-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-head strong{font-size:14px;font-weight:700}.slider-shell{display:grid;align-items:center;min-height:28px}.field-card input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--slider-percent, 0%),rgba(255,255,255,.14) var(--slider-percent, 0%),rgba(255,255,255,.14) 100%);outline:none}.field-card input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:transparent}.field-card input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-6px;width:16px;height:16px;border-radius:50%;border:0;background:var(--accent);box-shadow:0 0 0 4px #f4c54224}.field-card input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:#ffffff24}.field-card input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--accent)}.field-card input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:0;background:var(--accent);box-shadow:0 0 0 4px #f4c54224}.field-card select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:44px;background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 22px) calc(50% - 2px),calc(100% - 16px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.field-card select option{background:#151518;color:var(--text-main)}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.action-button{width:100%;min-height:48px;font-weight:600}.mobile-nav-trigger{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,#1d1d20fa,#17171afa);color:var(--text-main);display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left}.mobile-nav-trigger small{display:block;margin-top:4px;color:var(--text-muted);font-size:12px}.mobile-nav-trigger span{display:block;font-size:16px;font-weight:600}.mobile-nav-meta{display:flex;align-items:center;gap:10px}.mobile-nav-chevron{width:10px;height:10px;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:rotate(45deg);opacity:.85}.mobile-nav-trigger.open{border-color:#f4c5422e;background:linear-gradient(180deg,#232326fa,#19191cfa)}.mobile-nav-trigger.open .mobile-nav-chevron{transform:rotate(225deg)}.mobile-nav-dropdown{margin-top:12px;display:grid;gap:10px;transform-origin:top center;animation:mobile-dropdown-in .18s ease}.mobile-section-nav{gap:10px}.header-logout-icon,.sidebar-logout-icon{display:none}.mobile-logout-door,.mobile-logout-arrow{position:absolute;display:block}.mobile-logout-door{left:10px;top:9px;width:9px;height:14px;border:2px solid currentColor;border-right:0;border-radius:3px 0 0 3px;opacity:.92}.mobile-logout-arrow{left:16px;top:13px;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.mobile-logout-arrow:before{content:"";position:absolute;right:3px;top:2px;width:10px;height:2px;background:currentColor;transform:rotate(-45deg);transform-origin:right center}@keyframes mobile-dropdown-in{0%{opacity:0;transform:translateY(-6px) scaleY(.96)}to{opacity:1;transform:translateY(0) scaleY(1)}}@media (prefers-reduced-motion: no-preference){.mobile-nav-trigger,.mobile-nav-dropdown,.toggle-switch-thumb,.toggle-switch{will-change:auto}}@media (max-width: 1120px){body{overflow:auto}.panel-shell{grid-template-columns:1fr;height:auto;overflow:visible}}@media (max-width: 860px){.auth-shell,.panel-shell,.panel-sidebar,.panel-header{padding:16px}.panel-main{height:auto;overflow:visible;padding-right:0}.panel-toolbar,.panel-toolbar-meta{flex-direction:column;align-items:stretch}.control-grid,.field-grid{grid-template-columns:1fr}}@media (max-width: 780px){.panel-sidebar>.sidebar-status-card,.panel-sidebar>.sidebar-group-stack,.panel-sidebar>.logout-button{display:none}.mobile-nav-shell{display:block}.panel-sidebar{gap:14px}.status-strip{display:grid;grid-template-columns:1fr}}