html{background:#0b0e18}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.btn-sticky-top{position:fixed;top:25px;right:30px;z-index:1000;box-shadow:0 4px 15px #0000004d;border:1px solid rgba(255,255,255,.1)}:root{--bg-primary: #0b0e18;--bg-secondary: #111524;--bg-card: #181d30;--bg-hover: #1e2438;--bg-input: #141828;--border: #252d48;--border-focus: #8b5cf6;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #8b5cf6;--accent-hover: #a78bfa;--accent-glow: rgba(139,92,246,.3);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0,0,0,.3);--transition: .2s ease;--font: "Inter", -apple-system, sans-serif;--status-new: #22c55e;--status-work: #f59e0b;--status-delivery: #3b82f6;--status-transit: #1e3a8a;--status-post: #8b5cf6;--status-sale: #22c55e;--status-refusal: #ef4444;--status-nocall: #64748b}:root[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--bg-hover: #e2e8f0;--bg-input: #ffffff;--border: #cbd5e1;--border-focus: #6366f1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--shadow: 0 4px 20px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font);background:transparent;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}#app{display:flex;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.login-page{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;background:linear-gradient(135deg,#080b14,#1a0840,#080b14)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:48px;width:100%;max-width:420px;box-shadow:0 20px 60px #00000080}.login-card h1{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin-bottom:8px}.login-card .subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:.95rem}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger);padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:.85rem}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}input,select,textarea{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);font-size:.9rem;transition:border var(--transition),box-shadow var(--transition);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}textarea{resize:vertical;min-height:42px;height:42px}select{cursor:pointer}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition);outline:none}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#d946ef);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d946ef66}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.btn-danger:hover{background:#ef444426;color:var(--danger);border-color:#ef44444d}.btn-success{background:#22c55e26;color:var(--success);border:1px solid rgba(34,197,94,.3)}.btn-success:hover{background:#22c55e40}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-icon{padding:3px 5px;line-height:1;border-radius:5px}.btn-icon svg{width:13px;height:13px}.btn-xs{padding:4px 10px;font-size:.75rem;border-radius:4px;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sidebar{width:240px;height:100vh;background:linear-gradient(180deg,#13182e,#111524);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:width .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#8b5cf6,#d946ef,transparent);z-index:1}.sidebar-toggle{position:absolute;right:-14px;top:32px;width:28px;height:28px;border-radius:50%;background:var(--bg-card);border:1px solid rgba(139,92,246,.4);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:101;box-shadow:0 0 12px #8b5cf640,0 2px 8px #0006;transition:all var(--transition);transform:rotate(180deg)}.sidebar-toggle:hover{border-color:var(--accent);box-shadow:0 0 20px #8b5cf680,0 2px 8px #0006;background:#8b5cf626}.sidebar-logo{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;box-sizing:border-box;overflow:hidden}.sidebar-logo-icon{display:flex;align-items:center;flex-shrink:0;color:var(--accent)}.sidebar-logo h2{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;line-height:1.2;white-space:nowrap}.sidebar-logo>div{display:flex;flex-direction:column}.sidebar-logo span{font-size:.7rem;color:var(--text-muted)}.nav-item .icon,.logout-btn .icon{display:flex;align-items:center}.sidebar-nav{flex:1;padding:12px;overflow:hidden}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:background var(--transition),color var(--transition);margin-bottom:2px;font-size:.9rem}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:linear-gradient(135deg,#8b5cf62e,#d946ef14);color:var(--accent);border:1px solid rgba(139,92,246,.25)}.nav-item .icon{font-size:1.1rem;width:24px;text-align:center;flex-shrink:0}.nav-divider{height:1px;background:var(--border);margin:8px 0;opacity:.5}.theme-toggle{display:flex;align-items:center;gap:12px;padding:11px 14px;margin:0 0 8px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;font-size:.9rem;cursor:pointer;transition:background var(--transition),color var(--transition)}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-toggle .icon{display:flex;align-items:center;width:24px;flex-shrink:0}.sidebar-user{padding:12px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-logout-row{display:flex;align-items:center;gap:12px;padding:11px 14px;margin:4px 12px 8px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:background var(--transition),color var(--transition)}.sidebar-logout-row:hover{background:#ef444414;color:var(--danger)}.sidebar-logout-row .icon{display:flex;align-items:center;width:24px;flex-shrink:0}.sidebar-user .avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#8b5cf6,#d946ef);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff}.sidebar-user .user-info{flex:1}.sidebar-user .user-name{font-size:.85rem;font-weight:600}.sidebar-user .user-role{font-size:.7rem;color:var(--text-muted)}.sidebar-user .logout-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;font-size:1.1rem;transition:color var(--transition)}.sidebar-user .logout-btn:hover{color:var(--danger)}.sync-status{padding:12px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--text-muted)}.sync-status .icon{font-size:.85rem;opacity:.7}.main-content{margin-left:240px;flex:1;padding:24px;min-height:100vh;height:100vh;display:flex;flex-direction:column;transition:margin-left .35s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header .actions{display:flex;gap:10px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:transform var(--transition),box-shadow var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-card .stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600;margin-bottom:8px}.stat-card .stat-value{font-size:1.8rem;font-weight:800}.stat-card .stat-icon{font-size:1.5rem;float:right}.table-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.table-toolbar{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.search-input{flex:0 1 400px;min-width:200px;max-width:400px;position:relative}.search-input input{padding-left:36px}.search-input:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center/contain no-repeat}.filter-select{width:auto;min-width:140px}table{width:100%;border-collapse:collapse}thead tr{position:sticky;top:0;z-index:2;background:#111524b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(139,92,246,.35)}th{padding:12px 16px;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:700;border-bottom:1px solid rgba(139,92,246,.35);white-space:nowrap;background:transparent}td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:.85rem}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.5}}.pulse-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#22c55e;margin-left:6px;vertical-align:middle;animation:pulse-dot 1.6s ease-in-out infinite;box-shadow:0 0 5px #22c55e99;flex-shrink:0}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}tr{transition:background .4s ease}tr.row-animate{animation:rowFadeIn .3s ease both}tr:hover{background:var(--bg-hover)}tr.row-new{background:#22c55e14}tr.row-new:hover{background:#22c55e26}tr.row-delivery{background:#3b82f614}tr.row-delivery:hover{background:#3b82f626}tr:last-child td{border-bottom:none}.table-scroll{overflow-x:auto;overflow-y:auto;flex:1;min-height:0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.status-new{background:#22c55e33;color:#4ade80}.status-work{background:#fef08a;color:#854d0e;font-weight:700}.status-delivery{background:#60a5fa1f;color:#bfdbfe}.status-transit{background:#1e3a8a73;color:#e0eaff}.status-post{background:#8b5cf626;color:#a78bfa}.status-sale{background:#06b6d426;color:#22d3ee}.status-refusal{background:#ef444426;color:#f87171}.status-nocall-1{background:#f472b6;opacity:.8;color:#fff}.status-nocall-2{background:#f472b6;color:#fff}.status-nocall-3{background:#db2777;color:#fff}.status-nocall-4{background:#9d174d;color:#fff}.status-nocall{background:#64748b26;color:#94a3b8}.status-active{background:#22c55e26;color:#4ade80}.status-inactive{background:#ef444426;color:#f87171}.np-inline-edit{position:relative}.np-city-input{width:140px;padding:6px;border:1px solid transparent;background:transparent;color:inherit;font-size:inherit;border-radius:4px;transition:all .2s}.np-city-input:focus,.np-city-input:hover{border-color:var(--border);background:var(--bg-primary)}.np-autocomplete,.np-wh-autocomplete{position:fixed;background:#1e2340;border:1px solid rgba(139,92,246,.4);border-radius:6px;box-shadow:0 12px 32px #000000e6;z-index:99999;max-height:250px;overflow-y:auto;display:none}.np-autocomplete-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06);font-size:.8rem;color:var(--text-primary)}.np-autocomplete-item:hover{background:#8b5cf626}.np-warehouse-input{width:160px;padding:6px;border:1px solid transparent;background:transparent;color:inherit;font-size:inherit;border-radius:4px;transition:all .2s}.np-warehouse-input:focus,.np-warehouse-input:hover{border-color:var(--border);background:var(--bg-primary)}.np-warehouse-input:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.1rem;font-weight:700}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:4px;line-height:1;transition:color var(--transition)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px}.pagination button{padding:6px 12px;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font);cursor:pointer;font-size:.8rem;transition:all var(--transition)}.pagination button:hover{background:var(--border);color:var(--text-primary)}.pagination button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pagination .page-info{font-size:.8rem;color:var(--text-muted);margin:0 8px}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;box-shadow:0 8px 24px #0006;animation:slideIn .3s ease;max-width:360px}.toast-success{background:#166534;color:#bbf7d0;border:1px solid #22c55e33}.toast-error{background:#7f1d1d;color:#fecaca;border:1px solid #ef444433}.toast-info{background:#1e3a5f;color:#bfdbfe;border:1px solid #3b82f633}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}body.sidebar-collapsed .sidebar{width:70px}body.sidebar-collapsed .main-content{margin-left:70px}body.sidebar-collapsed .sidebar-toggle{transform:rotate(0)}body.sidebar-collapsed .nav-item span:not(.icon){display:none}body.sidebar-collapsed .sidebar-user{justify-content:center;gap:0}body.sidebar-collapsed .user-info{display:none}body.sidebar-collapsed .sidebar-logout-row{justify-content:center;margin:4px 0 8px}body.sidebar-collapsed .sidebar-logout-row .logout-label{display:none}body.sidebar-collapsed .nav-divider{margin:8px 0}body.sidebar-collapsed .sidebar-logo{padding:20px}body.sidebar-collapsed .nav-item{justify-content:flex-start;padding:11px 14px}body.sidebar-collapsed .nav-item .icon{width:24px;font-size:1.1rem}body.sidebar-collapsed.sidebar-peek .sidebar{width:240px;box-shadow:4px 0 24px #00000080}body.sidebar-collapsed.sidebar-peek .sidebar-toggle{transform:rotate(180deg)}body.sidebar-collapsed.sidebar-peek .nav-item span:not(.icon){display:block}body.sidebar-collapsed.sidebar-peek .sidebar-user{justify-content:flex-start;gap:10px}body.sidebar-collapsed.sidebar-peek .user-info,body.sidebar-collapsed.sidebar-peek .sidebar-logout-row .logout-label{display:block}body.sidebar-collapsed.sidebar-peek .sidebar-logout-row{justify-content:flex-start;margin:4px 12px 8px}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.page-header{flex-direction:column;gap:12px;align-items:flex-start}}.np-payment-select,.np-status-select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);padding:6px 30px 6px 10px;border-radius:6px;font-size:.8rem;min-width:130px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0a0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;transition:all .2s ease}.np-status-select{min-width:0;font-weight:600;border-left:4px solid var(--primary);padding-left:6px;padding-right:18px;background-position:right 3px center;background-size:12px}.np-payment-select:focus,.np-payment-select:hover,.np-status-select:focus,.np-status-select:hover{border-color:var(--primary);box-shadow:0 0 0 2px #6c5ce733}.row-status-new{background:#22c55e14!important}.row-status-new:hover{background:#22c55e26!important}.row-status-work{background:#facc1514!important}.row-status-work:hover{background:#facc1526!important}.row-status-delivery{background:#60a5fa0f!important}.row-status-delivery:hover{background:#60a5fa1f!important}.row-status-transit{background:#1e3a8a2e!important}.row-status-transit:hover{background:#1e3a8a47!important}.row-status-post{background:#8b5cf614!important}.row-status-post:hover{background:#8b5cf626!important}.row-status-sale{background:#06b6d414!important}.row-status-sale:hover{background:#06b6d426!important}.row-status-refusal{background:#ef444414!important}.row-status-refusal:hover{background:#ef444426!important}.row-status-nocall-1,.row-status-nocall-2,.row-status-nocall-3,.row-status-nocall-4{background:#f472b614!important}.row-status-nocall-1:hover,.row-status-nocall-2:hover,.row-status-nocall-3:hover,.row-status-nocall-4:hover{background:#f472b626!important}.compact-table th,.compact-table td{padding:6px 10px!important;font-size:.8rem;vertical-align:middle}.compact-table td select{padding:4px 24px 4px 8px!important;font-size:.75rem!important;min-width:105px!important;margin:0;border:1px solid rgba(255,255,255,.1)}.compact-table .np-inline-edit input{background:transparent;border:none;color:inherit;padding:4px 0;margin:0;width:100%;outline:none;font-family:inherit}.compact-table .np-inline-edit input{padding:4px!important}.np-status-select.status-new{border-color:#22c55e;background-color:#22c55e33;color:#4ade80}.np-status-select.status-work{border-color:#facc15;background-color:#fef08a;color:#854d0e}.np-status-select.status-delivery{border-color:#60a5fa;background-color:#60a5fa26;color:#bfdbfe}.np-status-select.status-transit{border-color:#1d4ed8;background-color:#1e3a8a80;color:#e0eaff}.np-status-select.status-post{border-color:#8b5cf6;background-color:#8b5cf633;color:#a78bfa}.np-status-select.status-sale{border-color:#06b6d4;background-color:#06b6d433;color:#22d3ee}.np-status-select.status-refusal{border-color:#ef4444;background-color:#ef444433;color:#f87171}.np-status-select.status-nocall-1{border-color:#f472b6;background-color:#f472b699;color:#fff}.np-status-select.status-nocall-2{border-color:#f472b6;background-color:#f472b6;color:#fff}.np-status-select.status-nocall-3{border-color:#db2777;background-color:#db2777;color:#fff}.np-status-select.status-nocall-4{border-color:#9d174d;background-color:#9d174d;color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-ttn-pink{background:#ec4899!important;color:#fff!important;border:none;padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:800;cursor:pointer;transition:all var(--transition);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #ec489933}.btn-ttn-pink:hover{background:#db2777!important;transform:translateY(-1px);box-shadow:0 4px 8px #ec48994d}.btn-ttn-pink:active{transform:translateY(0)}.btn-receipt-blue{background:#3b82f6!important;color:#fff!important;border:none;padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:800;cursor:pointer;transition:all var(--transition);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #3b82f633;display:inline-block;text-align:center}.btn-receipt-blue:hover{background:#2563eb!important;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-receipt-blue:active{transform:translateY(0)}.history-btn svg{width:12px;height:12px}.btn-xs svg{width:13px;height:13px}.btn-receipt-done{background:#166534!important;color:#4ade80!important;border:1px solid #16a34a40;padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;cursor:default;text-transform:uppercase;letter-spacing:.5px;opacity:.6}.dash-label{font-size:.8rem;color:var(--text-secondary);display:block;margin-bottom:4px}.dash-input{padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font);font-size:.875rem}.dash-apply-btn{background:linear-gradient(135deg,#8b5cf6,#d946ef)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #8b5cf659!important}.dash-apply-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #8b5cf680!important}.dash-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.dash-kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;gap:16px;transition:transform var(--transition),box-shadow var(--transition)}.dash-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.dash-kpi-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-kpi-icon svg{width:22px;height:22px}.dash-kpi-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:4px}.dash-kpi-value{font-size:1.6rem;font-weight:800;line-height:1}.dash-kpi-sub{font-size:.7rem;color:var(--text-muted);margin-top:3px}.dash-kpi-row{grid-template-columns:repeat(6,1fr)!important}@media(max-width:1100px){.dash-kpi-row{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:700px){.dash-kpi-row{grid-template-columns:repeat(2,1fr)!important}}.settings-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:0}.settings-tab{background:none;border:none;padding:10px 20px;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition);font-family:var(--font);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.settings-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-pane{display:none}.settings-pane.active{display:block}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px}.delete-prod{background:transparent!important;color:var(--text-muted)!important;border:1px solid var(--border)!important;transition:all .15s}.delete-prod:hover{background:#ef44441f!important;color:var(--danger)!important;border-color:#ef44444d!important}.settings-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:20px}