:root{--color-bg-abyss:#04200e;--color-bg-void:#0a1910;--color-bg-surface:#0d1f18;--color-bg-raised:#112819;--color-bg-elevated:#14321f;--color-bg-border:#1e3d2f;--color-accent-neon:#24ff90;--color-accent-vivid:#00d46a;--color-accent-strong:#00a851;--color-accent-mid:#3d7a55;--color-accent-muted:#5a8f72;--color-text-primary:#e0ffe8;--color-text-accent:#a3ffcb;--color-text-secondary:#5a8f72;--color-text-disabled:#3d7a55;--color-scale-50:#04200e;--color-scale-100:#0d1f18;--color-scale-200:#1e3d2f;--color-scale-400:#3d7a55;--color-scale-600:#00a851;--color-scale-800:#24ff90;--color-scale-950:#e0ffe8;--color-bg-page:var(--color-bg-void);--color-bg-card:var(--color-bg-raised);--color-bg-modal:var(--color-bg-elevated);--color-border:var(--color-bg-border);--color-border-strong:var(--color-accent-mid);--color-interactive:var(--color-accent-neon);--color-interactive-hover:var(--color-accent-vivid);--color-interactive-text:#04200e}@media (prefers-color-scheme:light){:root{--color-bg-abyss:#fff;--color-bg-void:#f4fbf6;--color-bg-surface:#edfaf3;--color-bg-raised:#d6f0e3;--color-bg-elevated:#c9e8d5;--color-bg-border:#b8deca;--color-accent-neon:#00c060;--color-accent-vivid:#00a851;--color-accent-strong:#0a6b35;--color-accent-mid:#3d8a5c;--color-accent-muted:#6aae86;--color-text-primary:#0d2b1a;--color-text-accent:#0a6b35;--color-text-secondary:#3d8a5c;--color-text-disabled:#97c9ab;--color-scale-50:#f4fbf6;--color-scale-100:#edfaf3;--color-scale-200:#c9e8d5;--color-scale-400:#97c9ab;--color-scale-600:#3d8a5c;--color-scale-800:#0a6b35;--color-scale-950:#0d2b1a;--color-bg-page:var(--color-bg-void);--color-bg-card:#fff;--color-bg-modal:#fff;--color-border:var(--color-bg-elevated);--color-border-strong:var(--color-accent-strong);--color-interactive:var(--color-accent-strong);--color-interactive-hover:var(--color-accent-neon);--color-interactive-text:#f4fbf6}}[data-theme=light]{--color-bg-abyss:#fff;--color-bg-void:#f4fbf6;--color-bg-surface:#edfaf3;--color-bg-raised:#d6f0e3;--color-bg-elevated:#c9e8d5;--color-bg-border:#b8deca;--color-accent-neon:#00c060;--color-accent-vivid:#00a851;--color-accent-strong:#0a6b35;--color-accent-mid:#3d8a5c;--color-accent-muted:#6aae86;--color-text-primary:#0d2b1a;--color-text-accent:#0a6b35;--color-text-secondary:#3d8a5c;--color-text-disabled:#97c9ab;--color-scale-50:#f4fbf6;--color-scale-100:#edfaf3;--color-scale-200:#c9e8d5;--color-scale-400:#97c9ab;--color-scale-600:#3d8a5c;--color-scale-800:#0a6b35;--color-scale-950:#0d2b1a;--color-bg-page:var(--color-bg-void);--color-bg-card:#fff;--color-bg-modal:#fff;--color-border:var(--color-bg-elevated);--color-border-strong:var(--color-accent-strong);--color-interactive:var(--color-accent-strong);--color-interactive-hover:var(--color-accent-neon);--color-interactive-text:#f4fbf6}[data-theme=dark]{--color-bg-abyss:#04200e;--color-bg-void:#0a1910;--color-bg-surface:#0d1f18;--color-bg-raised:#112819;--color-bg-elevated:#14321f;--color-bg-border:#1e3d2f;--color-accent-neon:#24ff90;--color-accent-vivid:#00d46a;--color-accent-strong:#00a851;--color-accent-mid:#3d7a55;--color-accent-muted:#5a8f72;--color-text-primary:#e0ffe8;--color-text-accent:#a3ffcb;--color-text-secondary:#5a8f72;--color-text-disabled:#3d7a55;--color-scale-50:#04200e;--color-scale-100:#0d1f18;--color-scale-200:#1e3d2f;--color-scale-400:#3d7a55;--color-scale-600:#00a851;--color-scale-800:#24ff90;--color-scale-950:#e0ffe8;--color-bg-page:var(--color-bg-void);--color-bg-card:var(--color-bg-raised);--color-bg-modal:var(--color-bg-elevated);--color-border:var(--color-bg-border);--color-border-strong:var(--color-accent-mid);--color-interactive:var(--color-accent-neon);--color-interactive-hover:var(--color-accent-vivid);--color-interactive-text:#04200e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--color-bg-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}#root{min-height:100vh}.u-page-center{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:5rem 1rem 2rem;display:flex;position:relative}.u-page-list{flex-direction:column;gap:.75rem;width:100%;max-width:640px;min-height:100vh;margin:0 auto;padding:4.5rem 1rem 7rem;display:flex;position:relative}.u-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:1.25rem;width:100%;max-width:420px;padding:2rem;display:flex}.u-brand{letter-spacing:-.04em;color:var(--color-accent-neon);font-size:2.25rem;font-weight:800}.u-title{color:var(--color-text-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.u-subtitle{color:var(--color-text-secondary);font-size:.9rem}.u-btn-primary{background:var(--color-interactive);width:100%;color:var(--color-interactive-text);cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.875rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.u-btn-primary:hover{background:var(--color-interactive-hover)}.u-btn-primary:active{transform:scale(.98)}.u-btn-secondary{width:100%;color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:.875rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.u-btn-secondary:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.u-btn-back{border:1px solid var(--color-border);background:var(--color-bg-raised);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;z-index:1000;border-radius:10px;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:border-color .15s,color .15s,background .15s;display:inline-flex;position:absolute;top:1rem;left:1rem}.u-btn-back:hover{border-color:var(--color-border-strong);color:var(--color-text-primary);background:var(--color-bg-elevated)}.u-btn-stepper{background:var(--color-bg-elevated);border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-text-primary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:1.2rem;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.u-btn-stepper:hover{background:var(--color-accent-mid);border-color:var(--color-accent-mid);color:#04200e}.u-btn-danger{color:#fc8181;cursor:pointer;letter-spacing:.01em;background:#ef444412;border:1px solid #ef444438;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:.7rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.u-btn-danger:hover{background:#ef444426;border-color:#ef444480}.u-btn-danger:active{transform:scale(.98)}.u-btn-danger:disabled{opacity:.45;cursor:not-allowed;transform:none}.u-input{background:var(--color-bg-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);border-radius:10px;outline:none;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .15s,box-shadow .15s}.u-input::placeholder{color:var(--color-text-disabled)}.u-input:focus{border-color:var(--color-accent-mid);box-shadow:0 0 0 3px #24ff9014}.u-product-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:.5rem;padding:1.125rem;transition:border-color .15s;display:flex}.u-product-card:hover{border-color:var(--color-border-strong)}.u-product-img{object-fit:cover;border-radius:8px;width:100%;max-height:160px}.u-product-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.u-product-name{color:var(--color-text-primary);font-size:1rem;font-weight:600}.u-product-price{color:var(--color-accent-neon);flex-shrink:0;font-size:1rem;font-weight:700}.u-product-desc{color:var(--color-text-secondary);font-size:.85rem;line-height:1.45}.u-product-stepper{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.u-stepper-count{color:var(--color-text-primary);text-align:center;min-width:20px;font-size:1rem;font-weight:600}.u-sticky-footer{background:var(--color-bg-abyss);border-top:1px solid var(--color-border);justify-content:center;padding:.875rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.u-sticky-footer-inner{width:100%;max-width:640px}.u-dashboard-wrap{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:420px;display:flex}.u-dashboard-grid{grid-template-columns:1fr 1fr;gap:.875rem;width:100%;display:grid}.u-dashboard-card{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:120px;padding:1.75rem 1rem;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.u-dashboard-card:hover{border-color:var(--color-border-strong);background:var(--color-bg-elevated)}.u-dashboard-card-label{color:var(--color-text-primary);font-size:1rem;font-weight:600}.u-dashboard-card-desc{color:var(--color-text-secondary);font-size:.8rem}.u-order-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.u-order-header{justify-content:space-between;align-items:center;display:flex}.u-order-id{color:var(--color-text-primary);font-size:.95rem;font-weight:700}.u-order-badge{border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.u-badge-evaso{color:var(--color-accent-neon);background:#24ff901f}.u-badge-pending{color:var(--color-text-secondary);background:#5a8f7226}.u-order-date{color:var(--color-text-secondary);font-size:.82rem}.u-order-items-list{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-direction:column;gap:.2rem;padding:.5rem 0;list-style:none;display:flex}.u-order-item-row{color:var(--color-text-primary);justify-content:space-between;font-size:.88rem;display:flex}.u-order-item-meta{color:var(--color-text-secondary)}.u-order-totals{color:var(--color-text-secondary);justify-content:space-between;font-size:.88rem;display:flex}.u-order-total-price{color:var(--color-accent-neon);font-size:.95rem;font-weight:700}.u-empty{color:var(--color-text-secondary);text-align:center;padding:3rem 0;font-size:.95rem}.u-error{color:#ff6b6b;text-align:center;font-size:.9rem}.a-page{flex-direction:column;gap:1.25rem;width:100%;max-width:900px;min-height:100vh;margin:0 auto;padding:4.5rem 1.5rem 3rem;display:flex;position:relative}.a-page-wide{flex-direction:column;gap:1.25rem;width:100%;max-width:1100px;min-height:100vh;margin:0 auto;padding:4.5rem 1.5rem 3rem;display:flex;position:relative}.a-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.a-section-title{color:var(--color-text-primary);font-size:1rem;font-weight:700}.a-field{flex-direction:column;gap:.35rem;display:flex}.a-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:600}.a-input{background:var(--color-bg-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);border-radius:8px;outline:none;padding:.7rem .875rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.a-input::placeholder{color:var(--color-text-disabled)}.a-input:focus{border-color:var(--color-accent-mid);box-shadow:0 0 0 3px #24ff9014}.a-select{background:var(--color-bg-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235A8F72' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:.7rem 2.25rem .7rem .875rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.a-select:focus{border-color:var(--color-accent-mid);box-shadow:0 0 0 3px #24ff9014}.a-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=520px){.a-form-grid{grid-template-columns:1fr}}.a-btn{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.a-btn:hover{background:var(--color-bg-raised);border-color:var(--color-border-strong)}.a-btn-primary{background:var(--color-interactive);color:var(--color-interactive-text);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .15s;display:inline-flex}.a-btn-primary:hover{background:var(--color-interactive-hover)}.a-btn-danger{color:#fc8181;cursor:pointer;white-space:nowrap;background:#ef444412;border:1px solid #ef444438;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.a-btn-danger:hover{background:#ef444426;border-color:#ef444480}.a-btn-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.a-badge{border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.a-badge-on{color:var(--color-accent-neon);background:#24ff901f}.a-badge-off{color:var(--color-text-secondary);background:#5a8f721a}.a-stats-row{flex-wrap:wrap;gap:.875rem;display:flex}.a-stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;gap:.2rem;min-width:130px;padding:1rem 1.25rem;display:flex}.a-stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.a-stat-value{color:var(--color-accent-neon);letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.a-chips{flex-wrap:wrap;gap:.5rem;display:flex}.a-chip{background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:999px;align-items:center;padding:.35rem .875rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.a-chip:hover{border-color:var(--color-accent-mid);color:var(--color-text-primary);background:#24ff9014}.a-chip-active{border-color:var(--color-accent-neon);color:var(--color-accent-neon);background:#24ff901a}.a-table-wrap{border:1px solid var(--color-border);border-radius:10px;width:100%;overflow-x:auto}.a-table{border-collapse:collapse;width:100%;font-size:.875rem}.a-table thead tr{background:var(--color-bg-surface);border-bottom:1px solid var(--color-border)}.a-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:.7rem 1rem;font-size:.75rem;font-weight:700}.a-table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:.7rem 1rem}.a-table tbody tr:last-child td{border-bottom:none}.a-table tbody tr{transition:background .1s}.a-table tbody tr:hover{background:var(--color-bg-surface)}.a-row-clickable{cursor:pointer}.a-row-selected td{background:#24ff900a}.a-thumb{object-fit:cover;border:1px solid var(--color-border);border-radius:6px;width:40px;height:40px}.a-message{color:var(--color-text-accent);background:#24ff9014;border:1px solid #24ff9033;border-radius:8px;padding:.6rem .875rem;font-size:.875rem}.a-message-error{color:#fc8181;background:#ef444414;border-color:#ef444440}.a-status-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.a-status-row:last-child{border-bottom:none}.a-status-label{color:var(--color-text-primary);font-size:.9rem}.a-divider{background:var(--color-border);width:100%;height:1px}.spinner-container{z-index:9999;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:3px solid var(--color-bg-border);border-top:3px solid var(--color-accent-neon);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}