@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg:#faf9f6;--surface:#fff;--surface-elevated:#fff;--surface-sunken:#f4f4f5;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-muted:#64748b;--text-dark:#1e293b;--accent:#4f46e5;--accent-primary:var(--accent);--accent-hover:#4338ca;--accent-subtle:#4f46e514;--accent-text:#fff;--success:#0d9488;--success-bg:#0d948814;--warning:#f59e0b;--warning-bg:#f59e0b14;--danger:#ef4444;--danger-bg:#ef444414;--status-ok:var(--success);--status-warn:var(--warning);--status-bad:var(--danger);--border:#0000000f;--border-light:#0000000f;--border-card:#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;--text-muted:#94a3b8;--text-dark:#f1f5f9;--accent:#6366f1;--accent-primary:var(--accent);--accent-hover:#818cf8;--accent-subtle:#6366f126;--accent-text:#fff;--success:#14b8a6;--success-bg:#14b8a61f;--warning:#fbbf24;--warning-bg:#fbbf241f;--danger:#f87171;--danger-bg:#f871711f;--status-ok:var(--success);--status-warn:var(--warning);--status-bad:var(--danger);--border:#ffffff14;--border-light:#ffffff14;--border-card:#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{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:15px;font-weight:400;line-height:1.6;transition:background-color .2s,color .2s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--text-primary);font-weight:700;line-height:1.25}h1{letter-spacing:-.035em;font-size:2.25rem}h2{letter-spacing:-.025em;font-size:1.55rem}h3{letter-spacing:-.02em;font-size:1.2rem}::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%;min-height:44px;color:var(--text-primary);border-radius:12px;padding:11px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s}textarea{min-height:80px;line-height:1.5}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}select option{background-color:var(--surface);color:var(--text-primary);padding:10px;font-family:Inter,sans-serif}input:focus,textarea:focus,select:focus{border-color:var(--accent);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}.notification-dropdown-wrapper{position:relative}.notification-dropdown-menu{background:var(--surface);border:1px solid var(--border);z-index:1000;border-radius:18px;flex-direction:column;width:360px;max-width:calc(100vw - 32px);animation:.2s cubic-bezier(.16,1,.3,1) modal-in;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 40px #0000001f}.notification-dropdown-header{border-bottom:1px solid var(--border);background:var(--surface-sunken);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.notification-dropdown-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:700}.notification-dropdown-list{max-height:380px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border);cursor:default;align-items:flex-start;gap:12px;padding:13px 18px;transition:background-color .15s;display:flex}.notification-item.unread{background:color-mix(in srgb, var(--accent-subtle) 40%, var(--surface))}.notification-item:hover{background:var(--surface-sunken)}.notification-item.clickable{cursor:pointer}.notification-item-title{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.35}.notification-item.unread .notification-item-title{font-weight:700}.notification-item-time{color:var(--text-tertiary);flex-shrink:0;font-size:11px;font-weight:500}.notification-item-message{color:var(--text-secondary);word-break:break-word;margin-top:2px;font-size:12px;line-height:1.45}.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}.defaults-bar-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}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}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;overflow-x:auto}.mobile-bottom-nav{display:none}.settings-save-dock{justify-content:flex-end;width:100%;margin-top:16px;display:flex}@media (width<=768px){input,select,textarea{font-size:16px!important}}@media (width<=640px){h1{letter-spacing:-.03em!important;font-size:1.7rem!important}h2{letter-spacing:-.02em!important;font-size:1.35rem!important}h3{font-size:1.15rem!important}.notification-backdrop{-webkit-backdrop-filter:blur(4px);z-index:998;background:#00000073;animation:.2s fade-in;position:fixed;inset:0}.notification-dropdown-menu{z-index:999!important;border-radius:20px!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 120px)!important;position:fixed!important;top:60px!important;left:12px!important;right:12px!important;box-shadow:0 20px 50px #0000004d!important}.notification-dropdown-list{max-height:calc(100vh - 190px)!important}.header-container{justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:10px 16px!important;display:flex!important}.header-logo{align-items:center;display:flex}.desktop-nav{display:none!important}.header-actions{align-items:center;display:flex;gap:8px!important}.hide-on-mobile{display:none!important}.btn-logout{border-radius:10px!important;padding:8px 10px!important}.mobile-bottom-nav{z-index:100;background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:6px 10px calc(8px + env(safe-area-inset-bottom,0px)) 10px;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d;display:flex!important}.bottom-nav-item{min-width:52px;min-height:48px;color:var(--text-secondary);letter-spacing:.01em;-webkit-tap-highlight-color:transparent;border-radius:14px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 10px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:var(--accent);background:var(--accent-subtle)}.bottom-nav-item svg{transition:transform .2s}.bottom-nav-item.active svg{transform:translateY(-1px)}main,.app-main{padding:14px 14px calc(84px + env(safe-area-inset-bottom,0px)) 14px!important}.card{border-radius:20px!important;padding:18px 16px!important}.settings-save-dock{justify-content:stretch;margin-top:20px}.settings-save-dock .btn{border-radius:14px!important;width:100%!important;max-width:none!important;padding:14px!important;box-shadow:0 4px 16px #4f46e540!important}.settings-grid-2,.settings-product-grid{grid-template-columns:1fr!important;gap:12px!important}.settings-price-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.barcode-add-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.barcode-add-row>div:first-child,.barcode-add-row>input,.barcode-add-row>button{min-height:44px;width:100%!important}.barcode-stats-row{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.barcode-stats-row .stat-card{padding:14px 10px!important}.barcode-stats-row .stat-card>div:first-child{font-size:24px!important}.dashboard-top-bar{border-radius:20px!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:16px!important}.dashboard-top-bar-title{font-size:18px!important}.dashboard-top-bar-controls{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}.dashboard-top-bar-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;display:flex!important}.dashboard-top-bar-pill{min-height:44px;justify-content:space-between!important;width:100%!important}.defaults-bar-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.defaults-bar-grid>div:first-child{grid-column:1/-1!important}.card-settings-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.card-settings-actions>button{justify-content:center!important;width:100%!important}.orders-ready-bar{border-radius:18px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:16px!important}.orders-ready-bar .legacy-btn-save{justify-content:center!important;width:100%!important;min-height:48px!important}.dashboard-footer-bar{border-radius:20px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:16px!important}.dashboard-footer-bar .legacy-btn-labels{justify-content:center!important;width:100%!important;padding:14px!important;font-size:15px!important}.dashboard-footer-actions-secondary{grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;display:grid!important}.dashboard-footer-actions-secondary>button{justify-content:center!important;width:100%!important;padding:12px 8px!important;font-size:13.5px!important}.saved-orders-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.saved-orders-title-group{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.saved-orders-title-group input{width:100%!important}.saved-orders-actions{grid-template-columns:1fr 1fr;gap:10px!important;width:100%!important;display:grid!important}.saved-orders-actions>button{justify-content:center;min-height:40px;width:100%!important;padding:10px!important;font-size:13px!important}.admin-table thead{display:none}.admin-table tbody tr{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;margin-bottom:16px;padding:14px;display:flex}.admin-table tbody td{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;padding:12px 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:4px;font-size:11px;font-weight:600}}@media (width>=641px) and (width<=1024px){.header-container{justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:10px 18px!important;display:flex!important}.header-logo{flex-shrink:0}.desktop-nav{flex:1;min-width:0;justify-content:center!important;align-items:center!important;gap:4px!important;display:flex!important}.header-actions{flex-shrink:0;align-items:center!important;gap:8px!important;display:flex!important}.nav-link{white-space:nowrap;border-radius:10px!important;height:36px!important;padding:6px 10px!important;font-size:13px!important}main,.app-main{padding:20px 20px 48px!important}.dashboard-top-bar{padding:16px 20px!important}.dashboard-top-bar-row{flex-wrap:wrap!important;align-items:center!important;gap:12px!important;display:flex!important}.settings-grid-2{grid-template-columns:1fr 1fr!important;gap:16px!important}}@media (width>=641px) and (width<=880px){.staqxx-tagline,.hide-on-tablet{display:none!important}.nav-link{gap:4px!important;padding:6px 8px!important;font-size:12px!important}.header-container{gap:8px!important;padding:8px 12px!important}.header-actions{gap:6px!important}}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}.staqxx-mark-light{display:block}.staqxx-mark-dark,[data-theme=dark] .staqxx-mark-light{display:none}[data-theme=dark] .staqxx-mark-dark{display:block}