:root{--bg: #0a0e13;--bg-soft: #0e141c;--panel: #121a24;--panel-2: #16202c;--line: #1f2c3a;--line-soft: #18232f;--text: #e8eef4;--muted: #8fa0af;--faint: #5c6b78;--green: #34d399;--green-soft: #6ee7b7;--blue: #38bdf8;--cyan: #22d3ee;--amber: #fbbf24;--orange: #fb923c;--red: #f87171;--violet: #a78bfa;--pink: #f472b6;--money: #4ade80;--loss: #fb7185;--radius: 12px;--radius-sm: 8px;--shadow: 0 8px 28px rgba(0, 0, 0, .35);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}.num{font-variant-numeric:tabular-nums}.shell{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:18px;padding:10px 20px;background:linear-gradient(180deg,#101824,#0d141d);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:8px;-webkit-user-select:none;user-select:none}.brand .pulso{font-size:18px;font-weight:800;letter-spacing:.02em;color:var(--green)}.brand .boston{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.18em;text-transform:uppercase}.tabs{display:flex;gap:4px}.tab{background:none;border:none;cursor:pointer;text-decoration:none;padding:7px 14px;border-radius:999px;color:var(--muted);font-weight:600;font-size:13.5px;transition:all .15s}.tab:hover{color:var(--text);background:var(--panel-2)}.tab.active{color:#06251a;background:var(--green)}.topbar .spacer{flex:1}.view-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.scope-toggle{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:2px}.scope-toggle button{border:none;background:none;cursor:pointer;color:var(--muted);padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:600}.scope-toggle button.active{background:var(--panel-2);color:var(--text)}.cycle-pick{display:flex;align-items:center;gap:6px}.cycle-pick select{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 10px;color:var(--text);max-width:230px}.cycle-pick .arrow{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);width:30px;height:30px;cursor:pointer;color:var(--muted);display:grid;place-items:center}.cycle-pick .arrow:hover{color:var(--text);border-color:var(--green)}.userchip{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px}.userchip .role{background:var(--panel-2);border:1px solid var(--line);padding:2px 8px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.userchip button{background:none;border:none;color:var(--faint);cursor:pointer;font-size:12px}.userchip button:hover{color:var(--red)}.main{flex:1;min-height:0;overflow:auto;padding:22px;max-width:1480px;margin:0 auto;width:100%}.cal-view{display:flex;flex-direction:column;height:100%;min-height:0}.cal-view .cal-head{flex:none}.panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px}.panel h3{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.panel.danger-zone{border-color:var(--red)}.panel.danger-zone h3{color:var(--red)}.panel.danger-zone code{background:#f871711f;color:var(--red);padding:1px 6px;border-radius:4px;font-weight:700}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.kpi{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px 16px}.kpi .label{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.kpi .value{font-size:24px;font-weight:750;margin-top:4px;letter-spacing:-.02em}.kpi .delta{font-size:12px;margin-top:3px;color:var(--muted)}.kpi .delta.up{color:var(--money)}.kpi .delta.down{color:var(--loss)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-main-side{display:grid;grid-template-columns:2.1fr 1fr;gap:16px}@media(max-width:1000px){.grid2,.grid-main-side{grid-template-columns:1fr}}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 14px;cursor:pointer;font-weight:600;font-size:13px;transition:all .15s}.btn:hover{border-color:var(--green)}.btn.primary{background:var(--green);color:#06251a;border-color:var(--green)}.btn.primary:hover{filter:brightness(1.1)}.btn.danger:hover{border-color:var(--red);color:var(--red)}.btn.small{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}input[type=text],input[type=password],input[type=email],input[type=tel],input[type=date],select{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 10px;color:var(--text);outline:none}input:focus,select:focus{border-color:var(--green)}input[type=date]{color-scheme:dark}label.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,#11202b,var(--bg))}.login-card{width:min(360px,100vw - 32px);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}@media(max-width:480px){.login-card{padding:20px}}.login-card .brand{justify-content:center;margin-bottom:8px}.login-card input{width:100%}.login-error{color:var(--red);font-size:13px;text-align:center}.login-ok{color:var(--green);font-size:13px;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;overflow-y:auto;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.month-pick{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px 8px;color:var(--text);font-size:12px;color-scheme:dark;cursor:pointer}.month-pick:hover{border-color:var(--green)}.cal-legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px;font-size:11.5px;color:var(--muted)}.cal-legend .chip{display:inline-flex;align-items:center;gap:6px}.cal-legend .sw{width:12px;height:12px;border-radius:3px}.day-full-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:var(--bg);display:flex}.day-full{position:relative;width:100vw;height:100vh;background:var(--bg);display:flex;flex-direction:column}.df-wrap{display:flex;flex-direction:column;height:100%;min-height:0}.df-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid var(--line-soft);background:var(--bg-soft)}.df-titlebox{display:flex;flex-direction:column;line-height:1.2;flex:none}.df-fecha{font-size:15px;font-weight:700;color:var(--text)}.df-meslabel{font-size:11.5px;color:var(--muted)}.df-hint{color:var(--faint)}.df-controls{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.df-sep{width:1px;height:18px;background:var(--line-soft);margin:0 2px}.df-mes{display:inline-flex;align-items:center;gap:6px}.tr-badge{font-size:11px;font-weight:700;color:var(--amber);border:1px solid var(--amber);border-radius:999px;padding:1px 8px}.df-close{flex:none;background:none;border:none;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:4px 6px}.df-close:hover{color:var(--text)}.df-warn-wrap{position:relative;flex:none}.df-warn-badge{background:var(--amber);color:#7a1212;border:1px solid var(--red);font-size:12px;font-weight:800;line-height:1;cursor:pointer;border-radius:999px;padding:3px 9px}.df-warn-badge:hover{filter:brightness(1.08)}.df-warn-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:min(420px,92vw);background:var(--panel);border:1px solid var(--red);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:10px 12px}.df-warn-title{font-size:12px;font-weight:700;color:var(--amber);margin-bottom:6px}.df-warn-panel ul{margin:0;padding-left:16px}.df-warn-panel li{font-size:11.5px;color:var(--text);margin-bottom:4px;line-height:1.35}.df-body{flex:1 1 auto;min-height:0;padding:10px 14px}.df-diff{position:absolute;right:14px;bottom:14px;z-index:5;width:min(360px,90vw);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:12px}.month{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px}.month h4{flex:none;margin:0 0 8px;font-size:14px;color:var(--text);text-transform:capitalize}.month .dow{flex:none;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}.month .dow span{text-align:center;font-size:10px;color:var(--faint);text-transform:uppercase}.daygrid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day{position:relative;min-height:0;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;gap:1px;padding:10px 8px 6px;font-size:12px;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line-soft);cursor:default;transition:border-color .12s,transform .12s}.day.empty{visibility:hidden}.day.in-mes{color:var(--text)}.day.clickable{cursor:pointer}.day.clickable:hover{border-color:var(--line);transform:translateY(-1px)}.day.today{box-shadow:inset 0 0 0 2px var(--cyan)}.day.sel{border-color:var(--green)}.day.tr{border-color:var(--amber)}.day.warn{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.day .tint{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;z-index:0}.day-strip{position:absolute;top:0;left:0;right:0;height:4px;opacity:.5;z-index:1}.day-strip.start{opacity:1;height:5px}.day-strip.start:before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;background:inherit;border-bottom-right-radius:4px}.day-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start}.day .num{font-weight:600}.day-marks{display:inline-flex;gap:3px;align-items:center}.day-cambio{font-size:9px;color:var(--text)}.day-warn-mark{font-size:11px;color:var(--red)}.day .trflag{font-size:12px;color:var(--amber)}.day-plan{position:relative;z-index:1;display:flex;gap:7px;font-size:10px;color:var(--muted)}.day-venta{position:relative;z-index:1;font-size:12px;font-weight:700;color:var(--money)}.day-apl{position:relative;z-index:1;font-size:9px;font-weight:700}.day-apl.ok{color:var(--green)}.day-apl.no{color:var(--amber)}.day-panel{display:flex;flex-direction:column;gap:14px}.dp-head{padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.dp-head .fecha{font-size:17px;font-weight:700;color:var(--text)}.card{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:14px}.card h3{margin:0 0 6px;font-size:13px}.card.tr{border-color:#5a4a14}.card.disabled{opacity:.6}.card .mb{margin-bottom:10px}.flow-wrap{position:relative}.flow-svg{width:100%;height:auto;display:block}.flow-node-label{font-size:13px;font-weight:700;fill:var(--text)}.flow-node-sub{font-size:11px;fill:var(--muted)}.flow-edge-label{font-size:11px;font-weight:700;fill:var(--text)}@keyframes dashflow{to{stroke-dashoffset:-26}}.flow-edge{fill:none;stroke-linecap:round;opacity:.85}.flow-edge.animated{stroke-dasharray:1 12;animation:dashflow 1.1s linear infinite}.flow-edge-base{fill:none;stroke-linecap:round;opacity:.16}.flow-tip{position:absolute;pointer-events:none;background:#0d1722;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:12.5px;box-shadow:var(--shadow);z-index:10}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}table.data th.r,table.data td.r{text-align:right}table.data td{padding:8px 10px;border-bottom:1px solid var(--line-soft)}table.data tr.clickable{cursor:pointer}table.data tr.clickable:hover td{background:var(--panel-2)}.pos{color:var(--money)}.neg{color:var(--loss)}.bar-bg{background:var(--bg-soft);border-radius:4px;height:8px;min-width:60px;overflow:hidden}.bar-fill{height:100%;border-radius:4px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080c99;z-index:90}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(620px,94vw);z-index:95;background:var(--bg-soft);border-left:1px solid var(--line);box-shadow:var(--shadow);padding:22px;overflow-y:auto}.drawer .close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer}.drawer .close:hover{color:var(--text)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mt{margin-top:16px}.mb{margin-bottom:16px}.muted{color:var(--muted)}.small{font-size:12px}.tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--line);color:var(--muted)}.tag.hero{border-color:var(--money);color:var(--money)}.tag.merma{border-color:var(--red);color:var(--red)}.tag.premium{border-color:var(--violet);color:var(--violet)}.loading{color:var(--faint);padding:30px;text-align:center;font-size:13px}.spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.legend-chip{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.legend-chip .dot{width:10px;height:10px;border-radius:3px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--green);color:var(--text);border-radius:999px;padding:8px 18px;font-size:13px;z-index:200;box-shadow:var(--shadow)}.plano-fit{position:relative;width:100%;height:100%;overflow:hidden}.plano-canvas{position:absolute;top:50%;left:50%;transform-origin:center center;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-sm)}.pl-label{position:absolute;font-size:11px;font-weight:700;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:4px;padding:1px 6px;white-space:nowrap;z-index:2}.pl-label.vert{writing-mode:vertical-rl}.pl-perchero{position:absolute;border:1px dashed var(--line);border-radius:8px}.pl-ptag{position:absolute;top:-9px;left:8px;background:var(--panel);padding:0 4px;font-size:10px;color:var(--faint)}.pl-tele{position:absolute;display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--line);border-radius:6px;background:var(--bg-soft)}.pl-tele.aisle{border-color:var(--blue)}.pl-tele.rack{border-color:var(--amber)}.pl-tele.cajon{border-color:var(--line);border-width:2px}.pl-hdr{font-size:11px;font-weight:700;color:var(--text);padding:2px 6px;background:#ffffff0a;border-bottom:1px solid var(--line-soft);white-space:nowrap}.pl-cells{flex:1;display:flex;min-height:0}.pl-tele.vert .pl-cells,.pl-tele.rack .pl-cells{flex-direction:column}.pl-celda{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px 4px;cursor:pointer;background:transparent;border:none;border-right:1px dashed var(--line-soft);color:var(--text);text-align:center;background-size:cover;background-position:center}.pl-tele.vert .pl-celda,.pl-tele.rack .pl-celda{border-right:none;border-bottom:1px dashed var(--line-soft)}.pl-celda:last-child{border-right:none;border-bottom:none}.pl-celda:hover:not(.ro){background-color:#2dd4bf1f}.pl-celda.lleno{box-shadow:inset 0 0 0 1px var(--green)}.pl-celda.ro{cursor:default}.pl-col{font-size:11px;font-weight:800;color:var(--text);line-height:1;padding:1px 6px;border-radius:999px;background:#00000047;margin-bottom:2px}.pl-celda.has-photo .pl-col,.pl-celda.has-photo .pl-nombre,.pl-celda.has-photo .pl-q{text-shadow:0 1px 2px rgba(0,0,0,.95)}.pl-info{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.1}.pl-nombre{font-size:9.5px;font-weight:700;color:var(--text);margin-bottom:1px}.pl-q{font-size:9.5px;color:var(--text);white-space:nowrap}.pl-q .stk{color:var(--green);font-weight:700}.pl-q .stk.z{color:var(--red);font-weight:700}.pl-vacia{font-size:14px;color:var(--faint)}.sync-diff{background:var(--panel)}.sync-diff .warn{color:var(--amber);margin:4px 0 0;padding-left:16px}.row.between{justify-content:space-between}.picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:300;display:flex;align-items:center;justify-content:center}.df-blocking{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#04080cb8;display:flex;align-items:center;justify-content:center;cursor:progress;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.df-blocking-box{display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:26px 34px;box-shadow:var(--shadow);max-width:min(360px,90vw);text-align:center}.df-spinner{width:34px;height:34px;border-radius:999px;border:3px solid var(--line-soft);border-top-color:var(--green)}.df-blocking-msg{font-size:13px;color:var(--text);line-height:1.4}.picker{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:14px;width:min(440px,92vw);max-height:70vh;display:flex;flex-direction:column;gap:10px}.picker-q{padding:8px 10px;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:6px;color:var(--text)}.copy-pop{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:16px;width:min(320px,92vw);display:flex;flex-direction:column;gap:12px}.copy-pop .pk-precio{width:100%}.picker-results{overflow-y:auto;display:flex;flex-direction:column;gap:4px}.picker-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 9px;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:6px;cursor:pointer;color:var(--text);text-align:left}.picker-item{flex-direction:row;align-items:center;gap:9px}.picker-item:hover{border-color:var(--green)}.pi-foto{width:40px;height:40px;flex:none;border-radius:5px;object-fit:cover;background:var(--bg-soft);border:1px solid var(--line-soft);display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:12px}.pi-body{display:flex;flex-direction:column;gap:2px;min-width:0}.pi-nombre{font-size:13px;font-weight:600}.pi-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;color:var(--muted)}.pi-q{white-space:nowrap}.pi-sku{font-family:ui-monospace,monospace;font-size:10px;color:var(--text);background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:3px;padding:0 4px}.svc-badge{display:inline-block;font-size:8px;font-weight:800;letter-spacing:.04em;color:var(--violet);border:1px solid var(--violet);border-radius:3px;padding:0 3px;line-height:1.4;vertical-align:middle}.pl-celda.has-photo .svc-badge{background:#0d172299}.pk-config{display:flex;flex-direction:column;gap:10px}.pk-head{display:flex;align-items:center;gap:10px}.pk-foto{width:56px;height:56px;flex:none;border-radius:6px;object-fit:cover;background:var(--bg-soft);border:1px solid var(--line-soft);display:flex;align-items:center;justify-content:center;color:var(--faint)}.pk-row{display:flex;align-items:center;gap:8px}.pk-row.off{opacity:.55}.pk-q{font-size:12px;font-weight:700;width:18px}.switch{position:relative;display:inline-flex;flex:none;width:34px;height:18px;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--line);border-radius:999px;transition:background .15s}.switch .slider:before{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;background:var(--text);border-radius:50%;transition:transform .15s}.switch input:checked+.slider{background:var(--green)}.switch input:checked+.slider:before{transform:translate(16px)}.switch input:focus-visible+.slider{box-shadow:0 0 0 2px var(--green)}.pk-precio{width:96px;padding:5px 8px;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:6px;color:var(--text)}.pk-precio:disabled{opacity:.5}.cuad-cuadrado td:nth-child(3){color:var(--green)}.cuad-divergente td:nth-child(3){color:var(--amber)}.cuad-faltante td:nth-child(3){color:var(--muted)}.cuad-extra td:nth-child(3){color:var(--red)}.search-bar{display:flex;gap:8px;margin:6px 0 2px}.search-input{flex:1;padding:11px 14px;font-size:14px;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:8px;color:var(--text)}.search-input:focus{outline:none;border-color:var(--green)}.search-bar .btn{white-space:nowrap}.results-box{margin-top:12px}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.result-card{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:8px}.rc-thumb{width:38px;height:38px;flex:none;border-radius:6px;background:var(--panel);border:1px solid var(--line-soft);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--muted)}.rc-body{flex:1;min-width:0}.rc-nombre{font-size:13px;font-weight:600}.rc-meta{font-size:11px;color:var(--muted)}.result-card .btn{flex:none}.mobile-header{display:none}.hub{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:560px;margin:8px auto}.hub-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:110px;padding:18px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font-weight:700;font-size:14px;cursor:pointer;transition:border-color .15s,background .15s}.hub-btn:active{background:var(--panel-2);border-color:var(--green)}.hub-icon{color:var(--green);display:grid;place-items:center}.hub-icon svg{width:30px;height:30px}.hub-label{text-align:center;line-height:1.2}.hub-badge{position:absolute;top:10px;right:10px;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;background:var(--red);color:#2a0a0a;border-radius:999px;font-size:12px;font-weight:800}@media(max-width:1023.98px){.topbar{display:none}.mobile-header{display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(180deg,#101824,#0d141d);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.mh-menu{background:none;border:none;color:var(--text);cursor:pointer;display:grid;place-items:center;padding:4px}.mh-title{flex:1;font-weight:800;font-size:15px;letter-spacing:.02em}.mh-user{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px}.mh-user button{background:none;border:none;color:var(--faint);cursor:pointer;font-size:12px}.mh-user button:active{color:var(--red)}.main{padding:16px}}