:root{--bg: #17191D;--panel: #212328;--panel-2: #282B31;--border: #2C2F36;--border-strong: #3A3E47;--accent: #F7D154;--accent-grad: linear-gradient(145deg, #FCE072 0%, #F3C63F 100%);--accent-soft: rgba(247, 209, 84, .14);--text: #FFFFFF;--muted: #7E828C;--ok: #4AD991;--bad: #FF5C77;--orange: #F7D154;--cyan: #5AC8FA;--violet: #B78BFF;--blue: #5AC8FA;--radius: 18px;--sidebar: 235px;--font-apple: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "San Francisco", "Helvetica Neue", system-ui, sans-serif;--font-apple-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "San Francisco", "Helvetica Neue", system-ui, sans-serif;font-family:var(--font-apple);font-size:14.5px;letter-spacing:-.01em;color:var(--text);background:var(--bg);color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#343842 transparent}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-track{background:transparent;border-radius:999px}*::-webkit-scrollbar-thumb{background:#323640;border-radius:999px;border:1.5px solid transparent;background-clip:padding-box;transition:background-color .2s ease}*::-webkit-scrollbar-thumb:hover{background:#f7d154a6;border:1.5px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:active{background:var(--accent);border:1.5px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}html,body,#root{height:100%;font-family:var(--font-apple)}body{margin:0;background:var(--bg);color:var(--text)}h1,h2,h3{margin:0;font-family:var(--font-apple-display);letter-spacing:-.02em;color:var(--text)}.serif{font-family:var(--font-apple-display)}.gold-text{color:var(--accent)}.muted{color:var(--muted);font-weight:400;font-size:13px}.ok{color:var(--ok)}.bad{color:var(--bad)}a{color:var(--accent);text-decoration:none}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}.topbar,.sidebar-backdrop,.menu-close{display:none}.sidebar{height:100%;overflow-y:auto;padding:28px 0 22px;display:flex;flex-direction:column;gap:2px;background:#1d1f24;border-right:1px solid rgba(255,255,255,.04)}.brand{display:flex;align-items:center;gap:10px;padding:0 24px 28px}.brand-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-grad);color:#17191d;font-weight:800;font-size:16px;box-shadow:0 6px 18px #f7d15440}.brand h1{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.02em}.brand h1:after{content:" .";color:var(--accent);font-weight:900}.brand small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}.nav-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 24px;border-radius:0;border:0;background:transparent;color:#8a8f99;font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;text-align:left}.nav-btn:hover{color:#fff;background:#ffffff08}.nav-btn.active{color:#fff;font-weight:600;background:linear-gradient(90deg,#f7d15429,#f7d15408);box-shadow:inset 3px 0 0 var(--accent)}.nav-btn .ico{width:20px;height:20px;display:inline-grid;place-items:center;font-size:13px;color:#8a8f99;transition:color .18s}.nav-btn:hover .ico{color:#fff}.nav-btn.active .ico{color:var(--accent)!important}.sidebar .spacer{flex:1}.user-card{margin:0 16px;padding:14px;border-radius:14px;background:var(--panel);border:1px solid rgba(255,255,255,.04);font-size:13px;color:var(--text)}.main{height:100%;overflow-y:auto;overflow-x:hidden;padding:30px 36px 44px;animation:fade .2s ease;display:flex;flex-direction:column}.main>*{width:100%;max-width:1340px;margin-left:auto;margin-right:auto;flex-shrink:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.page-head h2{font-size:32px;font-weight:700;letter-spacing:-.025em;color:#8a8f99;line-height:1.15}.page-head h2 .gold-text{color:#fff}.page-head p{margin:5px 0 0;font-size:13.5px;font-weight:400;color:var(--muted)}@keyframes fade{0%{opacity:0}to{opacity:1}}.card{background:var(--panel);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius);padding:20px 22px;min-width:0;box-shadow:0 8px 24px #00000038;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 14px;text-align:left}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head h3{margin:0}.card.featured{background:var(--accent-grad);color:#17191d;border-color:#ffffff40;box-shadow:0 14px 34px #f7d1543d}.card.featured h3,.card.featured b,.card.featured .value,.card.featured .gold-text,.card.featured .ok{color:#17191d!important}.card.featured .label,.card.featured .sub,.card.featured .muted{color:#17191db8!important}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.quick-tile{background:var(--panel);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius);padding:22px 16px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.quick-tile:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000052}.quick-tile .q-ico{width:52px;height:52px;border-radius:50%;background:#2c2f36;color:#9ca1ab;display:grid;place-items:center;font-size:20px;margin-bottom:2px;transition:background .18s,color .18s}.quick-tile b{font-size:15px;font-weight:600;color:#fff}.quick-tile small{font-size:12px;color:var(--muted)}.quick-tile.featured{background:var(--accent-grad);color:#17191d;box-shadow:0 14px 34px #f7d15440}.quick-tile.featured .q-ico{background:#17191d24;color:#17191d}.quick-tile.featured b{color:#17191d}.quick-tile.featured small{color:#17191db8}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.stat{text-align:center;padding:22px 18px}.stat .label{color:var(--muted);font-size:13px;font-weight:500}.stat .value{font-family:var(--font-apple-display);font-size:32px;font-weight:700;line-height:1.15;margin-top:10px;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.025em;overflow-wrap:anywhere}.stat .value.gold-text{color:#fff}.stat .value.ok{color:var(--ok)}.stat .value.bad{color:var(--bad)}.stat .sub{font-size:12.5px;font-weight:500;margin-top:8px;color:var(--muted)}label.f{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:400;color:var(--muted);text-align:left}input,select,textarea{font:inherit;font-size:14px;color:var(--text);background:#181a1e;border:1px solid var(--border);border-radius:12px;padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f7d15424}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23F7D154' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}select option{background:var(--panel);color:var(--text)}input[type=number]{-moz-appearance:textfield;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='30' viewBox='0 0 24 30' fill='none'%3E%3Crect x='0.75' y='0.75' width='22.5' height='28.5' rx='7' fill='%2323262D' stroke='%233A3E47' stroke-width='1.2'/%3E%3Cline x1='2' y1='15' x2='22' y2='15' stroke='%23323640' stroke-width='1'/%3E%3Cpath d='M8.5 10.5L12 7L15.5 10.5' stroke='%239CA1AB' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 19.5L12 23L15.5 19.5' stroke='%239CA1AB' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}input[type=number]:hover,input[type=number]:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='30' viewBox='0 0 24 30' fill='none'%3E%3Crect x='0.75' y='0.75' width='22.5' height='28.5' rx='7' fill='%23282C35' stroke='%23F7D154' stroke-opacity='0.65' stroke-width='1.2'/%3E%3Cline x1='2' y1='15' x2='22' y2='15' stroke='%23F7D154' stroke-opacity='0.25' stroke-width='1'/%3E%3Cpath d='M8.5 10.5L12 7L15.5 10.5' stroke='%23F7D154' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 19.5L12 23L15.5 19.5' stroke='%23F7D154' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input[type=number][data-step-hover=up]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='30' viewBox='0 0 24 30' fill='none'%3E%3Crect x='0.75' y='0.75' width='22.5' height='28.5' rx='7' fill='%23282C35' stroke='%23F7D154' stroke-width='1.3'/%3E%3Cpath d='M1.5 7.5C1.5 4.18629 4.18629 1.5 7.5 1.5H16.5C19.8137 1.5 22.5 4.18629 22.5 7.5V15H1.5V7.5Z' fill='%23F7D154' fill-opacity='0.22'/%3E%3Cline x1='2' y1='15' x2='22' y2='15' stroke='%23F7D154' stroke-opacity='0.4' stroke-width='1'/%3E%3Cpath d='M8.5 10.5L12 7L15.5 10.5' stroke='%23F7D154' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 19.5L12 23L15.5 19.5' stroke='%239CA1AB' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input[type=number][data-step-hover=down]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='30' viewBox='0 0 24 30' fill='none'%3E%3Crect x='0.75' y='0.75' width='22.5' height='28.5' rx='7' fill='%23282C35' stroke='%23F7D154' stroke-width='1.3'/%3E%3Cpath d='M1.5 15H22.5V22.5C22.5 25.8137 19.8137 28.5 16.5 28.5H7.5C4.18629 28.5 1.5 25.8137 1.5 22.5V15Z' fill='%23F7D154' fill-opacity='0.22'/%3E%3Cline x1='2' y1='15' x2='22' y2='15' stroke='%23F7D154' stroke-opacity='0.4' stroke-width='1'/%3E%3Cpath d='M8.5 10.5L12 7L15.5 10.5' stroke='%239CA1AB' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 19.5L12 23L15.5 19.5' stroke='%23F7D154' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:none}.ball-cell input[type=number]{padding-right:6px;background-image:none!important}.auto-wrap-input{resize:none;overflow:hidden;line-height:1.35;word-break:break-word;overflow-wrap:anywhere;display:block}input[type=date]{width:auto;color-scheme:dark}.dp-wrap{position:relative;display:inline-block;width:100%;min-width:145px}.dp-trigger{width:100%;font:inherit;font-size:13.5px;font-weight:500;color:var(--text);background:#181a1e;border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.dp-trigger:hover{border-color:var(--border-strong)}.dp-trigger.open{border-color:var(--accent);box-shadow:0 0 0 3px #f7d15424}.dp-ico{color:var(--accent);flex-shrink:0}.dp-pop{position:absolute;top:calc(100% + 8px);left:0;width:268px;background:#212328;border:1px solid var(--border-strong);border-radius:18px;padding:16px;z-index:80;box-shadow:0 20px 48px #0000008c;animation:fade .14s ease}.dp-pop.up{top:auto;bottom:calc(100% + 8px)}.dp-pop.right{left:auto;right:0}.dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14.5px;color:#fff}.dp-nav{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:#181a1e;color:var(--text);font-size:16px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.dp-nav:hover{border-color:var(--accent);color:var(--accent)}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:6px;letter-spacing:.04em}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.dp-day{height:32px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:13px;font-weight:500;cursor:pointer;display:grid;place-items:center;transition:background .14s,color .14s,transform .14s}.dp-day:hover{background:#ffffff0f;color:#fff}.dp-day.out{color:#7e828c6b}.dp-day.today{border-color:#f7d15473;color:var(--accent);font-weight:700}.dp-day.sel{background:var(--accent-grad);color:#17191d!important;font-weight:700;border-color:transparent;box-shadow:0 4px 12px #f7d1544d}.dp-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.dp-link{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:8px;transition:color .15s,background .15s}.dp-link:hover{color:#fff;background:#ffffff0a}.dp-link.gold{color:var(--accent)}.dp-link.gold:hover{background:#f7d1541f}.btn{font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;border-radius:12px;padding:9px 16px;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn:hover{background:#32363e;border-color:#484d58}.btn.primary{background:var(--accent-grad);color:#17191d;border-color:transparent;font-weight:700;box-shadow:0 6px 18px #f7d15438}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px #f7d15452}.btn.ghost{background:transparent;border-color:var(--border);color:var(--muted)}.btn.ghost:hover{color:#fff;background:#ffffff0a}.btn.danger{border-color:#ff5c774d;background:#ff5c7714;color:var(--bad)}.btn.danger:hover{background:#ff5c7729}.btn.sm{padding:6px 12px;font-size:12.5px;border-radius:10px}.btn:disabled{opacity:.45;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex;padding:3px;border-radius:12px;background:#181a1e;border:1px solid var(--border);max-width:100%;overflow-x:auto}.seg button{font:inherit;font-size:13px;font-weight:500;border:0;background:transparent;color:var(--muted);padding:7px 13px;border-radius:9px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}.seg button:hover{color:#fff}.seg button.on{background:var(--accent-grad);color:#17191d;font-weight:700;box-shadow:0 3px 10px #f7d15438}.table-wrap{overflow-x:auto;overflow-y:visible;flex-shrink:0}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-weight:500;color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;padding:11px 12px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;color:var(--text)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7d1540a}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;border:1px solid var(--border-strong);background:#181a1e;color:var(--muted);white-space:nowrap}.pill.nacional{color:var(--accent);background:#f7d1541f;border-color:#f7d1544d}.pill.italiano{color:var(--cyan);background:#5ac8fa1f;border-color:#5ac8fa4d}.pill.manilla{color:var(--violet);background:#b78bff1f;border-color:#b78bff4d}.pill.dije{color:var(--accent);background:#f7d1541f;border-color:#f7d1544d}.pill.disponible{color:var(--ok);background:#4ad9911f;border-color:#4ad9914d}.pill.vendida{color:var(--bad);background:#ff5c771f;border-color:#ff5c774d}.balls{display:flex;flex-wrap:wrap;gap:5px}.ball-chip{font-size:11.5px;padding:3px 8px;border-radius:999px;background:#181a1e;border:1px solid var(--border);color:var(--text)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:16px}.item-card{display:flex;flex-direction:column;gap:12px}.item-card:hover{transform:translateY(-2px);border-color:#f7d15440;box-shadow:0 12px 28px #00000052}.item-card .price{font-family:var(--font-apple-display);font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.item-card .meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:12px}.item-card .meta div{background:#181a1e;padding:9px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.03)}.item-card .meta b{display:block;font-size:13.5px;color:var(--text);font-weight:600;margin-top:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50;padding:20px;animation:fade .15s}.modal{width:min(760px,100%);max-height:92dvh;overflow:auto;background:var(--panel);border:1px solid var(--border-strong);border-radius:20px;padding:24px;box-shadow:0 24px 60px #00000080}.modal h3{font-size:20px;font-weight:700;margin-bottom:18px}.ball-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.ball-cell{text-align:center;background:#181a1e;border:1px solid var(--border);border-radius:12px;padding:10px 6px}.ball-cell .dot{margin:0 auto 6px;border-radius:50%;background:var(--accent)}.ball-cell input{text-align:center;padding:6px;background:var(--panel)}.breakdown{background:#181a1e;border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:grid;gap:8px;font-size:13.5px}.breakdown .line{display:flex;justify-content:space-between;gap:10px}.breakdown .total{border-top:1px solid var(--border);padding-top:10px;font-size:15.5px;font-weight:700}.bar{height:7px;border-radius:999px;background:#181a1e;overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;transition:width .4s ease}.chart{display:flex;align-items:flex-end;gap:14px;height:190px;padding:18px 8px 4px;overflow-x:auto}.chart .col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-width:24px;height:100%}.chart .bars-pair{display:flex;align-items:flex-end;justify-content:center;gap:5px;width:100%;height:100%}.chart .bar-pill{width:7px;border-radius:999px;transition:height .35s ease}.chart .bar-pill.rev{background:#383c45}.chart .bar-pill.prof{background:var(--accent-grad);box-shadow:0 2px 10px #f7d15440}.chart .col span{width:8px;border-radius:999px;background:var(--accent-grad);box-shadow:0 2px 10px #f7d15438;transition:height .3s ease}.chart .col small{font-size:11px;color:var(--muted);font-weight:400}.ring-wrap{display:flex;align-items:center;gap:16px}.ring-svg{transform:rotate(-90deg);flex-shrink:0}.ring-bg{fill:none;stroke:#181a1e}.ring-fg{fill:none;stroke-linecap:round;transition:stroke-dashoffset .4s ease}.tip{display:flex;gap:12px;padding:13px 15px;border-radius:14px;background:#181a1e;border:1px solid var(--border)}.tip .ti{font-size:18px}.tip b{display:block;margin-bottom:3px;font-weight:600;color:var(--text)}.preset{cursor:pointer}.preset:hover{border-color:var(--accent);transform:translateY(-2px)}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:20px;background:var(--bg)}.login{width:min(400px,100%);padding:36px 30px}.login .brand-logo{width:52px;height:52px;font-size:24px;margin:0 auto 16px;border-radius:14px}.err{color:var(--bad);font-size:13px;background:#ff5c771a;border:1px solid rgba(255,92,119,.25);padding:10px 12px;border-radius:10px}.toast{position:fixed;bottom:22px;right:22px;z-index:99;padding:13px 18px;border-radius:14px;background:var(--accent-grad);color:#17191d;font-size:14px;font-weight:700;box-shadow:0 12px 30px #f7d1544d;max-width:calc(100vw - 40px)}.empty{text-align:center;padding:44px 20px;color:var(--muted);font-size:14px}@media(max-width:1200px){.g4,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.g-2-1,.g3{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1d1f24;border-bottom:1px solid var(--border)}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-brand .brand-logo{width:32px;height:32px;font-size:15px}.topbar-brand h1{font-size:17px;line-height:1.1;color:var(--text)}.topbar-brand h1:after{content:" .";color:var(--accent)}.topbar-brand small{display:block;font-size:12px;margin-top:1px}.hamburger-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border-strong);background:var(--panel);color:var(--accent);font-size:19px;line-height:1;display:grid;place-items:center;cursor:pointer}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55;animation:fade .15s}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(270px,82vw);height:100dvh;z-index:60;transform:translate(-100%);transition:transform .22s ease;box-shadow:14px 0 36px #0000008c}.sidebar.open{transform:translate(0)}.menu-close{display:grid;place-items:center;margin-left:auto;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:14px;cursor:pointer}.main{padding:20px 18px 32px}.g2{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){:root{font-size:14px}.main{padding:16px 12px 28px}.page-head h2{font-size:26px}.page-head>.row,.page-head>div:last-child{width:100%}.g4,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:16px}.stat .value{font-size:26px}.ball-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.items-grid{grid-template-columns:1fr}.overlay{padding:0;place-items:end stretch}.modal{width:100%;max-height:94dvh;border-radius:20px 20px 0 0;padding:18px}.row>input[type=date]{flex:1}td,th{padding:9px 8px}}