.app{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.header h1{margin:0 0 .35rem;font-size:1.5rem;font-weight:700}.subtitle{margin:0;color:var(--muted);font-size:.95rem}.subtitle strong{color:var(--text);font-weight:600}.stats{margin-bottom:1rem}.stat-pill{display:inline-block;padding:.35rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:.875rem;color:var(--muted)}.banner{padding:.85rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.banner-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.banner-info{background:#3b82f61f;border:1px solid rgba(59,130,246,.35);color:#93c5fd;font-weight:500}.loading,.empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.table-wrap{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:auto;max-height:min(75vh,780px);box-shadow:0 8px 24px #00000038}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem}.table th,.table td{padding:.95rem 1.15rem;text-align:right;border-bottom:1px solid var(--border);vertical-align:middle;background:var(--surface)}.table th{position:sticky;top:0;z-index:2;background:#152030;font-weight:600;color:var(--muted);white-space:nowrap}.table tbody tr:hover td:not(.col-action){background:var(--surface-hover)}.table tbody tr:last-child td{border-bottom:none}.cell-order{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:8rem}.cell-customer{min-width:10rem;width:100%}.col-action{position:sticky;left:0;z-index:3;min-width:8.5rem;width:8.5rem;text-align:center;background:#121a26!important;box-shadow:6px 0 14px #00000059;border-right:1px solid var(--border)}.table thead .col-action{z-index:4;background:#152030!important}.table tbody tr:hover .col-action{background:#1a2535!important}.cell-error{display:block;margin-top:.35rem;font-size:.68rem;line-height:1.25;color:var(--danger)}.btn{border:none;border-radius:8px;padding:.5rem .85rem;font-size:.82rem;font-weight:600;transition:background .15s,opacity .15s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-success{background:var(--success)}.btn-secondary{background:var(--surface-hover);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}*,*:before,*:after{box-sizing:border-box}:root{--bg: #0f1419;--surface: #1a2332;--surface-hover: #243044;--border: #2d3a4f;--text: #e8edf4;--muted: #8b9cb3;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b}body{margin:0;font-family:Heebo,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}