@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf9f6;--surface:#fff;--surface-elevated:#fff;--surface-sunken:#f4f4f5;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--accent:#4f46e5;--accent-hover:#4338ca;--accent-subtle:#4f46e514;--accent-text:#fff;--success:#0d9488;--success-bg:#0d948814;--warning:#f59e0b;--warning-bg:#f59e0b14;--danger:#ef4444;--danger-bg:#ef444414;--border:#0000000f;--border-focus:#4f46e566;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 12px 40px #00000014;--overlay:#0006}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--surface:#191c20;--surface-elevated:#212429;--surface-sunken:#0b0c0f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--accent:#6366f1;--accent-hover:#818cf8;--accent-subtle:#6366f126;--accent-text:#fff;--success:#14b8a6;--success-bg:#14b8a61f;--warning:#fbbf24;--warning-bg:#fbbf241f;--danger:#f87171;--danger-bg:#f871711f;--border:#ffffff14;--border-focus:#6366f180;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 12px 40px #0006;--overlay:#0009}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.6;transition:background-color .2s,color .2s}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:2.5rem}::selection{background:var(--accent-subtle);color:var(--accent)}[data-theme=dark] ::-webkit-scrollbar{width:12px;height:12px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--surface-sunken);border:3px solid var(--bg);border-radius:6px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--border)}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;padding:24px}.btn{background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:12px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 3px 8px #4f46e533}.btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{background:var(--surface);color:var(--text-primary);border:1.5px solid var(--border);cursor:pointer;border-radius:12px;padding:11px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .2s,color .2s,box-shadow .2s;box-shadow:0 2px 4px #00000005}.btn-ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-ghost:active:not(:disabled){transform:scale(.96)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:none}.btn-danger:hover:not(:disabled){background:#d6303126}[data-theme=dark] .btn-danger:hover:not(:disabled){background:#ff767533}input,textarea,select{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);border-radius:10px;padding:11px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}select{appearance:none;cursor:pointer}select option{background-color:var(--surface);color:var(--text-primary);font-family:Inter,sans-serif}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.badge{letter-spacing:.03em;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--accent-subtle);color:var(--accent)}.toast{background:var(--surface-elevated);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:14px;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s forwards toast-in;display:flex}.toast.toast-out{animation:.3s forwards toast-out}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-warn{border-left:3px solid var(--warning)}.modal-overlay{background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:90%;max-width:420px;box-shadow:var(--shadow-lg);border-radius:24px;padding:32px;animation:.25s modal-in}.stat-card{background:var(--surface-sunken);text-align:center;border-radius:14px;padding:18px}.stat-card-number{color:var(--text-primary);font-size:28px;font-weight:700}.stat-card-label{color:var(--text-tertiary);margin-top:4px;font-size:12px}.empty-state{text-align:center;background:var(--surface-sunken);color:var(--text-tertiary);border-radius:16px;padding:48px 24px;font-size:14px}table{border-collapse:separate;border-spacing:0;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:2px solid var(--border);padding:12px 16px;font-size:12px;font-weight:600}.table th,.table td{border-bottom:1px solid var(--border);padding:12px 16px}.header-container{grid-template-columns:auto 1fr auto;align-items:center;gap:32px;display:grid}@media (width<=768px){.header-container{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:16px}.header-logo{grid-area:1/1}.header-actions{grid-area:1/2}.main-nav{scrollbar-width:none;grid-area:2/1/auto/-1;padding-bottom:4px;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.nav-link{flex:1;justify-content:center}.grid-desktop{grid-template-columns:1fr!important}.flex-wrap-mobile{flex-wrap:wrap!important}.nav-text,.hide-mobile{display:none!important}.card{padding:16px!important}main{padding:16px 12px!important}.table{font-size:13px!important}.table th,.table td{padding:8px 12px!important}.defaults-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.defaults-selects{grid-template-columns:1fr 1fr;gap:8px!important;display:grid!important}.defaults-selects>div:first-child{grid-column:1/-1}.defaults-selects>div{width:100%!important}.defaults-buttons{grid-template-columns:1fr 1fr;width:100%!important;display:grid!important}.defaults-buttons>button{justify-content:center;width:100%!important}.saved-orders-header{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.saved-orders-title-group{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.saved-orders-actions{grid-template-columns:1fr 1fr;gap:12px!important;display:grid!important}.saved-orders-actions>button{justify-content:center;width:100%!important;padding:8px!important;font-size:13px!important}.settings-grid-2,.settings-product-grid{grid-template-columns:1fr!important}.settings-price-grid{grid-template-columns:1fr 1fr!important}.barcode-add-row{flex-direction:column!important;align-items:stretch!important}.barcode-add-row>div:first-child{width:100%!important}.barcode-stats-row{flex-direction:column!important}.admin-table thead{display:none}.admin-table tbody tr{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;margin-bottom:16px;padding:12px;display:flex}.admin-table tbody td{border-bottom:1px solid var(--border-light);flex-direction:column;align-items:flex-start;padding:14px 0;display:flex}.admin-table tbody td:last-child{border-bottom:none}.admin-table tbody td:before{content:attr(data-label);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;width:100%;margin-bottom:6px;font-size:11px;font-weight:600}.admin-table tbody td>div{text-align:left;overflow-wrap:break-word;flex-direction:column;align-items:flex-start;width:100%;min-width:0;display:flex}}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px}tr:last-child td{border-bottom:none}tbody tr{transition:background-color .2s}tbody tr:hover{background:var(--surface-sunken)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.skeleton{background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--border) 50%, var(--surface-sunken) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.fade-in{animation:.3s fade-in}@media (width<=768px){.card{padding:16px}h1{font-size:2rem}.modal{width:95%;padding:24px}.toast{padding:12px 16px;font-size:13px}}input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent);cursor:pointer;border-radius:6px;flex-shrink:0}input[type=checkbox]:hover{filter:brightness(.9)}.animate-spin{animation:1s linear infinite spin}