*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}:root{--sidebar-w:72px;--header-h:52px;--bg-0:#08080f;--bg-1:#0c0c16;--bg-2:#12121e;--bg-3:#1a1a28;--bg-4:#222234;--border-1:#161625;--border-2:#1e1e30;--c-cp:#60a5fa;--accent:#60a5fa;--accent-dim:#60a5fa1a;--accent-hover:#93c5fd;--green:#4ade80;--green-dim:#4ade801a;--amber:#eab308;--amber-dim:#eab3081a;--red:#f87171;--red-dim:#f871711a;--blue:#60a5fa;--blue-dim:#60a5fa1a;--text-1:#d4d4dc;--text-2:#8888a0;--text-3:#555568;--text-4:#33334a;--font:"JetBrains Mono", monospace;--font-display:"Manrope", sans-serif;--font-body:"DM Sans", sans-serif}body{font-family:var(--font-body);color:var(--text-1);background:var(--bg-0);-webkit-font-smoothing:antialiased;font-size:13px}h1,h2,h3{font-family:var(--font-display);font-weight:600}.header-label,.screen-title,.screen-badge,.nav-item-label{font-family:var(--font);text-align:center;font-size:10px;line-height:1.25}.sched-tab,.sched-tag,.header-hub-link,.vvs-search,.vir-btn,.sched-input,.sched-textarea{font-family:var(--font)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr;height:100vh;display:grid}.app-header{background:var(--bg-0);border-bottom:1px solid var(--border-1);z-index:10;grid-column:1/-1;align-items:center;gap:10px;padding:0 16px;display:flex}.hdr-logo{cursor:pointer;flex-shrink:0;width:32px;height:32px}.hdr-logo svg{width:100%;height:100%;display:block}.header-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.header-sep{color:var(--text-4);margin:0 2px}.header-hub-link{color:var(--text-4);border:1px solid var(--border-2);border-radius:3px;margin-left:auto;padding:4px 10px;font-size:10px;text-decoration:none;transition:all .15s}.header-hub-link:hover{color:var(--text-2);border-color:var(--text-3)}.sidebar{background:var(--bg-0);border-right:1px solid var(--border-1);flex-direction:column;align-items:center;padding:8px 0;display:flex}.sidebar-nav{flex-direction:column;flex:1;align-items:center;gap:2px;width:100%;display:flex}.nav-item{cursor:pointer;width:100%;color:var(--text-3);font-family:var(--font);background:0 0;border:none;border-left:2px solid #0000;flex-direction:column;align-items:center;gap:3px;padding:10px 0;text-decoration:none;transition:color .15s;display:flex}.nav-item:hover{color:var(--text-2)}.nav-item.active{color:var(--accent);border-left-color:var(--accent)}.nav-item svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.nav-item-label{letter-spacing:.02em;font-size:10px}.content-area{background:var(--bg-1);overflow:hidden}.screen-header{border-bottom:1px solid var(--border-1);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 16px;display:flex}.screen-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.screen-badge{color:var(--text-4);background:var(--bg-3);border-radius:3px;margin-left:8px;padding:2px 8px;font-size:10px}.sched-tab{color:var(--text-3);cursor:pointer;font-size:11px;font-family:var(--font);background:0 0;border:none;border-radius:4px;padding:5px 10px;transition:all .15s}.sched-tab:hover{color:var(--text-2)}.sched-tab.active{color:var(--text-1);background:var(--bg-3)}.vvs-search{background:var(--bg-0);border:1px solid var(--border-2);width:100%;color:var(--text-1);font-family:var(--font);border-radius:4px;outline:none;padding:6px 10px;font-size:12px;transition:border-color .15s}.vvs-search:focus{border-color:var(--accent)}.vvs-search::placeholder{color:var(--text-4)}.sched-input,.sched-textarea{background:var(--bg-0);border:1px solid var(--border-2);color:var(--text-1);font-family:var(--font);resize:vertical;border-radius:4px;outline:none;width:100%;padding:8px 10px;font-size:12px;transition:border-color .15s}.sched-input:focus,.sched-textarea:focus{border-color:var(--accent)}.sched-input option{background:var(--bg-0);color:var(--text-1)}.vir-btn{font-size:11px;font-family:var(--font);background:var(--bg-2);color:var(--text-2);border:1px solid var(--border-2);cursor:pointer;border-radius:4px;padding:7px 14px;transition:all .15s}.vir-btn:hover{background:var(--bg-3);color:var(--text-1)}.vir-btn.primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:500}.vir-btn.primary:hover{background:var(--accent-hover)}.segmented-control{border:1px solid var(--border-2);border-radius:4px;display:inline-flex;overflow:hidden}.seg-opt{font-family:var(--font);color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:11px;transition:all .15s}.seg-opt:hover{color:var(--text-2)}.seg-opt.active{background:var(--accent-dim);color:var(--c-cp)}.seg-opt[disabled],.seg-opt:disabled{opacity:.4;cursor:not-allowed}.toggle{background:var(--bg-4);cursor:pointer;border:none;border-radius:10px;width:36px;height:20px;padding:0;transition:background .2s;position:relative}.toggle.on{background:var(--accent)}.toggle .knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:2px;left:2px}.toggle.on .knob{left:18px}.cp-select{width:100%;max-width:320px;font-family:var(--font);color:var(--text-1);background-color:var(--bg-3);border:1px solid var(--border-2);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238888a0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:4px;padding:6px 28px 6px 10px;font-size:13px;transition:border-color .15s}.cp-select:hover{border-color:var(--text-3)}.cp-select:focus{border-color:var(--c-cp);outline:none}.cp-select option{background:var(--bg-2);color:var(--text-1)}