:root{--color-primary:#06c;--color-primary-focus:#0071e3;--color-ink:#1d1d1f;--color-ink-muted-80:#333;--color-ink-muted-48:#7a7a7a;--color-canvas:#fff;--color-parchment:#f5f5f7;--color-pearl:#fafafc;--color-hairline:#e0e0e0;--color-divider-soft:#f0f0f0;--color-surface-black:#000;--color-on-dark:#fff;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, "Segoe UI", sans-serif;--font-text:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", sans-serif;--radius-sm:8px;--radius-md:11px;--radius-lg:18px;--radius-pill:9999px;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:17px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{font-family:var(--font-text);letter-spacing:-.16px;color:var(--color-ink);background:var(--color-canvas);font-size:15px;line-height:1.47}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.24px;color:var(--color-ink);margin:0;font-weight:600}p{margin:0}button{font-family:var(--font-text)}.app{background:var(--color-canvas);min-height:100vh}header{align-items:center;gap:var(--space-sm);height:52px;padding:0 var(--space-lg);background:var(--color-surface-black);color:var(--color-on-dark);z-index:60;display:flex;position:sticky;top:0}header h1{letter-spacing:-.1px;color:var(--color-on-dark);white-space:nowrap;margin:0;font-size:15px;font-weight:600}.menu-toggle{color:var(--color-on-dark);cursor:pointer;padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);background:0 0;border:none;font-size:1.2rem;display:none}.menu-toggle:active{transform:scale(.95)}.badge{font-family:var(--font-text);letter-spacing:-.12px;border-radius:var(--radius-pill);margin-left:auto;padding:3px 10px;font-size:12px;font-weight:400}.badge.online{color:#30d158;background:#30d15829}.badge.offline{color:#b45309;background:#ffd60a2e}.layout{align-items:stretch;min-height:calc(100vh - 52px);display:flex;position:relative}.sidebar-wrap{background:var(--color-parchment);border-right:1px solid var(--color-hairline);flex:0 0 232px}.sidebar{padding:var(--space-lg) var(--space-sm);position:sticky;top:52px}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{margin-bottom:1px}.sidebar button{justify-content:space-between;align-items:center;gap:var(--space-xs);text-align:left;width:100%;padding:9px var(--space-sm);cursor:pointer;letter-spacing:-.12px;border-radius:var(--radius-sm);color:var(--color-ink);background:0 0;border:none;font-size:13px;display:flex}.sidebar button:hover{background:#0000000a}.sidebar button.active{background:var(--color-canvas);color:var(--color-primary);font-weight:600}.sidebar .menu-group{color:var(--color-ink);font-weight:600}.menu-label{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.menu-icon{color:var(--color-ink-muted-48);flex-shrink:0}.sidebar button.active .menu-icon{color:var(--color-primary)}.sidebar .submenu{padding-left:var(--space-xs)}.sidebar .submenu button{padding-left:var(--space-md);font-size:12.5px;font-weight:400}.soon{letter-spacing:-.08px;color:var(--color-ink-muted-48);background:var(--color-divider-soft);border-radius:var(--radius-pill);white-space:nowrap;padding:1px 7px;font-size:10px}.content{min-width:0;padding:var(--space-xl) var(--space-xxl);flex:1}.content h2{margin-bottom:var(--space-xs);font-size:22px}.content h3{margin:var(--space-lg) 0 var(--space-xs);font-size:15px}.page-desc{color:var(--color-ink-muted-48);margin-bottom:var(--space-md);font-size:13px}.icon-btn{cursor:pointer;color:var(--color-ink-muted-48);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;display:inline-flex}.icon-btn:hover{background:var(--color-divider-soft);color:var(--color-ink)}.hub-grid{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.hub-card{align-items:flex-start;gap:var(--space-xs);padding:var(--space-md);background:var(--color-parchment);border-radius:var(--radius-lg);cursor:pointer;text-align:left;color:var(--color-ink);border:none;flex-direction:column;display:flex}.hub-card:hover{background:var(--color-divider-soft)}.hub-card strong{font-size:14px}.hub-card span{color:var(--color-ink-muted-48);font-size:12px}.summary-cards{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.summary-card{padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-parchment)}.summary-card .label{color:var(--color-ink-muted-48);font-size:12px}.summary-card .value{margin-top:4px;font-size:20px;font-weight:600}.settings-form{gap:var(--space-xs);max-width:360px;margin-bottom:var(--space-lg);flex-direction:column;display:flex}.settings-form input{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:9px 12px}.order-list{margin:0 0 var(--space-lg);max-width:320px;padding:0;list-style:none}.order-list li{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.order-list .order-actions button{margin-left:4px}.lock-screen{background:var(--color-surface-black);min-height:100vh;color:var(--color-on-dark);justify-content:center;align-items:center;display:flex}.lock-screen form{align-items:center;gap:var(--space-sm);padding:var(--space-xxl);flex-direction:column;display:flex}.lock-screen h1{color:var(--color-on-dark);font-size:20px}.lock-screen p{color:var(--color-body-muted,#ccc);font-size:13px}.lock-screen input{border-radius:var(--radius-sm);border:1px solid var(--color-hairline);text-align:center;padding:10px 14px;font-size:14px}.lock-error{color:#ff453a}.inline-number{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);width:140px;padding:6px 10px;font-size:13px}.placeholder-page h2{font-size:22px}.placeholder-page p{margin-top:var(--space-sm);color:var(--color-ink-muted-48);font-size:14px}.sidebar-backdrop{display:none}@media (width<=768px){.menu-toggle{align-items:center;display:inline-flex}.content{padding:var(--space-lg) var(--space-md)}.sidebar-wrap{z-index:50;width:260px;height:calc(100% - 52px);transition:transform .2s;position:fixed;top:52px;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-wrap.open{transform:translate(0)}.sidebar-backdrop{z-index:40;background:#0000004d;display:block;position:fixed;inset:52px 0 0}}.btn{letter-spacing:-.16px;cursor:pointer;border-radius:var(--radius-pill);border:none;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:400;transition:transform 80ms;display:inline-flex}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn:focus-visible{outline:2px solid var(--color-primary-focus);outline-offset:2px}.btn-primary{background:var(--color-primary);color:#fff}.btn-secondary{background:var(--color-ink);color:#fff;border-radius:var(--radius-sm);padding:8px 15px;font-size:13px}.tx-form,.report-controls{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.tx-form input,.tx-form select,.report-controls input{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-ink);flex:120px;padding:9px 12px;font-size:14px}.tx-form input:focus,.tx-form select:focus,.report-controls input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.report-controls label{color:var(--color-ink-muted-48);flex-direction:column;gap:4px;font-size:12px;display:flex}.sync-bar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.sync-status{color:var(--color-ink-muted-48);font-size:13px}.report-period{color:var(--color-ink-muted-80);margin-bottom:var(--space-md);font-size:14px}.table-scroll{margin-bottom:var(--space-xl);overflow-x:auto}.tx-table,.report-table{border-collapse:collapse;width:100%}.tx-table th,.report-table th{letter-spacing:-.12px;color:var(--color-ink-muted-48);text-align:left;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-ink);white-space:nowrap;font-size:12px;font-weight:600}.tx-table td,.report-table td{color:var(--color-ink);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-hairline);white-space:nowrap;font-size:13.5px}@media (width<=480px){.tx-table th,.report-table th,.tx-table td,.report-table td{font-size:12px}}