*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:#111827;background:linear-gradient(135deg,#fff,#f8fafc);overflow-x:hidden}#root{height:100%;width:100%;display:flex;flex-direction:column}button,input,select,textarea{font:inherit;margin:0}button{cursor:pointer;border:none;background:none}input{border:none;outline:none;background:transparent}:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:#e2e8f0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:320px;max-width:500px;pointer-events:auto;transform:translate(100%);animation:slideIn .3s ease-out forwards;border-left:4px solid;border:1px solid rgba(8,145,178,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-success{border-left-color:#059669;border:1px solid rgba(5,150,105,.15)}.toast-error{border-left-color:#dc2626;border:1px solid rgba(220,38,38,.15)}.toast-info{border-left-color:#0891b2;border:1px solid rgba(8,145,178,.15)}.toast-content{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:12px}.toast-message{flex:1;font-size:14px;font-weight:600;color:#111827;line-height:1.4}.toast-close{background:#0891b21a;border:none;font-size:18px;cursor:pointer;color:#0891b2;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.toast-close:hover{background:#0891b233;color:#0e7490}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.removing{animation:slideOut .3s ease-in forwards}[data-theme=dark] .toast{background:var(--color-bg-secondary);color:var(--color-text-primary);box-shadow:0 4px 12px #0000004d}@media(max-width:480px){.toast-container{left:10px;right:10px;top:10px}.toast{min-width:auto;max-width:none}}.attendance-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px}.attendance-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}.attendance-toolbar .form-input{width:220px}.attendance-toolbar .pin-input,.attendance-actions .pin-input{width:150px}.pin-input:not(:placeholder-shown){letter-spacing:.2em}.attendance-summary{font-size:13.5px;color:var(--text-3)}.attendance-table .employee-name{font-weight:600;color:var(--text)}.attendance-table th{text-align:left}.attendance-table .number-head,.attendance-table .actions-head,.attendance-actions{text-align:right;white-space:nowrap}.attendance-actions>*+*{margin-left:8px}.attendance-empty{padding:32px 16px;text-align:center;color:var(--text-3)}.kiosk-card{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:460px;margin:0 auto;padding:32px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-md)}.kiosk-card:fullscreen{max-width:none;justify-content:center;border-radius:0}.kiosk-card h2{font-size:22px;color:var(--text)}.kiosk-card p{max-width:340px;color:var(--text-3)}.kiosk-card .kiosk-warning{padding:10px 12px;font-size:13px;color:var(--warning);background:var(--warning-soft);border-radius:var(--r-md)}.kiosk-qr{display:grid;place-items:center;width:312px;height:312px;padding:16px;background:#fff;border-radius:var(--r-lg)}.kiosk-timer{width:312px;height:4px;border-radius:999px;background:var(--primary);transform-origin:left;animation:kiosk-countdown linear forwards}@keyframes kiosk-countdown{to{transform:scaleX(0)}}.attend-screen{display:grid;place-items:center;min-height:100vh;margin:-28px -28px -56px;padding:20px 16px;background:radial-gradient(600px 300px at 10% -10%,rgba(67,52,194,.25),transparent 60%),var(--bg)}.attend-card{width:min(420px,100%);padding:28px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-lg)}.attend-card form{display:grid;gap:8px}.attend-brand{margin-bottom:14px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}.attend-card h1{margin-bottom:10px;font-size:24px;color:var(--text)}.attend-card label{margin-top:6px;font-size:13px;font-weight:600;color:var(--text-2)}.attend-card select,.attend-card input{min-height:52px;padding:0 14px;font-size:17px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md)}.attend-card input{letter-spacing:.3em}.attend-card button{min-height:54px;margin-top:12px;font-size:16px;font-weight:700;color:#fff;background:var(--primary);border-radius:var(--r-md)}.attend-card button:disabled{opacity:.5}.attend-error{padding:10px 12px;color:var(--danger);background:var(--danger-soft);border-radius:var(--r-md)}.attend-wait{color:var(--text-3)}.attend-result{padding:12px 0 4px;text-align:center}.attend-result-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:34px;color:var(--success);background:var(--success-soft);border-radius:999px}.attend-result.out .attend-result-icon{color:var(--accent);background:var(--accent-soft)}.attend-result p{font-size:16px;color:var(--text-2)}@media(max-width:640px){.attend-screen{margin:-20px -14px -40px}}.attend-note{font-size:12.5px;color:var(--text-3)}.attendance-hint{display:block;margin-top:2px;font-size:11.5px;color:var(--text-3)}.attendance-add{margin-left:auto}.attendance-table .time-input{width:130px}.attendance-table select.form-input{width:180px}.editing-row>td{background:var(--primary-soft)}.attendance-phone{color:var(--text-3)}.qr-layout{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:24px;align-items:start}.qr-buttons{display:flex;gap:8px}.presence-card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-sm)}.presence-card h3{font-size:18px;color:var(--text)}.presence-intro{margin:6px 0 14px;color:var(--text-3)}.presence-card section{padding:16px 0;border-top:1px solid var(--border)}.presence-card h4{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:14.5px;color:var(--text)}.presence-card section>p{margin-bottom:10px;font-size:13.5px;color:var(--text-2)}.presence-row{display:flex;flex-wrap:wrap;gap:8px}.presence-row select.form-input{width:auto}.network-list{display:grid;gap:6px;margin-bottom:10px;list-style:none}.network-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 6px 6px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md)}.network-list code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px;color:var(--text)}@media(max-width:960px){.qr-layout{grid-template-columns:1fr}}@media print{body:has(.qr-print) *{visibility:hidden}.qr-print,.qr-print *{visibility:visible}.qr-print{position:absolute;inset:0;max-width:none;margin:0;border:0;box-shadow:none;justify-content:center}.qr-print .no-print,.nav-bar{display:none}.qr-print .kiosk-qr{width:130mm;height:130mm}.qr-print .kiosk-qr svg{width:100%;height:100%}.qr-print h2{font-size:30pt}.qr-print p{max-width:140mm;font-size:14pt}}.attendance-report{max-width:210mm;margin:0 auto;padding:14mm 12mm;font-size:10pt;color:#1a1d2e;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-md)}.report-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:4mm;margin-bottom:5mm;border-bottom:2px solid #22166b}.report-head h2{margin:0;font-size:18pt;color:#22166b}.report-head p{margin:1mm 0 0;color:#5b6078}.report-meta{display:grid;text-align:right;gap:1mm;color:#5b6078}.report-meta strong{font-size:12pt;color:#1a1d2e}.attendance-report h3{display:flex;justify-content:space-between;margin:6mm 0 2mm;font-size:11pt;color:#22166b;break-after:avoid}.attendance-report h3 span{font-size:9pt;font-weight:400;color:#5b6078}.report-table{width:100%;border-collapse:collapse}.report-table th{padding:1.6mm 2mm;text-align:left;font-size:8pt;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#464c66;background:#f1f2f8;border-bottom:1px solid #c9cddc}.report-table td{padding:1.4mm 2mm;border-bottom:1px solid #e4e6ef}.report-table tr{break-inside:avoid}.report-table .num{text-align:right;font-variant-numeric:tabular-nums}.report-empty{padding:10mm 0;text-align:center;color:#5b6078}.report-sign{display:grid;grid-template-columns:1fr 1fr;gap:20mm;margin-top:16mm;break-inside:avoid}.report-sign span{padding-top:2mm;font-size:9pt;color:#5b6078;border-top:1px solid #1a1d2e}@media print{body:has(.attendance-report) :is(.nav-bar,.app-footer,.attendance-header,.no-print){display:none!important}body:has(.attendance-report) :is(#root,.app-container,.app-body,.attendance-page){margin:0!important;padding:0!important;background:#fff!important}.attendance-report{max-width:none;padding:0;border:0;border-radius:0;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.users-section{margin-top:36px}.login-root{position:fixed;top:var(--navbar-height, 64px);left:0;width:100vw;height:calc(100vh - var(--navbar-height, 64px));display:flex;align-items:center;justify-content:center;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a,#1e293b,#0f172a);background-image:radial-gradient(circle at 30% 70%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(29,78,216,.1) 0%,transparent 50%),linear-gradient(45deg,#0f172a33,#1e293b33)}.dots-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.login-root:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}[data-theme=dark] .login-root{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a,#1e293b,#0f172a);background-image:radial-gradient(circle at 30% 70%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(29,78,216,.1) 0%,transparent 50%),linear-gradient(45deg,#0f172a33,#1e293b33)}.login-panel{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border-radius:16px;box-shadow:0 20px 60px #0009;border:1px solid rgba(59,130,246,.15);width:min(420px,calc(100vw - 2rem));max-height:calc(100vh - var(--navbar-height, 64px) - 2rem);overflow:hidden;position:relative;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark] .login-panel{background:#0f172af2;border:1px solid rgba(255,255,255,.1)}.login-header{padding:var(--space-6) var(--space-5) var(--space-5);text-align:center;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-tertiary) 100%);border-bottom:1px solid var(--color-border-light);position:relative;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.login-brand{margin:0 0 var(--space-2) 0;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.login-brand:before{content:"■";color:var(--color-primary);font-size:1.75rem;filter:drop-shadow(0 1px 2px rgba(30,64,175,.2))}.login-subtitle{margin:0;font-size:.875rem;color:var(--color-text-tertiary);font-weight:500}.login-form{padding:var(--space-6) var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2);position:relative}.form-group label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-left:var(--space-1)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-3);width:18px;height:18px;color:var(--color-text-tertiary);z-index:1;transition:all .2s ease}.password-toggle{position:absolute;right:var(--space-3);width:20px;height:20px;color:var(--color-text-tertiary);cursor:pointer;z-index:1;transition:all .2s ease;padding:2px;border-radius:4px}.password-toggle:hover{color:var(--color-primary);background:#3b82f61a}.form-group input{padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 28px);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-bg-primary);font-size:.9rem;color:var(--color-text-primary);transition:all .2s ease;width:100%}.form-group input[type=password],.form-group input[type=text].password-input{padding-right:calc(var(--space-4) + 32px)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-group input:focus+.input-icon{color:var(--color-primary)}.form-group input::placeholder{color:var(--color-text-tertiary);font-weight:400}.login-error{color:var(--color-danger);font-size:.875rem;padding:var(--space-3) var(--space-4);background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);margin:0;display:flex;align-items:center;gap:var(--space-2)}.login-error:before{content:"";width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23dc2626'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z'/%3E%3C/svg%3E");background-size:contain;flex-shrink:0}.login-button{background:linear-gradient(135deg,var(--color-primary) 0%,#2563eb 100%);color:#fff;border:none;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);min-height:48px;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-button:hover:not(:disabled):before{left:100%}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{padding:var(--space-4) var(--space-5);text-align:center;background:var(--color-bg-tertiary);border-top:1px solid var(--color-border-light);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.login-footer-text{margin:0;font-size:.75rem;color:var(--color-text-tertiary);font-weight:500}.spinner{animation:spin 1s linear infinite}@media(max-width:480px){.login-root{padding:0}.login-panel{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.login-header,.login-form{padding:var(--space-5) var(--space-4) var(--space-4)}.login-brand{font-size:1.375rem}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.login-panel{width:calc(100vw - 1rem);max-height:calc(100vh - var(--navbar-height, 64px) - 1rem);margin:.5rem}.login-header{padding:var(--space-5) var(--space-4) var(--space-3)}.login-form{padding:var(--space-4)}.login-brand{font-size:1.3rem}}.make-bill-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:28px;min-height:calc(100vh - var(--navbar-height, 64px));background:linear-gradient(135deg,#fff,#f8fafc);padding:32px;max-width:1700px;margin:0 auto}.make-bill-wrapper{grid-template-columns:minmax(280px,.75fr) minmax(0,1.6fr);gap:24px;min-height:calc(100vh - 150px);padding:0;background:transparent;max-width:none}.bill-left,.bill-right{background:#fff;border:1px solid #d2d2d2;border-radius:0;box-shadow:0 1px 4px #0000001f}.bill-left{padding:20px}.bill-left h2{margin-bottom:18px;color:#28156f;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:400;letter-spacing:3px;text-transform:uppercase}.checkbox-row{gap:8px;padding:12px;background:#f7f7f7;border:1px solid #ddd;border-radius:0;box-shadow:none}.checkbox-label{gap:8px;color:#444;font-size:13px;font-weight:400}.checkbox-label:hover{color:#e66f09;transform:none}.checkbox-label input{accent-color:#28156f}.form-row{padding:0;margin:18px 0 0;background:transparent;border:0;border-radius:0;box-shadow:none}.form-row:hover{border-color:transparent;box-shadow:none;transform:none}.form-row label{color:#333;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:none;text-shadow:none}.form-row input,.form-row select,.amount-received-input{width:100%;padding:9px 10px;border:1px solid #aaa;border-radius:2px;background:#fff;color:#333;box-shadow:none}.form-row input:focus,.form-row select:focus,.amount-received-input:focus{border-color:#28156f;box-shadow:0 0 0 2px #28156f1f}.actions-row{margin-top:18px}.btn{padding:9px 15px;border:0;border-radius:2px;font-size:13px;font-weight:700;text-shadow:none;box-shadow:none}.btn:hover:not(:disabled){transform:none;box-shadow:0 2px 4px #0000002e}.primary-btn,.warning-btn,.success-btn,.danger-btn{background:#e66f09;border-color:#e66f09}.primary-btn:hover:not(:disabled),.warning-btn:hover:not(:disabled),.success-btn:hover:not(:disabled),.danger-btn:hover:not(:disabled){background:#c95e06}.info-btn,.ghost-btn{background:#28156f;border-color:#28156f;color:#fff}.info-btn:hover:not(:disabled),.ghost-btn:hover:not(:disabled){background:#1c0f4b}.error-message,.return-note{border-radius:0;box-shadow:none}.saved-bills-section{margin-top:24px;padding-top:18px;border-top:2px solid #e66f09}.section-title{color:#e66f09;font-family:Georgia,Times New Roman,serif;font-size:18px;letter-spacing:2px;text-shadow:none}.tab-btn,.capacity{border-radius:2px}.bill-right{padding:0}.empty-state{min-height:420px;padding:80px 24px}.empty-state h3{color:#e66f09;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:400}.table-container{border:0;border-radius:0}.table-header{padding:11px 15px;background:#28156f;border-bottom:4px solid #e66f09}.table-header h3{color:#fff;font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:400}.items-table th{padding:8px 10px;background:#067298;color:#fff;border-bottom:0;font-size:11px;letter-spacing:1px}.items-table td{padding:8px 10px;color:#333;border-bottom:1px solid #ddd;font-size:13px}.items-table tbody tr:hover{background:#fff7ef;border-left:0}.remove-btn{border-radius:2px}.table-footer{padding:16px;background:#f2f0f0;border-top:2px solid #6e6e6e}.grand-total-amount{color:#28156f;font-size:18px}.footer-actions{margin-top:16px;padding-top:12px;border-top:1px solid #ccc}@media(max-width:800px){.make-bill-wrapper{grid-template-columns:1fr}.bill-left,.bill-right{width:100%}.table-container{overflow-x:auto}}.bill-left{display:flex;flex-direction:column;gap:20px}.bill-left h2{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#0891b2,#0e7490);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;letter-spacing:-.03em}.checkbox-row{display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#0891b20d,#0891b205);padding:20px;border-radius:12px;border:1px solid rgba(8,145,178,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000d}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;color:#111827;font-weight:500;-webkit-user-select:none;user-select:none;transition:all .2s ease}.checkbox-label:hover{color:#0891b2;transform:translate(2px)}.checkbox-label input{width:18px;height:18px;cursor:pointer;accent-color:#0891b2}.checkmark{display:inline-block;width:18px;height:18px;border:2px solid #0891b2;border-radius:4px;margin-left:-26px;transition:all .2s ease}.checkbox-label input:checked~.checkmark{background:linear-gradient(135deg,#0891b2,#0e7490);border-color:#0891b2;box-shadow:0 0 0 3px #0891b233}.return-note{background:linear-gradient(135deg,#ef444426,#dc26261a);border-left:4px solid #ef4444;padding:14px 18px;border-radius:8px;font-size:.85rem;color:#fecaca;border:1px solid rgba(239,68,68,.3)}.return-note p{margin:0;font-weight:600}.form-row{display:flex;flex-direction:column;gap:8px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);padding:16px 20px;border-radius:10px;border:1px solid rgba(79,172,254,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #1f268733;transition:all .3s ease}.form-row:hover{border-color:#60a5fa66;box-shadow:0 8px 25px #60a5fa26;transform:translateY(-2px)}.form-row label{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.form-row input{padding:12px 16px;border:3px solid #0d6b7f;border-radius:8px;font-size:.95rem;background:#f8fafcf2;color:#000;font-weight:500;transition:all .3s ease;box-shadow:0 0 0 2px #0d6b7f1a}.form-row input:hover{border-color:#0d6b7f;background:#fff;box-shadow:0 0 0 3px #0d6b7f40}.form-row input:focus{outline:none;border-color:#0d6b7f;background:#fff;box-shadow:0 0 0 4px #0d6b7f59,0 0 12px #0d6b7f80}.form-row input::placeholder{color:#64748b}.actions-row{display:flex;gap:10px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 12px #00000026}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.primary-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border:1px solid rgba(96,165,250,.5)}.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.warning-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:1px solid rgba(251,191,36,.5)}.warning-btn:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706)}.success-btn{background:linear-gradient(135deg,#34d399,#10b981);color:#fff;border:1px solid rgba(52,211,153,.5)}.success-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669)}.info-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border:1px solid rgba(96,165,250,.5)}.info-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.ghost-btn{background:#ffffff1a;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.ghost-btn:hover:not(:disabled){background:#60a5fa26;border-color:#60a5fa}.danger-btn{background:linear-gradient(135deg,#ff6b6b,#ef4444);color:#fff;border:1px solid rgba(239,68,68,.5)}.danger-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626)}.error-message{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid rgba(239,68,68,.3);color:#fecaca;padding:14px 18px;border-radius:8px;font-size:.85rem;font-weight:600;box-shadow:0 4px 12px #ef44441a}.saved-bills-section{background:linear-gradient(135deg,#ffffff0d,#ffffff05);padding:20px;border-radius:12px;border:1px solid rgba(79,172,254,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #1f26875e}.section-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#60a5fa;margin-bottom:14px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.saved-bills-tabs{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:4px}.saved-bills-tabs::-webkit-scrollbar{width:6px}.saved-bills-tabs::-webkit-scrollbar-track{background:#60a5fa1a;border-radius:3px}.saved-bills-tabs::-webkit-scrollbar-thumb{background:#60a5fa66;border-radius:3px}.saved-bills-tabs::-webkit-scrollbar-thumb:hover{background:#60a5fa99}.tab-btn{padding:11px 14px;background:#0f172a80;border:1px solid rgba(79,172,254,.2);border-radius:8px;color:#cbd5e1;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-btn:hover{border-color:#60a5fa80;color:#60a5fa;background:#60a5fa1a;transform:translate(2px)}.tab-btn.active{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa4d}.capacity{padding:9px 12px;background:#60a5fa1a;border:1px dashed rgba(96,165,250,.3);border-radius:6px;font-size:.8rem;color:#60a5fa;text-align:center;margin-top:8px;font-weight:600}.bill-right{display:flex;flex-direction:column;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid rgba(8,145,178,.2);border-radius:14px;overflow:hidden;box-shadow:0 4px 12px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 50px;text-align:center;color:#94a3b8}.empty-state-icon{width:100px;height:100px;margin-bottom:28px;color:#0891b2;opacity:.4;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-icon svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(96,165,250,.2))}.empty-state h3{font-size:1.3rem;font-weight:700;color:#cbd5e1;margin:0 0 10px;letter-spacing:-.02em}.empty-state p{font-size:.95rem;color:#94a3b8;margin:0;line-height:1.5}.table-container{display:flex;flex-direction:column;height:100%;overflow:hidden;overflow-y:auto}.table-header{padding:20px;border-bottom:2px solid rgba(8,145,178,.2);background:linear-gradient(135deg,#0891b214,#0891b20a)}.table-header h3{font-size:.85rem;font-weight:800;color:#0891b2;margin:0;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(8,145,178,.2)}.items-table{width:100%;border-collapse:collapse;font-size:.85rem;overflow-y:auto;flex:1}.items-table thead{background:linear-gradient(135deg,#60a5fa1a,#60a5fa0d);position:sticky;top:0;z-index:1}.items-table th{padding:14px 16px;text-align:left;font-size:.7rem;font-weight:800;color:#0891b2;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid rgba(8,145,178,.2);white-space:nowrap;text-shadow:0 0 10px rgba(8,145,178,.2)}.items-table th:nth-child(n+4){text-align:right}.items-table td{padding:14px 16px;border-bottom:1px solid rgba(8,145,178,.1);color:#374151;transition:all .2s ease}.items-table tbody tr{background:#f8fafc80;transition:all .3s ease}.items-table tbody tr:hover{background:#0891b214;border-left:3px solid #0891b2;padding-left:3px}.code-cell{font-family:Courier New,monospace;font-weight:800;color:#0891b2;letter-spacing:.5px;text-shadow:0 0 8px rgba(8,145,178,.2)}.size-cell{font-size:.8rem;color:#94a3b8;font-weight:500}.number-cell{text-align:right;font-weight:600;font-family:Courier New,monospace;color:#e2e8f0}.negative-amount{color:#ff6b6b;font-weight:700}.action-cell{text-align:center}.remove-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#ef44441a;color:#ff6b6b;cursor:pointer;border-radius:6px;transition:all .2s ease;border:1px solid rgba(239,68,68,.2)}.remove-btn:hover{background:#ef444440;color:#ef4444;border-color:#ef444466;transform:scale(1.05)}.remove-btn svg{width:18px;height:18px}.table-footer{padding:24px;border-top:2px solid rgba(79,172,254,.2);background:linear-gradient(135deg,#60a5fa14,#60a5fa0a);display:flex;flex-direction:column;gap:16px}.totals{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:700;padding:12px 0;border-bottom:1px solid rgba(79,172,254,.1)}.totals .label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.totals .amount{color:#e2e8f0;font-family:Courier New,monospace;font-weight:800;letter-spacing:.5px}.grand-total-amount{color:#fff;background:linear-gradient(135deg,#34d399,#10b981);padding:8px 14px;border-radius:6px;font-size:1.1rem;font-weight:800;letter-spacing:.5px;box-shadow:0 4px 12px #34d3994d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.amount-received-input{padding:10px 14px;border:3px solid #0d6b7f;border-radius:6px;font-size:.9rem;background:#f8fafcf2;color:#000;font-family:Courier New,monospace;font-weight:700;width:140px;text-align:right;transition:all .3s ease;box-shadow:0 0 0 2px #0d6b7f1a}.amount-received-input:hover{border-color:#0d6b7f;background:#fff;box-shadow:0 0 0 3px #0d6b7f40}.amount-received-input:focus{outline:none;border-color:#0d6b7f;background:#fff;box-shadow:0 0 0 4px #0d6b7f59,0 0 12px #0d6b7f80}.footer-actions{display:flex;justify-content:space-between;gap:12px;margin-top:4px}.footer-actions-right{display:flex;gap:10px}.footer-actions .btn{flex:1;padding:12px 16px}.footer-actions-right .btn{flex:0 1 auto;min-width:120px}@media(max-width:1024px){.make-bill-wrapper{grid-template-columns:1fr;gap:20px;padding:24px}.footer-actions,.footer-actions-right{flex-direction:column}.footer-actions .btn,.footer-actions-right .btn{width:100%}.bill-left h2{font-size:1.8rem}}@media(max-width:768px){.make-bill-wrapper{padding:16px;gap:16px}.bill-left h2{font-size:1.5rem}.checkbox-row{padding:14px;gap:10px}.checkbox-label{font-size:.85rem}.form-row{padding:12px 16px}.items-table{font-size:.75rem}.items-table th,.items-table td{padding:10px 8px}.table-header{padding:12px}.table-footer{padding:16px}.empty-state{padding:60px 30px}.empty-state-icon{width:80px;height:80px}.bill-right{border-radius:12px}}@media(max-width:480px){.make-bill-wrapper{grid-template-columns:1fr;padding:12px;gap:12px}.bill-left h2{font-size:1.3rem}.btn{padding:10px 14px;font-size:.8rem}.items-table th{font-size:.65rem}.items-table td{padding:8px 6px;font-size:.7rem}.empty-state{padding:40px 20px}.empty-state-icon{width:60px;height:60px;margin-bottom:16px}.empty-state h3{font-size:1rem}.empty-state p{font-size:.85rem}}@media(max-width:480px){.totals{font-size:.8rem}.footer-actions{gap:6px}.footer-actions .btn{font-size:.75rem;padding:8px 12px}.remove-btn{width:28px;height:28px}}@media print{.make-bill-wrapper{grid-template-columns:1fr;padding:0;background:#fff}.bill-left{display:none}.bill-right{border:none;box-shadow:none}.table-footer{page-break-inside:avoid}}.completed-bill-preview{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:flex-start;padding:16px;background:#0000008c}.completed-bill-preview-frame{width:min(620px,calc(100vw - 32px));height:min(900px,calc(100vh - 32px));border:1px solid #aaa;background:#fff}.completed-bill-preview-close{position:absolute;top:16px;right:20px;z-index:1;width:36px;height:36px;border:0;border-radius:2px;background:#e66f09;color:#fff;font-weight:700;cursor:pointer}.bills-page{min-height:calc(100vh - var(--navbar-height, 64px));background:linear-gradient(135deg,#fff,#f8fafc);padding:32px 24px}.bills-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:24px}.page-title{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px;letter-spacing:-.03em}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:.9rem;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#2563eb 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.bills-filters{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);flex-wrap:wrap}.search-section{flex:1;max-width:400px}.date-range-filter{display:flex;gap:var(--space-2);align-items:center}.date-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.date-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.date-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #3b82f64d}.custom-date-range{display:flex;align-items:center;gap:var(--space-2);padding-left:var(--space-2);border-left:1px solid var(--color-border-medium)}.date-input{padding:var(--space-2) var(--space-2);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.8rem;cursor:pointer;transition:all .2s ease}.date-input:hover{border-color:var(--color-primary);background:var(--color-bg-primary)}.date-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.date-separator{color:var(--color-text-tertiary);font-weight:500;font-size:.8rem;white-space:nowrap}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper svg{position:absolute;left:var(--space-3);width:18px;height:18px;color:var(--color-text-tertiary);z-index:1}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 28px);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-bg-primary);font-size:.875rem;color:#000;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.bills-stats-simple{display:flex;align-items:center;gap:var(--space-4);font-size:.875rem}.stat-item{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem}.stat-label{color:var(--color-text-secondary);font-weight:500}.stat-value{color:var(--color-text-primary);font-weight:600;font-family:Monaco,Menlo,monospace}.revenue-amount{color:var(--color-success)}.stat-divider{color:var(--color-border-medium);font-weight:300}.show-revenue-btn{background:none;border:1px solid var(--color-border-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-tertiary);cursor:pointer;transition:all .2s ease;font-weight:500}.show-revenue-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.hide-revenue-btn{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:1.1rem;margin-left:var(--space-2);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.hide-revenue-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.bills-table-container{background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);overflow:hidden}.bills-table{width:100%;border-collapse:collapse;font-size:.875rem}.bills-table thead{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-light)}.bills-table th{text-align:left;padding:var(--space-4) var(--space-3);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;white-space:nowrap}.bills-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:all .2s ease}.bills-table tbody tr:hover{background:var(--color-bg-secondary)}.bills-table tbody tr:last-child{border-bottom:none}.bills-table td{padding:var(--space-4) var(--space-3);vertical-align:middle}.bill-id{font-weight:600;color:var(--color-primary);font-family:Monaco,Menlo,monospace}.customer-info{min-width:180px}.customer-name{font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.customer-phone{font-size:.75rem;color:var(--color-text-tertiary)}.items-count{color:var(--color-text-secondary);font-weight:500}.amount{font-weight:600;color:var(--color-text-primary);font-family:Monaco,Menlo,monospace}.date{color:var(--color-text-tertiary);font-size:.8rem;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-paid{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.status-pending{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.status-cancelled{background:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.print-btn{color:#7c3aed}.print-btn:hover{background:#7c3aed1a;color:#6d28d9}.modal-title-with-icon{display:flex;align-items:center;gap:var(--space-2)}.modal-title-with-icon svg{width:20px;height:20px;color:var(--color-primary)}.bills-table .bill-section-row td{padding:9px 14px;background:#067298;color:#fff;border-bottom:2px solid #e66f09;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bills-table .previous-section-row td{background:#28156f}.bill-details{display:flex;flex-direction:column;gap:var(--space-5)}.items-list{display:flex;flex-direction:column;gap:var(--space-2)}.item-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);align-items:center}.item-name{font-weight:500;color:var(--color-text-primary)}.item-qty{color:var(--color-text-tertiary);font-size:.875rem}.item-total{font-weight:600;color:var(--color-text-primary);text-align:right;font-family:Monaco,Menlo,monospace}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;color:var(--color-text-secondary)}.summary-row span:last-child{font-weight:600;font-family:Monaco,Menlo,monospace}.total-row{border-top:2px solid var(--color-border-medium);margin-top:var(--space-2);padding-top:var(--space-3);font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.bill-summary{border-radius:var(--radius-md)}.summary-label{color:var(--color-text-secondary)}.summary-value{color:var(--color-primary);font-weight:700;font-family:Monaco,Menlo,monospace}@media(max-width:768px){.bills-page{padding:var(--space-4) var(--space-3)}.bills-header{flex-direction:column;gap:var(--space-3)}.header-actions{order:-1;justify-content:space-between;width:100%}.header-actions .btn{flex:1;justify-content:center}.page-title{font-size:1.5rem}.bills-filters{flex-direction:column;gap:var(--space-3)}.search-section{max-width:none}.bills-stats-simple{justify-content:center;flex-wrap:wrap}.bills-table{font-size:.8rem}.bills-table th,.bills-table td{padding:var(--space-2)}.customer-info{min-width:120px}.customer-phone{display:none}.actions{flex-direction:column;gap:var(--space-1)}.modal-content{margin:var(--space-2);max-height:calc(100vh - var(--space-4))}.modal-header,.modal-body{padding:var(--space-4)}}@media(max-width:480px){.bills-stats-simple{font-size:.8rem;gap:var(--space-2)}.stat-divider{display:none}.item-row{grid-template-columns:1fr;gap:var(--space-1);text-align:center}.item-total{text-align:center}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--color-text-secondary)}.th-bill-id,.th-customer,.th-items,.th-amount,.th-date,.th-actions{text-align:left;padding:var(--space-4) var(--space-3);font-weight:600;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.th-bill-id{width:120px}.th-customer{width:200px}.th-items{width:100px;text-align:center}.th-amount{width:140px;text-align:right}.th-date{width:160px}.bill-ref{font-family:JetBrains Mono,Courier New,monospace;font-weight:600;color:var(--color-primary);background:var(--color-primary-light);padding:2px 6px;border-radius:4px;font-size:.8rem}.items-text{display:inline-block;background:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.amount-text{font-weight:600;font-size:1rem;color:var(--color-success)}.date-text{color:var(--color-text-secondary);font-size:.9rem}.no-bills{text-align:center;padding:var(--space-8);color:var(--color-text-tertiary);font-style:italic}.view-modal{max-width:600px}.edit-modal{max-width:500px}.delete-modal{max-width:400px}.edit-form{margin-bottom:var(--space-6)}.customer-name-display{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.customer-label{font-weight:600;color:var(--color-text-secondary);min-width:50px}.customer-name-value{font-size:1.1rem;font-weight:700;color:#000;background:linear-gradient(135deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.input-with-icon svg{position:absolute;left:var(--space-3);width:20px;height:20px;color:var(--color-text-tertiary);z-index:1;transition:color .2s ease}.input-with-icon .form-input{padding-left:calc(var(--space-3) + 32px)}.form-input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;transition:all .2s ease;background:var(--color-bg-primary);color:var(--color-text-primary)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-medium);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-border-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,var(--color-danger) 0%,#dc2626 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,var(--color-gray-400) 0%,var(--color-gray-500) 100%)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.delete-warning .warning-icon{font-size:3rem;margin-bottom:var(--space-4);display:block}.warning-icon{font-size:3rem;margin-bottom:var(--space-3)}.delete-warning p{margin-bottom:var(--space-2);line-height:1.5}.item-name{font-weight:600;color:var(--color-text-primary)}.item-details{color:var(--color-text-secondary);font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.primary-btn{background:linear-gradient(135deg,var(--color-primary) 0%,#2563eb 100%);color:#fff;box-shadow:var(--shadow-sm)}.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.success-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:var(--shadow-sm)}.success-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:var(--shadow-md)}.info-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:var(--shadow-sm)}.info-btn:hover:not(:disabled){background:linear-gradient(135deg,#0891b2,#0e7490);transform:translateY(-1px);box-shadow:var(--shadow-md)}.warning-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:var(--shadow-sm)}.warning-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:var(--shadow-md)}.danger-btn{background:linear-gradient(135deg,var(--color-danger) 0%,#dc2626 100%);color:#fff;box-shadow:var(--shadow-sm)}.danger-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-danger-hover) 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.ghost-btn{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-medium);box-shadow:var(--shadow-sm)}.ghost-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.dashboard-page{min-height:calc(100vh - var(--navbar-height, 64px));background:linear-gradient(135deg,#fff,#f8fafc);padding:32px 24px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.page-title{display:flex;align-items:center;gap:12px;font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px;letter-spacing:-.03em}.page-title svg{width:36px;height:36px;color:#60a5fa;filter:drop-shadow(0 4px 12px rgba(96,165,250,.3))}.page-subtitle{font-size:1rem;color:#94a3b8;margin:0;font-weight:500}.header-actions{display:flex;align-items:center;gap:12px}.time-range-selector{display:flex;background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-1);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.time-btn{padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.time-btn:hover{color:var(--color-text-primary);background:var(--color-gray-50)}.time-btn.active{background:linear-gradient(135deg,var(--color-primary) 0%,#2563eb 100%);color:#fff;box-shadow:var(--shadow-sm)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--color-primary),#2563eb);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stat-card.primary:before{background:linear-gradient(135deg,#059669,#047857)}.stat-card.secondary:before{background:linear-gradient(135deg,var(--color-primary),#1d4ed8)}.stat-card.tertiary:before{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.stat-card.accent:before{background:linear-gradient(135deg,#ea580c,#c2410c)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-light),#dbeafe);border-radius:var(--radius-lg);color:var(--color-primary)}.stat-card.primary .stat-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-card.tertiary .stat-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.stat-card.accent .stat-icon{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#ea580c}.stat-icon svg{width:24px;height:24px}.stat-trend{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.stat-trend.positive{background:#d1fae5;color:#059669}.stat-trend.negative{background:#fee2e2;color:#dc2626}.stat-trend.neutral{background:var(--color-gray-100);color:var(--color-gray-600)}.stat-trend.today{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#ea580c}.stat-trend svg{width:12px;height:12px}.stat-content{margin-top:var(--space-2)}.stat-value{font-size:1.4rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-1) 0;letter-spacing:-.02em}.stat-label{font-size:.875rem;color:var(--color-text-tertiary);margin:0;font-weight:500}.dashboard-content{margin-top:var(--space-8)}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}@media(max-width:1200px){.content-grid{grid-template-columns:1fr}}.chart-card,.data-card,.quick-stats-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease}.chart-card:hover,.data-card:hover,.quick-stats-card:hover{box-shadow:var(--shadow-lg)}.chart-card{grid-column:1 / 2;grid-row:1 / 3}.data-card:nth-of-type(2){grid-column:2 / 3;grid-row:1 / 2}.data-card:nth-of-type(3){grid-column:2 / 3;grid-row:2 / 3}.quick-stats-card{grid-column:2 / 3;grid-row:3 / 4}@media(max-width:1200px){.chart-card,.data-card,.quick-stats-card{grid-column:1 / -1;grid-row:auto}}.card-header{padding:var(--space-6) var(--space-6) var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center}.card-title{display:flex;align-items:center;gap:var(--space-2);font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.card-title svg{width:20px;height:20px;color:var(--color-primary)}.card-actions{display:flex;align-items:center;gap:var(--space-2)}.period-label{font-size:.875rem;color:var(--color-text-tertiary);font-weight:500}.view-all-link{font-size:.875rem;color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s ease;background:none;border:none;cursor:pointer;padding:0}.view-all-link:hover{color:var(--color-primary-hover)}.card-content{padding:var(--space-6)}.chart-container{height:80%;min-height:480px;padding:var(--space-4)}.chart-type-selector{display:flex;gap:var(--space-1);background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-1);border:1px solid var(--color-border-light)}.chart-type-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.chart-type-btn:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.chart-type-btn.active{background:var(--color-primary);color:#fff}.chart-type-btn svg{width:16px;height:16px}.chart-tooltip{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-lg)}.tooltip-label{font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0;font-size:.875rem}.tooltip-content{display:flex;flex-direction:column;gap:var(--space-1)}.tooltip-item{display:flex;align-items:center;gap:var(--space-2)}.tooltip-color{width:12px;height:12px;border-radius:50%}.tooltip-text{font-size:.875rem;color:var(--color-text-secondary)}.chart-empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-style:italic}.recent-bills-list{display:flex;flex-direction:column;gap:var(--space-4)}.bill-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:all .2s ease}.bill-item:hover{background:var(--color-gray-50);border-color:var(--color-border-medium)}.bill-info{display:flex;flex-direction:column;gap:var(--space-1)}.bill-customer{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--color-text-primary);font-size:.875rem}.bill-customer svg{width:16px;height:16px;color:var(--color-text-tertiary)}.bill-meta{display:flex;gap:var(--space-3);font-size:.75rem;color:var(--color-text-tertiary)}.bill-id{font-weight:600;color:var(--color-primary)}.bill-details{text-align:right;display:flex;flex-direction:column;gap:var(--space-1)}.bill-amount{font-weight:700;color:var(--color-text-primary);font-size:.875rem}.bill-date{font-size:.75rem;color:var(--color-text-tertiary)}.top-products-list{display:flex;flex-direction:column;gap:var(--space-3)}.product-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:all .2s ease}.product-item:hover{background:var(--color-gray-50);border-color:var(--color-border-medium)}.product-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;flex-shrink:0}.product-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.product-name{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.product-category{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;font-weight:500}.product-stats{text-align:right;display:flex;flex-direction:column;gap:var(--space-1)}.product-sales{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.product-revenue{font-weight:700;color:var(--color-text-primary);font-size:.875rem}.quick-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.quick-stat{text-align:center;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:all .2s ease}.quick-stat:hover{background:var(--color-gray-50);border-color:var(--color-border-medium)}.quick-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.quick-stat-label{font-size:.75rem;color:var(--color-text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);color:var(--color-text-tertiary);text-align:center}.empty-state-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-lg);color:var(--color-gray-400);margin-bottom:var(--space-3)}.empty-state-icon svg{width:24px;height:24px}.empty-state p{margin:0;font-size:.875rem;font-weight:500}.loading-container{display:flex;justify-content:center;align-items:center;height:400px}.loading-spinner{font-size:1rem;color:var(--color-text-secondary);font-weight:500}.error-container{display:flex;justify-content:center;align-items:center;height:400px;color:var(--color-danger)}@media(max-width:768px){.dashboard-page{padding:var(--space-4) var(--space-2)}.dashboard-header{flex-direction:column;align-items:stretch;gap:var(--space-4)}.page-title{font-size:1.5rem}.stats-grid,.content-grid{grid-template-columns:1fr;gap:var(--space-4)}.time-range-selector{width:100%;justify-content:center}.card-header{padding:var(--space-4);flex-direction:column;align-items:stretch;gap:var(--space-2)}.card-content{padding:var(--space-4)}.chart-container{min-height:480px;height:80%}.quick-stats-grid{grid-template-columns:1fr;gap:var(--space-2)}}[data-theme=dark] .stat-card{background:var(--color-bg-tertiary);border-color:var(--color-border-medium)}[data-theme=dark] .bill-item,[data-theme=dark] .product-item,[data-theme=dark] .quick-stat{background:var(--color-bg-primary);border-color:var(--color-border-medium)}[data-theme=dark] .bill-item:hover,[data-theme=dark] .product-item:hover,[data-theme=dark] .empty-state-icon{background:var(--color-bg-tertiary);color:var(--color-gray-500)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card,.chart-card,.data-card,.quick-stats-card{animation:fadeInUp .6s ease-out}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}:root{--color-primary: #0891b2;--color-primary-hover: #0e7490;--color-primary-dark: #164e63;--color-primary-light: #cffafe;--color-success: #059669;--color-success-hover: #047857;--color-success-light: #dcfce7;--color-accent-cyan: #0891b2;--color-accent-yellow: #d97706;--color-accent-pink: #db2777;--color-product-name: #0891b2;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-warning: #d97706;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-border-light: #e5e7eb;--color-border-medium: #d1d5db;--color-border-dark: #0891b2;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-tertiary: #6b7280;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--navbar-height: 64px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem}[data-theme=dark]{--color-bg-primary: #1e293b;--color-bg-secondary: #0f172a;--color-bg-tertiary: #1a2332;--color-text-primary: #e2e8f0;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-border-light: #334155;--color-border-medium: #4f5c7a;--color-border-dark: #60a5fa;--color-gray-50: #334155;--color-gray-100: #475569;--color-gray-200: #64748b}[data-theme=dark] .profile-dropdown{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-color:#60a5fa33;box-shadow:0 20px 60px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .dropdown-item:hover{background-color:#60a5fa1a}[data-theme=dark] .items-table th{background:linear-gradient(135deg,#60a5fa1a,#60a5fa0d);color:#60a5fa;border-bottom:2px solid rgba(96,165,250,.2)}[data-theme=dark] .items-table td{border-bottom:1px solid rgba(96,165,250,.1);color:#cbd5e1}[data-theme=dark] .items-table tbody tr:hover{background:#60a5fa26;border-left:3px solid #60a5fa}[data-theme=dark] .table-header{background:linear-gradient(135deg,#60a5fa1a,#60a5fa0d);border-bottom:2px solid rgba(96,165,250,.2)}[data-theme=dark] .table-footer{background:linear-gradient(135deg,#60a5fa14,#60a5fa0a);border-top:2px solid rgba(96,165,250,.2)}[data-theme=dark] .tab-btn{background:#0f172a80;border-color:#60a5fa33;color:#cbd5e1}[data-theme=dark] .tab-btn:hover{background:#60a5fa1a;border-color:#60a5fa80;color:#60a5fa}[data-theme=dark] .tab-btn.active{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-color:#60a5fa;color:#fff;box-shadow:0 4px 12px #60a5fa4d}[data-theme=dark] .capacity{background:#60a5fa1a;border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .ghost-btn{background:#ffffff1a;color:#60a5fa;border-color:#60a5fa4d}[data-theme=dark] .ghost-btn:hover:not(:disabled){background:#60a5fa26;border-color:#60a5fa;color:#e2e8f0}[data-theme=dark] .remove-btn{background:#ef44441a;color:#ff6b6b;border:1px solid rgba(239,68,68,.2)}[data-theme=dark] .remove-btn:hover{background:#ef444440;color:#ef4444;border-color:#ef444466}.app-container{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--color-text-primary)}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);height:var(--navbar-height);background:linear-gradient(135deg,#0f172ae6,#1e293be6);color:#fff;box-shadow:0 10px 30px #0000004d;position:relative;z-index:10;flex-shrink:0;border-bottom:1px solid rgba(96,165,250,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.nav-left.brand{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#fff;display:flex;align-items:center;gap:var(--space-2)}.nav-left.brand img{height:32px;width:auto}.nav-right{display:flex;align-items:center;gap:var(--space-6);list-style:none;margin:0;padding:0}.nav-right a{color:#ffffffe6;text-decoration:none;font-weight:500;font-size:.875rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all .2s ease}.nav-right a:hover{color:#fff;background-color:#ffffff1a}.link-btn{background:none;border:none;color:#ffffffe6;cursor:pointer;font:inherit;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all .2s ease;font-weight:500;font-size:.875rem}.link-btn:hover{color:#fff;background-color:#ffffff1a}.user-info{color:#ffffffb3;font-size:.875rem;font-weight:500}.user-avatar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer;position:relative}.user-avatar:hover{background-color:#ffffff1a}.avatar-img{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.2);object-fit:cover}.user-name{color:#ffffffe6;font-weight:500;font-size:.875rem}.dropdown-arrow{width:16px;height:16px;color:#ffffffb3;transition:transform .2s ease}.user-profile-container{position:relative}.profile-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-2);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;z-index:1000;animation:slideDown .2s ease-out}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:left;font-size:.875rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;border-radius:var(--radius-md)}.dropdown-item:hover{background-color:var(--color-bg-secondary);color:var(--color-danger)}.dropdown-icon{width:16px;height:16px;color:var(--color-text-tertiary)}.dropdown-item:hover .dropdown-icon{color:var(--color-danger)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{background:none;border:none;color:#ffffffe6;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.theme-toggle .nav-bar{padding-left:0!important}.theme-toggle:hover{color:#fff;background-color:#ffffff1a;transform:scale(1.05)}.theme-toggle svg{width:18px;height:18px}.app-body{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:var(--space-8) var(--space-6)}.make-bill-wrapper{display:grid;grid-template-columns:500px 1fr;gap:var(--space-8);align-items:start;min-height:calc(100vh - 200px)}.bill-left,.bill-right{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);overflow:hidden}.bill-left{padding:var(--space-6)}.bill-right{padding:0;display:flex;flex-direction:column;justify-content:flex-start}.bill-left h2{margin:0 0 var(--space-2) 0;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.form-row{margin-bottom:var(--space-5)}.form-row label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-700);margin-bottom:var(--space-2)}.amount-received-input{width:140px;padding:6px 8px;border:3px solid #0d6b7f;border-radius:6px;font-size:.95rem;box-shadow:0 0 0 2px #0d6b7f1a}.amount-received-input:focus{outline:none;border-color:#0d6b7f;box-shadow:0 0 0 4px #0d6b7f59,0 0 12px #0d6b7f80}.form-row input{width:100%;padding:var(--space-3) var(--space-4);border:3px solid #0d6b7f;border-radius:var(--radius-md);background:var(--color-bg-primary);font-size:.875rem;color:var(--color-text-primary);transition:all .2s ease;box-shadow:0 0 0 2px #0d6b7f1a}.form-row input:focus{outline:none;border-color:#0d6b7f;box-shadow:0 0 0 4px #0d6b7f59,0 0 12px #0d6b7f80}.form-row input::placeholder{color:var(--color-text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:all .2s ease;border:1px solid transparent;gap:var(--space-2)}.primary-btn{background:linear-gradient(135deg,var(--color-primary) 0%,#2563eb 100%);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,#1d4ed8 100%);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.success-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:var(--shadow-sm)}.success-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);border-color:#059669;transform:translateY(-1px);box-shadow:var(--shadow-md)}.ghost-btn{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-medium);box-shadow:var(--shadow-sm)}.ghost-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.danger-btn{background:linear-gradient(135deg,var(--color-danger) 0%,#dc2626 100%);color:#fff;border-color:var(--color-danger);box-shadow:var(--shadow-sm)}.danger-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-danger-hover) 0%,#b91c1c 100%);border-color:var(--color-danger-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.info-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border-color:#06b6d4;box-shadow:var(--shadow-sm)}.info-btn:hover:not(:disabled){background:linear-gradient(135deg,#0891b2,#0e7490);border-color:#0891b2;transform:translateY(-1px);box-shadow:var(--shadow-md)}.warning-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#f59e0b;box-shadow:var(--shadow-sm)}.warning-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706;transform:translateY(-1px);box-shadow:var(--shadow-md)}.actions-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6)}.saved-bills-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.saved-bills-section .section-title{font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--space-3)}.saved-bills-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tab-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--color-gray-600)}.tab-btn:hover{background:var(--color-gray-200);border-color:var(--color-border-medium)}.tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.capacity{display:flex;align-items:center;font-size:.75rem;color:var(--color-gray-500);padding:var(--space-2) var(--space-3);background:var(--color-gray-50);border:1px dashed var(--color-border-medium);border-radius:var(--radius-sm)}.table-container{display:flex;flex-direction:column;height:auto;min-height:0;border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.table-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-tertiary);flex-shrink:0}.table-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.items-table{width:100%;border-collapse:collapse;flex-shrink:0}.items-table th{background:var(--color-gray-50);padding:var(--space-4) var(--space-6);text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-700);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:1}.items-table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-light);font-size:.875rem;color:var(--color-text-primary)}.footer-actions{display:flex;gap:var(--space-3);justify-content:space-between}.footer-actions-right{display:flex;gap:20px}.items-table tbody tr:hover{background:var(--color-gray-50)}.items-table .code-cell{font-family:ui-monospace,SFMono-Regular,Cascadia Code,Consolas,monospace;font-weight:500;color:var(--color-primary)}.items-table .number-cell{font-variant-numeric:tabular-nums}.items-table .action-cell{text-align:center;width:60px}.remove-btn{background:var(--color-danger);color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-btn svg{width:15px;height:15px;fill:currentColor}.remove-btn:hover{background:var(--color-danger-hover);transform:scale(1.1)}.remove-btn:active{transform:scale(.95)}.table-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border-light);background:var(--color-bg-tertiary);margin-top:auto;flex-shrink:0}.totals{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.totals .label{font-size:1.125rem;font-weight:600;color:var(--color-gray-700)}.totals .amount{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.table-footer .totals+.totals{margin-top:-.5rem;margin-bottom:var(--space-4)}.table-footer .totals .label{font-size:1rem;font-weight:500;color:var(--color-gray-700)}.table-footer .totals .amount{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);color:var(--color-gray-500)}.empty-state-icon{width:64px;height:64px;margin-bottom:var(--space-4);opacity:.5}.empty-state h3{font-size:1.125rem;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--space-2)}.empty-state p{font-size:.875rem;color:var(--color-gray-500);max-width:300px}.error-message{color:var(--color-danger);font-size:.875rem;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-sm)}.checkbox-label{display:flex!important;align-items:center;gap:var(--space-1);cursor:pointer;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;font-size:.875rem!important}.checkbox-label input[type=checkbox]{width:auto!important;margin:0;cursor:pointer}.checkmark{font-weight:500}.return-note{font-size:.85rem;margin-top:var(--space-1);display:block}.warning-btn{background:var(--color-warning);color:#fff;border-color:var(--color-warning)}.warning-btn:hover:not(:disabled){background:#b45309;border-color:#b45309;transform:translateY(-1px);box-shadow:var(--shadow-md)}.checkbox-row{display:flex;gap:1.5rem;margin:1rem 0;flex-wrap:wrap}.checkbox-row .checkbox-label{margin:0;white-space:nowrap}.return-note{margin:.5rem 0;padding:.5rem;background-color:var(--color-warning-light, #fef3c7);border-radius:var(--radius-sm);border-left:3px solid var(--color-warning)}.section-title{font-size:1.1rem;font-weight:600;margin:1rem 0 .5rem;color:var(--color-text);border-bottom:2px solid var(--color-primary);padding-bottom:.5rem}.negative-amount{font-weight:600}.size-cell{font-variant-numeric:normal;font-weight:500;color:var(--color-gray-600)}@media(max-width:1024px){.make-bill-wrapper{grid-template-columns:1fr;gap:var(--space-6)}.app-body{padding:var(--space-6) var(--space-4)}}@media(max-width:768px){.nav-bar{padding:0 var(--space-4)}.nav-right{gap:var(--space-4)}.app-body,.bill-left,.bill-right,.table-header,.table-footer{padding:var(--space-4)}.items-table th,.items-table td{padding:var(--space-3) var(--space-4)}.actions-row,.footer-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.page-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-gray-500);font-size:.875rem}.test-page{background:var(--color-bg-primary);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.products-page{padding:32px 24px;max-width:1400px;margin:0 auto;min-height:calc(100vh - var(--navbar-height, 64px));background:linear-gradient(135deg,#fff,#f8fafc)}.products-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:24px}.header-left{flex:1}.page-title{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#0891b2,#0e7490);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px;letter-spacing:-.03em}.page-subtitle{font-size:1rem;color:#6b7280;margin:0;font-weight:500}.header-actions{display:flex;gap:12px}.stat-card{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid rgba(8,145,178,.15);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#0891b24d}.stat-icon{font-size:1.5rem;color:#0891b2;opacity:.9;width:30px;height:30px;background:none}.stat-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:700;color:#111827;line-height:1}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:.9rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 12px #00000026;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:18px;height:18px}.btn-primary{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;border:1px solid rgba(8,145,178,.5);font-weight:800}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0e7490,#164e63);box-shadow:0 0 20px #0891b24d}.btn-secondary{background:#ffffff1a;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.btn-secondary:hover:not(:disabled){background:#60a5fa26;border-color:#60a5fa}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ef4444);color:#fff;border:1px solid rgba(239,68,68,.5)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger:hover{background:linear-gradient(135deg,var(--color-danger-hover) 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.products-filters{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap;align-items:center;padding:0;background:transparent;border-radius:0;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1rem}.search-input::placeholder{color:#9ca3af}.search-input:hover{border-color:#9ca3af;background:#fff}.search-input:focus{outline:none;border-color:#0891b2;background:#fff;box-shadow:0 0 0 3px #0891b21a}.search-input::placeholder{color:#64748b}.products-stats-simple{display:flex;align-items:center;gap:20px;font-size:.9rem}.stat-item{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;background:#60a5fa1a;padding:8px 12px;border-radius:6px;border:1px solid rgba(96,165,250,.2)}.stat-label{color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.stat-value{color:#60a5fa;font-weight:700;font-family:Monaco,Menlo,monospace}.stat-divider{color:#60a5fa33;font-weight:300}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;color:#94a3b8}.loading-spinner{font-size:1.1rem;animation:pulse 1.5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.products-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;margin-bottom:20px;box-shadow:0 1px 3px #0000000d}.table-wrapper{overflow-x:auto}.products-table{width:100%;border-collapse:collapse;font-size:.875rem}.products-table thead{background:linear-gradient(135deg,#0891b20d,#0891b205);border-bottom:1px solid #e5e7eb}.products-table th{text-align:left;padding:14px 12px;font-weight:800;color:#0891b2;text-transform:uppercase;letter-spacing:.8px;font-size:.7rem;white-space:nowrap;text-shadow:none}.sort-header-button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;white-space:inherit;cursor:pointer}.sort-header-button:focus-visible{outline:2px solid #0891b2;outline-offset:3px;border-radius:2px}.sort-header-icon{width:13px;height:13px;flex:none;opacity:.7}.sort-header-button:hover .sort-header-icon{opacity:1}.products-table tbody tr{border-bottom:1px solid #f3f4f6;background:#fff;transition:all .3s ease}.products-table tbody tr:hover{background:#f9fafb;border-left:none;padding-left:0}.products-table tbody tr:last-child{border-bottom:none}.products-table td{padding:14px 12px;vertical-align:middle;font-size:.95rem;color:#374151}.th-code{width:120px}.th-name{width:200px}.th-category{width:120px}.th-size{width:100px}.th-price{width:140px;text-align:right}.products-table td.price{text-align:right}.th-price .sort-header-button{justify-content:flex-end;width:100%}.th-date{width:140px}.th-actions{width:140px;text-align:center}.product-code{font-weight:600;color:#0891b2;font-family:Monaco,Menlo,monospace}.code-text{background:#cffafe;color:#0891b2;padding:2px 6px;border-radius:4px;font-size:.8rem}.product-info{min-width:180px}.product-name{font-weight:800;color:#0891b2;text-shadow:0 0 10px rgba(8,145,178,.2);font-size:1.05rem;letter-spacing:.5px}.category-text{display:inline-block;background:#f3f4f6;color:#6b7280;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.size-text{color:#6b7280;font-weight:500}.price-text{font-weight:600;color:#059669;font-family:Monaco,Menlo,monospace}.price-text.editable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;padding:2px 6px;border-radius:4px}.price-text.editable:hover{color:#047857;background:#05966914;text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:2px;text-underline-offset:4px}.price-edit-container{display:flex;align-items:center;gap:4px;font-size:.9rem;font-weight:600;color:#6b7280}.price-currency{color:#6b7280;font-size:.85rem}.price-edit-input{width:80px;padding:4px 6px;border:2px solid var(--color-primary);border-radius:4px;font-size:.9rem;font-weight:600;color:var(--color-success);text-align:right;font-family:Monaco,Menlo,monospace;transition:all .2s ease}.price-edit-input:focus{outline:none;border-color:var(--color-primary-hover);box-shadow:0 0 0 3px #3b82f61a}.price-edit-input:disabled{opacity:.6;cursor:not-allowed}.price-action-btn{width:28px;height:28px;border:2px solid var(--color-border-medium);border-radius:4px;background:#fff;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;font-weight:600}.price-action-btn.save-btn{border-color:var(--color-success);color:var(--color-success)}.price-action-btn.save-btn:hover:not(:disabled){background:#10b9811a;border-color:var(--color-success-hover, #065f46);color:var(--color-success-hover, #065f46)}.price-action-btn.cancel-btn{border-color:var(--color-danger);color:var(--color-danger)}.price-action-btn.cancel-btn:hover:not(:disabled){background:#ef44441a;border-color:#dc2626;color:#dc2626}.price-action-btn:disabled{opacity:.6;cursor:not-allowed}.date-text{color:var(--color-text-tertiary);font-size:.8rem}.actions{display:flex;gap:var(--space-1)}.action-buttons{display:flex;gap:var(--space-2);justify-content:center;align-items:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background:transparent}.action-btn svg{width:16px;height:16px}.view-btn{color:var(--color-primary)}.view-btn:hover{background:#3b82f61a;color:var(--color-primary-hover)}.edit-btn{color:#059669}.edit-btn:hover{background:#0596691a;color:#047857}.delete-btn{color:var(--color-danger)}.delete-btn:hover{background:#ef44441a;color:#dc2626}.no-products{text-align:center;padding:var(--space-8);color:var(--color-text-tertiary);font-style:italic}.pagination{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:calc(var(--space-3)) calc(var(--space-4));background:linear-gradient(180deg,var(--color-bg-primary),var(--color-bg-primary));border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.pagination-info{color:var(--color-text-tertiary);font-size:.9rem;font-weight:600}.pagination-controls{display:inline-flex;align-items:center;gap:var(--space-2)}.pagination .btn{padding:8px 12px;border-radius:10px;font-size:.9rem;background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-medium);box-shadow:var(--shadow-sm)}.pagination .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.pagination .btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.pagination .page-number{min-width:36px;text-align:center;font-weight:700;color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-light),transparent);padding:6px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.03)}@media(max-width:480px){.pagination{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3)}.pagination-controls{justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-tertiary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.create-form,.edit-form{margin-bottom:var(--space-6)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--color-text-primary)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:var(--space-3);width:22px;height:22px;color:var(--color-text-tertiary);z-index:1;transition:color .2s ease;stroke-width:2}.input-with-icon .form-input{padding-left:calc(var(--space-3) + 34px)}.input-with-icon .form-input:focus+svg,.input-with-icon:focus-within svg{color:var(--color-primary)}.form-input{width:100%;padding:var(--space-3);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:1rem;transition:all .2s ease;background:var(--color-bg-primary);color:var(--color-text-primary)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.product-details{display:flex;flex-direction:column;gap:var(--space-5)}.detail-section h3{margin:0 0 var(--space-3) 0;font-size:1rem;font-weight:600;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-2)}.detail-section p{margin:var(--space-2) 0;color:var(--color-text-primary);font-weight:500;font-size:14px}.detail-section strong{color:var(--color-text-secondary);font-weight:600}.view-modal .modal-header{background:#3b82f61a;border-bottom-color:var(--color-primary)}.view-modal .modal-header h2{color:var(--color-primary)}.create-modal .modal-header{background:#22c55e1a;border-bottom-color:var(--color-success)}.create-modal .modal-header h2{color:var(--color-success)}.edit-modal .modal-header{background:#0596691a;border-bottom-color:var(--color-success)}.edit-modal .modal-header h2{color:var(--color-success)}.delete-modal{border:2px solid var(--color-danger)}.delete-modal .modal-header{background:#dc26261a;border-bottom-color:var(--color-danger)}.delete-modal .modal-header h2{color:var(--color-danger)}.delete-warning{text-align:center;padding:var(--space-6)}.warning-icon{font-size:3rem;margin-bottom:var(--space-4);display:block}.delete-warning p{margin:var(--space-3) 0;color:var(--color-text-primary);font-size:1rem;line-height:1.5}.delete-warning p:first-of-type{font-weight:600;font-size:1.1rem}.delete-warning strong{color:var(--color-danger);font-weight:700}.delete-warning p:last-child{color:var(--color-text-tertiary);font-size:.9rem}@media(max-width:768px){.products-page{padding:var(--space-4) var(--space-3)}.products-header{flex-direction:column;gap:var(--space-3)}.header-actions{order:-1;justify-content:space-between;width:100%}.header-actions .btn{flex:1;justify-content:center}.page-title{font-size:1.5rem}.products-filters{flex-direction:column;gap:var(--space-3)}.search-section{max-width:none}.products-stats-simple{justify-content:center;flex-wrap:wrap}.products-table{font-size:.8rem}.products-table th,.products-table td{padding:var(--space-2)}.product-info{min-width:120px}.actions{flex-direction:column;gap:var(--space-1)}.modal-content{margin:var(--space-2);max-height:calc(100vh - var(--space-4))}.modal-header,.modal-body{padding:var(--space-4)}}@media(max-width:480px){.products-stats-simple{font-size:.8rem;gap:var(--space-2)}.stat-divider{display:none}.products-table th,.products-table td{padding:var(--space-2) var(--space-1)}.th-size,.th-date,.size,.date{display:none}}.inventory-page{padding:32px 24px;max-width:1400px;margin:0 auto;min-height:calc(100vh - var(--navbar-height, 64px));background:linear-gradient(135deg,#fff,#f8fafc)}.inventory-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.inventory-header h1{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#0891b2,#0e7490);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.03em}.inventory-header .subtitle{font-size:.85rem;color:#94a3b8;margin:4px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(96,165,250,.2);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease;box-shadow:0 8px 24px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.warning{border-color:#f59e0b;background:#f59e0b0d}.stat-card.danger{border-color:#ef4444;background:#ef44440d}.stat-icon{font-size:1.5rem;color:var(--color-primary);opacity:.9;width:30px;height:30px;background:none}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1}.hide-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:6px}.hide-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.inventory-filters{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.search-box{position:relative;flex:1;min-width:200px;max-width:300px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:1rem}.search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--color-border-medium);border-radius:8px;font-size:.9rem;background:var(--color-bg-primary);color:#000;font-weight:500}.search-input:focus{outline:none;border-color:var(--color-primary)}.filter-tabs{display:flex;gap:6px}.filter-tab{padding:8px 14px;border:1px solid var(--color-border-medium);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.inventory-table-wrapper{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;overflow:hidden;margin-bottom:20px;box-shadow:0 1px 3px #0000000d}.inventory-table{width:100%;border-collapse:collapse;table-layout:auto}.inventory-table thead{background:var(--color-bg-tertiary)}.inventory-table th{padding:14px 16px;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border-medium);white-space:nowrap}.inventory-table th:nth-child(2),.inventory-table th:nth-child(3),.inventory-table th:nth-child(4),.inventory-table th:nth-child(5),.inventory-table th:nth-child(6),.inventory-table th:nth-child(7){text-align:right}.inventory-table th:nth-child(8),.inventory-table th:nth-child(9){text-align:center}.inventory-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background .15s ease}.inventory-table tbody tr:last-child{border-bottom:none}.inventory-table tbody tr:hover{background:var(--color-bg-secondary)}.inventory-table tbody tr.row-low{background:#f59e0b08}.inventory-table tbody tr.row-out{background:#ef444408}.inventory-table td{padding:14px 16px;vertical-align:middle;font-size:.9rem}.inventory-table td:nth-child(2),.inventory-table td:nth-child(3),.inventory-table td:nth-child(4),.inventory-table td:nth-child(5),.inventory-table td:nth-child(6),.inventory-table td:nth-child(7){text-align:right}.inventory-table td:nth-child(8),.inventory-table td:nth-child(9){text-align:center}.profit-cell{font-family:Monaco,Menlo,monospace;font-weight:700}.profit-cell.positive{color:#059669}.profit-cell.negative{color:#dc2626}.product-cell{display:flex;flex-direction:column;gap:2px}.product-code{font-family:Monaco,Menlo,monospace;font-size:.75rem;font-weight:600;color:var(--color-primary)}.product-name{font-weight:500;color:var(--color-text-primary);font-size:.85rem}.product-name .size{color:var(--color-text-tertiary);font-weight:400}.qty-cell{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.qty{font-size:1.2rem;font-weight:700;color:var(--color-text-primary);line-height:1}.min-stock{font-size:.7rem;color:var(--color-text-tertiary);line-height:1}.price-cell,.total-cell{font-family:Monaco,Menlo,monospace;font-weight:500;color:var(--color-text-primary);font-size:.85rem}.total-cell{font-weight:600}.status-badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-badge.ok{background:#10b9811a;color:#059669}.status-badge.low{background:#f59e0b1a;color:#d97706}.status-badge.out{background:#ef44441a;color:#dc2626}.actions-cell{display:flex;gap:6px;justify-content:center;flex-wrap:nowrap}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-medium);border-radius:6px;background:var(--color-bg-primary);cursor:pointer;transition:all .15s ease;color:var(--color-text-secondary);font-size:.9rem;flex-shrink:0}.action-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05)}.action-btn:disabled{opacity:.3;cursor:not-allowed}.action-btn.edit:hover{background:#3b82f6;border-color:#3b82f6}.action-btn.delete:hover{background:#ef4444;border-color:#ef4444}.loading-state,.empty-state{text-align:center;padding:40px;color:var(--color-text-tertiary);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:10px}.pagination{display:flex;justify-content:center;align-items:center;gap:12px}.pagination-btn{padding:8px 16px;border:1px solid var(--color-border-medium);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-weight:500;cursor:pointer;font-size:.85rem}.pagination-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.85rem;color:var(--color-text-secondary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--color-bg-primary);border-radius:12px;width:100%;max-width:480px;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border-light)}.modal-header h2{margin:0;font-size:1.1rem;font-weight:600}.close-btn{width:28px;height:28px;border:none;background:transparent;font-size:1.3rem;color:var(--color-text-tertiary);cursor:pointer;border-radius:4px}.close-btn:hover{background:var(--color-bg-tertiary)}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary);border-radius:0 0 12px 12px}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:5px;font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.form-input{width:100%;padding:9px 11px;border:1px solid var(--color-border-medium);border-radius:6px;font-size:.9rem;background:var(--color-bg-primary);color:var(--color-text-primary)}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-preview{display:flex;align-items:center;gap:10px;padding:10px;background:var(--color-bg-tertiary);border-radius:6px;margin-bottom:16px}.product-preview .code{font-family:Monaco,Menlo,monospace;font-weight:600;color:var(--color-primary);background:var(--color-bg-primary);padding:3px 6px;border-radius:4px;font-size:.8rem}.product-preview .name{flex:1;font-weight:500;font-size:.9rem}.product-preview .price{font-weight:500;color:var(--color-success);font-size:.85rem}@media(max-width:768px){.inventory-page{padding:16px}.inventory-header{flex-direction:column;gap:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.inventory-filters{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filter-tabs{overflow-x:auto}.form-row{grid-template-columns:1fr}}.barcode-page{min-height:calc(100vh - var(--navbar-height, 64px));background:linear-gradient(135deg,#fff,#f8fafc);padding:32px 24px}.barcode-page h2{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#0891b2,#0e7490);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:28px;letter-spacing:-.03em}.barcode-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(50mm,1fr));width:100%;gap:24px}.barcode-item.formal-design{width:50mm;height:25mm;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(96,165,250,.3);border-radius:4px;display:flex;flex-direction:column;padding:0;box-sizing:border-box;box-shadow:0 8px 24px #0000004d;transition:all .3s ease;font-family:Segoe UI,Trebuchet MS,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.barcode-item.formal-design:hover{box-shadow:0 12px 32px #60a5fa33;border-color:#60a5fa80;transform:translateY(-2px)}.barcode-item.formal-design.double-layout{display:grid;grid-template-columns:1fr 1fr;padding:0;height:50mm;width:100mm}.barcode-item.formal-design.double-layout .label-section{border-right:1px solid #e5e7eb}.barcode-item.formal-design.double-layout .label-section:last-child{border-right:none}.label-section{display:flex;flex-direction:column;height:100%;background:#fff}.brand-header{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#07111f,#123d6c 55%,#b8891b);color:#fff;padding:4px 6px;text-align:center;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.22);overflow:hidden;box-shadow:inset 0 -1px #ffffff29}.brand-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 35%,rgba(255,255,255,.12));pointer-events:none}.brand-name{display:flex;align-items:center;justify-content:center;margin:0;width:100%;position:relative;z-index:1}.brand-logo{height:18px;width:auto;display:block;object-fit:contain}.brand-logo.large{height:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.brand-header-image{display:block;width:100%;max-height:28px;object-fit:contain;object-position:center;border-radius:8px;border:2px solid #d4af37;background:linear-gradient(135deg,#fff8d6,#fef3c7);padding:4px 8px;box-shadow:0 0 0 1px #d4af3759,0 0 12px #d4af373d}.label-content{display:flex;align-items:center;justify-content:space-between;flex:1;padding:2px 3px;gap:2px;color:#1f2937}.label-content.centered{justify-content:center;align-items:center}.center-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;width:100%}.left-section{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;gap:1px}.product-name-formal{font-size:9px;font-weight:600;color:#1f2937;letter-spacing:.4px;line-height:1.2;max-width:20mm;word-break:break-word;font-family:Segoe UI,Arial,sans-serif}.price-badge{font-size:7.5px;font-weight:700;background:#f3f4f6;color:#1f2937;padding:2px 3px;border-radius:1px;border:.5px solid #d1d5db;text-align:center;letter-spacing:.3px}.barcode-wrapper{display:flex;align-items:center;justify-content:center;flex:1;height:100%;min-width:0}.barcode-wrapper svg{height:100%;width:100%;max-width:100%}.barcode-item.formal-design.no-price .label-content{padding:2px 3px}.barcode-item.formal-design.no-price .left-section{flex:0}.form-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-row label{font-weight:600;color:var(--color-text-primary)}.form-row input{padding:.5rem;border:1px solid var(--color-border);border-radius:4px;font-size:1rem}.checkbox-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.checkbox-label input{width:18px;height:18px;cursor:pointer}.checkmark{display:inline-block;width:18px;height:18px;border:2px solid var(--color-border);border-radius:3px;position:relative}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.primary-btn{background:#1f2937;color:#fff}.primary-btn:hover:not(:disabled){background:#111827;box-shadow:0 2px 8px #0003}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.template-selector{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid #e5e7eb}.template-label{display:block;font-weight:700;color:#1f2937;margin-bottom:1rem;font-size:1rem}.template-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.template-btn{padding:1rem;border:2px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:center;font-family:inherit}.template-btn:hover{border-color:#1f2937;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.template-btn.active{border-color:#1f2937;background:#1f2937;color:#fff;box-shadow:0 4px 12px #1f29374d}.template-name{font-weight:600;font-size:.95rem;margin-bottom:.3rem}.template-desc{font-size:.8rem;opacity:.7;line-height:1.3}.template-btn.active .template-desc{opacity:.9}.barcode-item.minimal-template{background:#fff;border:1px solid #d1d5db;border-radius:3px;display:flex;align-items:center;justify-content:center;padding:3px;box-sizing:border-box;box-shadow:0 2px 4px #0000001a}.minimal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:100%}.code-label{font-size:7px;font-weight:700;color:#1f2937;letter-spacing:.5px}.price-minimal{font-size:7px;font-weight:700;color:#059669;background:#ecfdf5;padding:1px 2px;border-radius:1px}.barcode-item.modern-template{background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;flex-direction:column;padding:0;box-sizing:border-box;box-shadow:0 4px 12px #00000026;overflow:hidden}.modern-accent{height:3px;background:linear-gradient(90deg,#3b82f6,#1f2937)}.modern-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:3px;flex:1}.product-name-modern{font-size:9px;font-weight:700;color:#1f2937;text-align:center;line-height:1.2;max-width:100%;word-break:break-word}.price-modern{font-size:8px;font-weight:700;color:#fff;background:#1f2937;padding:2px 4px;border-radius:2px;letter-spacing:.5px}.barcode-item.compact-template{background:#fff;border:1px solid #9ca3af;border-radius:2px;display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box;box-shadow:0 1px 2px #00000014}.compact-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%}.price-compact{font-size:6px;font-weight:700;color:#dc2626;background:#fee2e2;padding:1px 2px;border-radius:1px;letter-spacing:.3px}.barcode-item.large-template{background:#fff;border:2px solid #1f2937;border-radius:4px;display:flex;flex-direction:column;padding:0;box-sizing:border-box;box-shadow:0 6px 16px #0003}.large-brand{background:#1f2937;color:#fff;padding:4px 3px;font-size:9px;font-weight:700;letter-spacing:1px;text-align:center;text-transform:uppercase}.large-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px 3px;flex:1}.product-name-large{font-size:10px;font-weight:700;color:#1f2937;text-align:center;line-height:1.3;max-width:100%;word-break:break-word}.large-inner{position:relative;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.center-logo{position:absolute;top:6px;left:50%;transform:translate(-50%);height:36px;width:auto}.left-name{position:absolute;top:10px;left:8px;font-size:12px;font-weight:700;color:#111827;white-space:nowrap}.center-barcode{margin-top:26px;width:88%;height:auto;display:flex;align-items:center;justify-content:center}.right-price{position:absolute;bottom:6px;right:8px;font-size:20px;font-weight:800;color:#0b0b0b}.price-large{font-size:10px;font-weight:700;color:#fff;background:#10b981;padding:3px 5px;border-radius:2px;letter-spacing:.5px}.barcode-item.retail-template{background:linear-gradient(180deg,#fff,#fcfbf6);border:1px solid #c9d7e8;border-radius:8px;display:flex;flex-direction:column;padding:0;box-sizing:border-box;box-shadow:0 8px 20px #0f172a24;overflow:hidden}.retail-accent-strip{height:2px;background:linear-gradient(90deg,#0f172a,#0e7490,#d4af37)}.retail-header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;background:linear-gradient(90deg,#06111f,#123d6c 55%,#b8891b);color:#f8fafc}.retail-brand{display:flex;align-items:center;gap:6px}.retail-logo{height:20px;width:auto;max-width:54px;object-fit:contain;border-radius:8px;padding:3px 5px;border:2px solid #d4af37;background:linear-gradient(135deg,#fff8d6,#fef3c7);box-shadow:0 0 0 1px #d4af3759,0 0 10px #d4af3733}.retail-brand-text{display:flex;flex-direction:column;line-height:1.05}.retail-brand-title{font-size:8px;font-weight:900;letter-spacing:.95px;text-transform:uppercase}.retail-brand-subtitle{font-size:5.8px;color:#fef3c7;letter-spacing:.55px;text-transform:uppercase}.retail-code-pill{background:#fff7cc;color:#92400e;border:1px solid #f59e0b;border-radius:999px;padding:2px 5px;font-size:6.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.retail-body{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px}.retail-product-name{font-size:9px;font-weight:800;color:#0f172a;text-align:center;line-height:1.2;word-break:break-word;text-transform:uppercase}.retail-barcode{width:100%;min-height:0;padding:0 2px}.price-retail{font-size:7px;font-weight:800;color:#0f766e;background:linear-gradient(90deg,#ccfbf1,#a7f3d0);padding:2px 4px;border-radius:3px;border:1px solid #5eead4}.barcode-item.premium-template{background:linear-gradient(135deg,#fff,#fffdf2);border:1px solid #e1c46c;border-radius:8px;display:flex;flex-direction:column;padding:0;box-sizing:border-box;box-shadow:0 7px 18px #0f172a24;overflow:hidden}.premium-header{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;background:linear-gradient(90deg,#071126,#0f4c81 55%,#c79b1f);color:#fff;font-weight:800;letter-spacing:.9px;text-transform:uppercase;box-shadow:inset 0 -1px #ffffff29}.premium-header-image{display:block;height:20px;width:auto;max-width:100%;object-fit:contain;border-radius:8px;padding:3px 5px;border:2px solid #d4af37;background:linear-gradient(135deg,#fff8d6,#fef3c7);box-shadow:0 0 0 1px #d4af3759,0 0 10px #d4af3733}.premium-badge{font-size:8px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:999px;padding:2px 5px;box-shadow:inset 0 0 0 1px #92400e1f}.premium-title{font-size:7px;letter-spacing:1px}.premium-body{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 8px 8px}.premium-product-name{font-size:8.5px;font-weight:800;color:#111827;text-align:center;line-height:1.2;text-transform:uppercase}.premium-barcode{width:100%;padding:0 2px}.premium-footer{display:flex;justify-content:space-between;align-items:center;width:100%;gap:6px}.barcode-item{border:none!important;box-shadow:none!important;border-radius:0!important;background:#fff!important}.brand-header-image,.brand-logo,.retail-logo,.premium-header-image,.school-logo,.product-name-formal,.product-name-modern,.product-name-large,.retail-product-name,.premium-product-name,.classic-product-name{display:none!important}.barcode-wrapper{padding:0!important;margin:0!important}.premium-code{font-size:6.5px;font-weight:800;color:#374151;text-transform:uppercase}.price-premium{font-size:7px;font-weight:800;color:#166534;background:#dcfce7;border:1px solid #86efac;padding:2px 4px;border-radius:3px}.barcode-item.school-template{background:#fff;display:grid;grid-template-columns:34% 66%;padding:0;box-sizing:border-box;overflow:hidden;color:#080808;font-family:Arial,Helvetica,sans-serif}.school-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.5mm;min-width:0;padding:2mm 0 2mm 3mm}.school-brand-logo{display:block;width:auto;max-width:34mm;max-height:12mm;object-fit:contain;flex:0 0 auto}.school-right{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:0 1mm 0 0}.school-product-name{max-width:100%;font-size:12px;font-weight:900;line-height:1.05;text-transform:uppercase;overflow-wrap:anywhere}.school-product-size{font-size:28px;font-weight:900;line-height:1}.school-barcode{width:100%;display:flex;flex:0 0 auto;height:auto;justify-content:flex-start;min-width:0}.school-barcode svg{display:block;width:auto;max-width:100%;height:auto}.school-barcode-number{color:#080808;width:100%;font-size:12px;font-weight:800;line-height:1;text-align:left}.price-school{color:#080808;font-size:7px;font-weight:700}.barcode-item.classic-template{background:#fffdf7;border:1px solid #bfb39a;border-radius:6px;display:flex;flex-direction:column;padding:0;box-sizing:border-box;box-shadow:0 3px 8px #0f172a1a;overflow:hidden}.classic-top{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 6px;background:linear-gradient(90deg,#f3efe4,#efe3c8);border-bottom:1px solid #d9d1bf}.classic-brand{font-size:7px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#4b5563}.classic-code{font-size:6.5px;font-weight:700;color:#111827;text-transform:uppercase}.classic-body{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px}.classic-product-name{font-size:8px;font-weight:700;color:#111827;text-align:center;line-height:1.2;text-transform:uppercase}.classic-barcode{width:100%;padding:0 2px}.price-classic{font-size:7px;font-weight:800;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;padding:2px 4px;border-radius:3px}.audit-sheet-page{padding:32px 24px;max-width:1400px;margin:0 auto;min-height:calc(100vh - var(--navbar-height, 64px));background:linear-gradient(135deg,#fff,#f8fafc)}.audit-sheet-page h2{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#0891b2,#0e7490);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 28px;letter-spacing:-.03em}.audit-controls{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.search-section{position:relative;flex:1;min-width:200px;max-width:300px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem}.search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;background:#fff;color:#000;font-weight:500;transition:all .3s ease}.search-input:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.search-input::placeholder{color:var(--color-text-tertiary)}.button-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.price-btn{padding:8px 14px;border:1px solid var(--color-border-medium);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.price-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.price-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.print-btn,.export-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--color-border-medium);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.print-btn:hover{border-color:#f59e0b;color:#f59e0b;background:#f59e0b0d}.export-btn:hover{border-color:#10b981;color:#10b981;background:#10b9810d}.print-btn svg,.export-btn svg{font-size:1rem}.audit-table-container{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.category-section{margin-bottom:0;page-break-inside:avoid;border-bottom:1px solid var(--color-border-light)}.category-section:last-child{border-bottom:none}.category-header{background:linear-gradient(135deg,#374151,#1f2937);color:#fff;padding:14px 16px;font-size:.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-bottom:3px solid #1e40af;margin:0}.audit-table{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:fixed}.audit-table thead{background:var(--color-bg-tertiary)}.audit-table th:nth-child(1),.audit-table td:nth-child(1){width:35%}.audit-table th:nth-child(2),.audit-table td:nth-child(2){width:15%}.audit-table th:nth-child(3),.audit-table td:nth-child(3){width:15%}.audit-table th:nth-child(4),.audit-table td:nth-child(4){width:17.5%}.audit-table th:nth-child(5),.audit-table td:nth-child(5){width:17.5%}.audit-table th{padding:14px 12px;font-size:.75rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border-medium);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.audit-table th:first-child{text-align:left}.audit-table th:nth-child(2),.audit-table th:nth-child(3),.audit-table th:nth-child(4),.audit-table th:nth-child(5){text-align:center}.audit-table td{padding:12px;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);word-wrap:break-word;overflow-wrap:break-word}.audit-table td:first-child{text-align:left;font-weight:500}.audit-table td.size-cell{text-align:center}.audit-table td:nth-child(2),.audit-table td:nth-child(3),.audit-table td:nth-child(4),.audit-table td:nth-child(5){text-align:center}.audit-table tbody tr td{vertical-align:middle}.audit-table tbody tr:hover{background:var(--color-bg-secondary)}.audit-table .product-name{font-weight:700;color:var(--color-text-primary);background:#f3f4f6;text-align:left;vertical-align:middle}.product-total-row{background:#fef3c7;font-weight:700;border-top:2px solid var(--color-border-medium);border-bottom:2px solid var(--color-border-medium)}.product-total-row td{padding:8px 12px;border:none;color:#92400e;text-align:center;font-size:.9rem}.product-total-row td:first-child{text-align:left;font-weight:700}.total-label{color:#92400e;font-weight:700;text-align:left}.grand-total-section{border-top:2px solid var(--color-border-medium);page-break-inside:avoid}.category-totals-section{border-top:2px solid var(--color-border-medium);border-bottom:none;page-break-inside:avoid;background:var(--color-bg-primary)}.category-totals-table{width:100%;border-collapse:collapse}.category-total-row{background:#e0e7ff;border-bottom:1px solid var(--color-border-medium)}.category-total-row td{padding:12px 16px;border:none;font-weight:600;color:#3730a3;font-size:.9rem}.category-total-label{text-align:left}.category-total-qty{text-align:center;font-weight:700;font-size:.95rem}.grand-total-table{width:100%;border-collapse:collapse}.grand-total-row{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.grand-total-row td{padding:16px 12px;border:none;font-weight:700;color:#fff;font-size:1.05rem;text-align:center}.grand-label{text-transform:uppercase;letter-spacing:1px;font-size:.9rem;text-align:left}.grand-amount{text-align:center;font-size:1.2rem;font-weight:800}.loading,.no-data{text-align:center;padding:40px 20px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;color:var(--color-text-secondary);font-size:1rem}@media print{.audit-sheet-page{background:#fff;padding:0}.audit-sheet-page h2{margin-bottom:20px}.audit-controls{display:none}.audit-table-container{box-shadow:none;border:none;background:#fff}.category-section{page-break-after:auto;break-after:auto}.audit-table{page-break-inside:avoid}}@media(max-width:768px){.audit-sheet-page{padding:16px}.audit-sheet-page h2{font-size:1.5rem}.audit-controls{flex-direction:column;align-items:stretch}.search-section{max-width:100%}.button-group{justify-content:space-between}.price-btn,.print-btn,.export-btn{flex:1;font-size:.75rem}.audit-table{font-size:.8rem}.audit-table th,.audit-table td{padding:10px 8px}.category-header{font-size:.8rem}}:root{--bg: #f4f5fa;--surface: #ffffff;--surface-2: #f7f8fc;--border: #e5e7f0;--border-strong: #d3d7e4;--text: #161a2d;--text-2: #464c66;--text-3: #7a8098;--brand: #22166b;--primary: #4334c2;--primary-hover: #3628a6;--primary-soft: #eeecfc;--ring: rgba(67, 52, 194, .18);--accent: #ea7a12;--accent-soft: #fff2e5;--success: #0e9466;--success-soft: #e5f6ef;--danger: #d63a3a;--danger-soft: #fdeded;--warning: #c98100;--warning-soft: #fff6df;--nav-bg: #1d1361;--nav-text: rgba(255, 255, 255, .72);--row-hover: #f8f8fd;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--sh-sm: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .06);--sh-md: 0 6px 16px -4px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .05);--sh-lg: 0 24px 48px -12px rgba(16, 24, 40, .25);--ease: cubic-bezier(.2, .8, .2, 1);--font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--color-primary: var(--primary);--color-primary-hover: var(--primary-hover);--color-primary-light: var(--primary-soft);--color-success: var(--success);--color-danger: var(--danger);--color-warning: var(--warning);--color-bg-primary: var(--surface);--color-bg-secondary: var(--surface-2);--color-bg-tertiary: var(--surface-2);--color-border-light: var(--border);--color-border-medium: var(--border-strong);--color-text-primary: var(--text);--color-text-secondary: var(--text-2);--color-text-tertiary: var(--text-3);--shadow-sm: var(--sh-sm);--shadow-md: var(--sh-md);--shadow-lg: var(--sh-lg);--shadow-xl: var(--sh-lg);--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--navbar-height: 60px}:root[data-theme=dark]{--bg: #0c0e19;--surface: #141726;--surface-2: #1a1e30;--border: #252a40;--border-strong: #323953;--text: #e9ebf4;--text-2: #b6bbcf;--text-3: #858ba3;--primary: #7f70f2;--primary-hover: #9386f5;--primary-soft: rgba(127, 112, 242, .14);--ring: rgba(127, 112, 242, .3);--accent: #f59a3c;--accent-soft: rgba(245, 154, 60, .13);--success: #34c48f;--success-soft: rgba(52, 196, 143, .12);--danger: #f26d6d;--danger-soft: rgba(242, 109, 109, .12);--warning: #f0b43c;--warning-soft: rgba(240, 180, 60, .12);--nav-bg: #11102a;--row-hover: #181c2d;--sh-sm: 0 1px 2px rgba(0, 0, 0, .3);--sh-md: 0 8px 20px -6px rgba(0, 0, 0, .5);--sh-lg: 0 28px 56px -12px rgba(0, 0, 0, .6);color-scheme:dark}@media screen{body{font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg)}#root .app-container{min-height:100vh;background:var(--bg);color:var(--text);border:0}#root .app-body{max-width:1440px;width:100%;margin:0 auto;padding:28px 28px 56px;animation:ab-page-in .28s var(--ease) backwards}#root :is(button,a,input,select,textarea){transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s var(--ease),opacity .16s ease}#root :focus-visible{outline:2px solid var(--primary);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}#root .nav-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--navbar-height);padding:0 20px;background:var(--nav-bg);border:0;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px #00000014,0 8px 24px -16px #00000080;-webkit-backdrop-filter:none;backdrop-filter:none}#root .nav-left.brand{display:flex;align-items:center;gap:10px;font-family:var(--font);font-size:14px;font-weight:700;letter-spacing:.06em;color:#fff;white-space:nowrap}#root .nav-left.brand img{width:34px;height:34px;margin:0;border-radius:var(--r-md);object-fit:cover;box-shadow:0 0 0 2px #ffffff1f}#root .brand-name{display:flex;flex-direction:column;gap:2px;font-size:15.5px;font-weight:800;line-height:1.05;letter-spacing:.01em}#root .brand-name small{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff9}#root .nav-right{display:flex;align-items:center;gap:2px;list-style:none}#root .nav-right a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;height:36px;padding:0 12px;border-radius:var(--r-md);font-family:var(--font);font-size:13.5px;font-weight:500;line-height:1;color:var(--nav-text);text-decoration:none;background:transparent;transform:none}#root .nav-right a svg{flex:none;opacity:.85}#root .nav-right a:hover{color:#fff;background:#ffffff14}#root .nav-right a.active{color:#fff;background:#ffffff1f;box-shadow:inset 0 -2px 0 var(--accent)}#root .user-profile-container{margin-left:8px;position:relative}#root .user-avatar{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 4px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);cursor:pointer}#root .user-avatar:hover{background:#ffffff1f}#root .avatar-img{width:30px;height:30px;border-radius:999px;border:0}#root .user-name{font-size:13px;font-weight:600;color:#fff}#root .dropdown-arrow{width:14px;height:14px;color:var(--nav-text)}#root .profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:168px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-lg);-webkit-backdrop-filter:none;backdrop-filter:none;animation:ab-pop-in .16s var(--ease) both}#root .dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border-radius:var(--r-md);font-size:13.5px;font-weight:500;color:var(--text);background:transparent}#root .dropdown-item:hover{color:var(--danger);background:var(--danger-soft)}#root .dropdown-icon{width:16px;height:16px}#root .branch-badge{padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--accent)}#root .theme-toggle{display:grid;place-items:center;width:38px;height:38px;margin-left:4px;border-radius:999px;color:var(--nav-text);background:transparent;border:1px solid rgba(255,255,255,.1)}#root .theme-toggle:hover{color:#fff;background:#ffffff14}#root :is(.dashboard-page,.bills-page,.products-page,.inventory-page,.audit-sheet-page,.barcode-page,.attendance-page){max-width:none;min-height:0;margin:0;padding:0;background:transparent;border:0;box-shadow:none}#root :is(.dashboard-header,.bills-header,.products-header,.inventory-header){display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:0;background:transparent;border:0;box-shadow:none}#root .app-body :is(h1,.page-title),#root :is(.audit-sheet-page,.barcode-page)>h2,#root .bill-left h2{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-family:var(--font);font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.02em;text-transform:none;color:var(--text);background:none;-webkit-text-fill-color:currentColor;text-shadow:none}#root .bill-left h2{font-size:20px;margin-bottom:18px}#root .app-body :is(h1,.page-title) svg{width:24px;height:24px;color:var(--primary)}#root :is(.page-subtitle,.inventory-header .subtitle){margin:0;font-size:14px;color:var(--text-3)}#root :is(.header-actions,.button-group){display:flex;align-items:center;flex-wrap:wrap;gap:8px}#root :is(.stat-card,.data-card,.chart-card,.bill-left,.bill-right,.bills-filters,.template-selector,.grand-total-section,.category-totals-section,.barcode-container){background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);-webkit-backdrop-filter:none;backdrop-filter:none}#root :is(.stat-card,.data-card,.chart-card):before{display:none}#root :is(.bill-left,.bill-right){padding:22px}#root .make-bill-wrapper{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:24px;align-items:start;min-height:0;padding:0;background:transparent}#root .bill-right{padding:0;overflow:hidden;min-height:420px;display:flex;flex-direction:column}#root :is(.checkbox-row,.saved-bills-section){margin:0 0 18px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}#root .checkbox-row{display:flex;flex-direction:column;align-items:flex-start;gap:10px}#root .checkbox-label{gap:8px!important;color:var(--text-2);font-size:13.5px!important}#root .checkbox-label input[type=checkbox]{width:16px!important;height:16px;accent-color:var(--primary)}#root .bills-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:12px}#root .barcode-container{padding:24px}#root .barcode-page{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;align-items:end}#root .barcode-page>:not(.form-row){grid-column:1 / -1}#root .template-selector{padding:18px;margin-bottom:20px}#root .stats-grid{gap:14px;margin-bottom:20px}#root .stat-card{padding:18px;color:var(--text);transform:none}#root .stat-card:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}#root .stat-trend{display:none}#root .recharts-cartesian-grid line{stroke:var(--border)}#root :is(.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line){stroke:var(--border-strong)}#root .recharts-cartesian-axis-tick-value{fill:var(--text-3)}#root .stat-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-md);color:var(--primary);background:var(--primary-soft);flex-shrink:0}#root .stat-icon svg{width:20px;height:20px}#root .stat-label{font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-3)}#root .stat-value{font-family:var(--font);font-size:22px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text);text-transform:none}#root :is(.products-stats-simple,.bills-stats-simple) .stat-item{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:none}#root :is(.products-stats-simple,.bills-stats-simple) .stat-value{font-size:16px}#root .card-header{padding:16px 20px;border-bottom:1px solid var(--border);background:transparent}#root .card-title{font-family:var(--font);font-size:15px;font-weight:650;letter-spacing:0;text-transform:none;color:var(--text)}#root .card-title svg{color:var(--primary)}#root .view-all-link{font-size:13px;font-weight:600;color:var(--primary);text-decoration:none}#root :is(.bill-item,.product-item){background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:none}#root :is(.bill-item,.product-item):hover{border-color:var(--primary);transform:none}#root .product-rank{color:var(--primary);background:var(--primary-soft)}#root :is(.time-range-selector,.filter-tabs,.chart-type-selector,.saved-bills-tabs){display:inline-flex;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;box-shadow:none}#root .chart-type-btn svg{width:16px;height:16px}#root .chart-type-btn{width:34px;padding:0;display:inline-grid;place-items:center}#root :is(.time-btn,.filter-tab,.date-btn,.price-btn,.tab-btn,.chart-type-btn){height:32px;padding:0 12px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:600;color:var(--text-2);background:transparent;box-shadow:none;transform:none}#root :is(.time-btn,.filter-tab,.date-btn,.price-btn,.tab-btn,.chart-type-btn):hover{color:var(--text);background:var(--surface)}#root :is(.time-btn,.filter-tab,.date-btn,.price-btn,.tab-btn,.chart-type-btn).active{color:var(--primary);background:var(--surface);border-color:var(--border);box-shadow:var(--sh-sm)}#root :is(.date-btn,.price-btn){border-color:var(--border);background:var(--surface)}#root :is(.btn,.primary-btn,.success-btn,.ghost-btn,.danger-btn,.info-btn,.warning-btn,.print-btn,.export-btn,.show-revenue-btn,.hide-revenue-btn,.cancel-btn,.save-btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 16px;border:1px solid transparent;border-radius:var(--r-md);font-family:var(--font);font-size:13.5px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:none;transform:none}#root :is(.btn,.primary-btn,.success-btn,.ghost-btn,.danger-btn,.info-btn,.warning-btn,.print-btn,.export-btn,.cancel-btn,.save-btn) svg{width:16px;height:16px}#root :is(.btn,.primary-btn,.success-btn,.danger-btn,.info-btn,.warning-btn,.save-btn):active:not(:disabled){transform:translateY(1px)}#root :is(.btn-primary,.primary-btn,.info-btn,.save-btn,.login-button){color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 1px 2px #1018281f,inset 0 1px #ffffff1f}#root :is(.btn-primary,.primary-btn,.info-btn,.save-btn,.login-button):hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px -4px var(--ring)}#root .success-btn{color:#fff;background:var(--success);border-color:var(--success)}#root .success-btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 4px 12px -4px var(--success-soft)}#root .warning-btn{color:#fff;background:var(--accent);border-color:var(--accent)}#root .warning-btn:hover:not(:disabled){filter:brightness(1.06)}#root :is(.btn-secondary,.ghost-btn,.cancel-btn,.print-btn,.export-btn,.show-revenue-btn,.hide-revenue-btn){color:var(--text);background:var(--surface);border-color:var(--border-strong)}#root :is(.btn-secondary,.ghost-btn,.cancel-btn,.print-btn,.export-btn,.show-revenue-btn,.hide-revenue-btn):hover:not(:disabled){background:var(--surface-2);border-color:var(--text-3)}#root :is(.show-revenue-btn,.hide-revenue-btn){min-height:28px;padding:0 10px;font-size:12px}#root :is(.btn-danger,.danger-btn){color:var(--danger);background:var(--danger-soft);border-color:transparent}#root :is(.btn-danger,.danger-btn):hover:not(:disabled){color:#fff;background:var(--danger)}#root :is(.btn,.primary-btn,.success-btn,.ghost-btn,.danger-btn,.info-btn,.warning-btn,.login-button):disabled{opacity:.5;cursor:not-allowed;filter:none;box-shadow:none}#root :is(.action-btn,.price-action-btn,.pagination-btn){display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-3);background:var(--surface);box-shadow:none;transform:none}#root :is(.action-btn,.price-action-btn,.pagination-btn) svg{width:15px;height:15px}#root :is(.action-btn,.price-action-btn,.pagination-btn):hover:not(:disabled){color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}#root :is(.action-btn.delete-btn,.action-btn.delete):hover:not(:disabled){color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}#root :is(.action-btn,.pagination-btn):disabled{opacity:.4;cursor:not-allowed}#root .remove-btn{width:28px;height:28px;border-radius:var(--r-md);color:var(--danger);background:var(--danger-soft);transform:none}#root .remove-btn:hover{color:#fff;background:var(--danger)}#root :is(.form-input,.search-input,.date-input,.price-edit-input,.amount-received-input,.form-row input,.form-row select,.form-group input,.form-group select,.form-group textarea,.search-box input):not([type=checkbox]):not([type=radio]){min-height:40px;padding-right:12px;border:1px solid var(--border-strong);border-radius:var(--r-md);font-family:var(--font);font-size:14px;color:var(--text);background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}#root :is(.form-input,.date-input,.price-edit-input,.amount-received-input,.form-row input,.form-row select,.form-group select,.form-group textarea):not([type=checkbox]):not(.input-with-icon *){padding-left:12px}#root :is(.form-input,.search-input,.date-input,.form-row input,.form-row select,.form-group input,.form-group select,.form-group textarea,.search-box input)::placeholder{color:var(--text-3)}#root :is(.form-input,.search-input,.date-input,.price-edit-input,.amount-received-input,.form-row input,.form-row select,.form-group input,.form-group select,.form-group textarea,.search-box input):focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}#root :is(.form-row,.form-group){background:transparent;border:0;box-shadow:none;padding:0}#root .bill-left .form-row{margin:0 0 16px}#root .bill-left .actions-row{margin-top:4px}#root .bill-left .actions-row .btn{flex:1}#root :is(.form-row label,.form-group label){display:block;margin-bottom:6px;font-size:12.5px;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--text-2);text-shadow:none}#root :is(.search-icon,.search-input-wrapper svg,.input-with-icon svg){color:var(--text-3)}#root :is(.search-section,.search-input-wrapper,.search-box){background:transparent;border:0;box-shadow:none;padding:0}#root :is(.bills-table-container,.products-table-container,.inventory-table-wrapper,.audit-table-container,.attendance-table-wrapper,.table-wrapper){background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:auto}#root :is(.bills-table-container,.products-table-container,.inventory-table-wrapper,.audit-table-container) .table-wrapper{border:0;border-radius:0;box-shadow:none}#root :is(.bills-table,.products-table,.inventory-table,.audit-table,.items-table,.attendance-table,.category-totals-table,.grand-total-table){width:100%;border-collapse:separate;border-spacing:0;background:transparent;font-size:13.5px}#root :is(.bills-table,.products-table,.inventory-table,.audit-table,.items-table,.attendance-table,.category-totals-table,.grand-total-table) th{padding:11px 16px;font-size:11.5px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);background:var(--surface-2);border:0;border-bottom:1px solid var(--border);white-space:nowrap}#root :is(.bills-table,.products-table,.inventory-table,.audit-table,.items-table,.attendance-table,.category-totals-table,.grand-total-table) td{display:table-cell;padding:12px 16px;color:var(--text-2);background:transparent;border:0;border-bottom:1px solid var(--border);vertical-align:middle}#root :is(.bills-table,.products-table,.inventory-table,.items-table,.attendance-table) tbody tr{background:transparent;border:0}#root :is(.bills-table,.products-table,.inventory-table,.items-table,.attendance-table) tbody tr:hover>td{background:var(--row-hover)}#root :is(.bills-table,.products-table,.inventory-table,.audit-table,.items-table) tbody tr:last-child>td{border-bottom:0}#root :is(.bill-section-row,.previous-section-row) td{padding:9px 16px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);border-bottom:1px solid var(--border);box-shadow:inset 3px 0 0 var(--primary)}#root .previous-section-row td{color:var(--text-2);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--text-3)}#root .category-section{margin-bottom:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden}#root .category-header{padding:12px 16px;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--primary);background:var(--primary-soft);border:0;border-bottom:1px solid var(--border)}#root .audit-table .product-name{color:var(--text);background:var(--surface-2);border-right:1px solid var(--border)}#root :is(.product-total-row,.category-total-row,.grand-total-row){background:transparent}#root :is(.product-total-row,.category-total-row,.grand-total-row) td{color:var(--text);font-weight:700;background:var(--accent-soft);border-top:1px solid var(--border)}#root .audit-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0}#root :is(.code-text,.product-code,.bill-id,.bill-ref):not(td){display:inline-block;width:fit-content;padding:2px 8px;border:0;border-radius:var(--r-sm);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-soft);text-shadow:none}#root .items-table .code-cell{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px;font-weight:600;color:var(--primary)}#root td:is(.actions-cell,.actions){white-space:nowrap}#root td:is(.actions-cell,.actions)>*+*{margin-left:6px}#root :is(.products-table,.inventory-table) .product-name,#root .customer-name{font-size:14px;font-weight:600;letter-spacing:0;color:var(--text);background:none;text-shadow:none}#root .product-name .size{font-weight:500;color:var(--text-3)}#root .cashier-name{color:var(--text-3)}#root :is(.category-text,.items-text){display:inline-block;padding:2px 10px;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:600;color:var(--text-2);background:var(--surface-2)}#root :is(.price-text,.amount-text,.revenue-amount,.bill-amount,.product-revenue){font-family:var(--font);font-weight:650;font-variant-numeric:tabular-nums;color:var(--text);text-shadow:none}#root :is(.number-cell,.qty-cell,.price-cell,.total-cell,.profit-cell){font-family:var(--font);font-variant-numeric:tabular-nums}#root .profit-cell.positive{color:var(--success)}#root .profit-cell.negative{color:var(--danger)}#root .status-badge{display:inline-block;padding:3px 10px;border:0;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em}#root .status-badge.ok{color:var(--success);background:var(--success-soft)}#root .status-badge.low{color:var(--warning);background:var(--warning-soft)}#root .status-badge.out{color:var(--danger);background:var(--danger-soft)}#root :is(.date-text,.min-stock){color:var(--text-3)}#root .table-header{padding:16px 22px;background:var(--surface);border:0;border-bottom:1px solid var(--border)}#root .table-header h3{font-family:var(--font);font-size:15px;font-weight:650;letter-spacing:0;text-transform:none;color:var(--text)}#root .table-footer{padding:18px 22px;background:var(--surface-2);border-top:1px solid var(--border)}#root .table-footer .totals{margin:0;padding:10px 0;border-bottom:1px solid var(--border)}#root .totals .label{font-size:13.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-2)}#root .totals .amount,#root .grand-total-amount{font-family:var(--font);font-size:17px;font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--text)}#root .grand-total-amount{padding:6px 14px;font-size:20px;color:var(--success);background:var(--success-soft);border-radius:var(--r-md);box-shadow:none}#root .table-footer .footer-actions{margin-top:16px;padding-top:0;border:0}#root .empty-state{color:var(--text-3);background:transparent}#root .empty-state h3{font-family:var(--font);font-size:16px;font-weight:650;letter-spacing:0;text-transform:none;color:var(--text)}#root .empty-state p{color:var(--text-3)}#root .empty-state-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-lg);color:var(--primary);background:var(--primary-soft);opacity:1}#root .return-note{color:var(--warning);background:var(--warning-soft);border-left-color:var(--warning)}#root .error-message{color:var(--danger);background:var(--danger-soft);border-color:transparent;border-radius:var(--r-md)}#root .completed-bill-preview{background:#0a0c188c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ab-fade-in .2s ease both}#root .completed-bill-preview-frame{border:0;border-radius:var(--r-lg);box-shadow:var(--sh-lg)}#root .completed-bill-preview-close{border-radius:999px;background:var(--surface);color:var(--text);box-shadow:var(--sh-md)}#root .template-btn{padding:14px;border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text);background:var(--surface);box-shadow:none;transform:none}#root .template-btn:hover{border-color:var(--primary);box-shadow:var(--sh-md);transform:translateY(-1px)}#root .template-btn.active{color:var(--text);background:var(--primary-soft);border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}#root .template-btn :is(.template-name,.template-desc){color:inherit}#root .template-btn .template-desc{color:var(--text-3)}#root .template-label{color:var(--text);font-weight:650}#root .modal-overlay{background:#0a0c188c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ab-fade-in .18s ease both}#root :is(.modal-content,.modal){color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);overflow:hidden;animation:ab-pop-in .22s var(--ease) both}#root .modal-header{padding:18px 22px;background:var(--surface);border-bottom:1px solid var(--border)}#root .modal-header :is(h2,h3){font-size:17px;font-weight:700;letter-spacing:-.01em;text-transform:none;color:var(--text);background:none;-webkit-text-fill-color:currentColor}#root .modal-body{padding:20px 22px;color:var(--text-2)}#root .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;background:var(--surface-2);border-top:1px solid var(--border)}#root :is(.modal-close,.close-btn){display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--r-md);color:var(--text-3);background:transparent}#root :is(.modal-close,.close-btn):hover{color:var(--text);background:var(--surface-2)}#root :is(.detail-section,.bill-summary,.product-preview){background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md)}#root .delete-warning{color:var(--danger);background:var(--danger-soft);border:0;border-radius:var(--r-md)}#root .pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:transparent;border-top:1px solid var(--border)}#root .pagination-info{font-size:13px;color:var(--text-3)}#root .page-number{min-width:32px;height:32px;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-2);background:var(--surface)}#root .page-number.active{color:#fff;background:var(--primary);border-color:var(--primary)}#root .loading-spinner{border-color:var(--border);border-top-color:var(--primary)}#root :is(.loading-container,.loading-state,.loading,.no-data,.no-bills,.no-products){color:var(--text-3)}#root .app-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;width:100%;max-width:1440px;margin:0 auto;padding:16px 28px 20px;font-size:12.5px;color:var(--text-3);border-top:1px solid var(--border)}#root .login-root{background:radial-gradient(1200px 600px at 15% -10%,rgba(67,52,194,.22),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(234,122,18,.16),transparent 60%),var(--bg)}#root .login-panel{width:min(500px,calc(100vw - 32px));padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);overflow:hidden;animation:ab-pop-in .3s var(--ease) both}#root .login-header{display:flex;align-items:center;gap:16px;padding:24px 32px 20px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0}#root .login-logo{width:56px;height:56px;flex-shrink:0;object-fit:cover;border-radius:var(--r-md);box-shadow:var(--sh-sm)}#root .login-brand{justify-content:flex-start;margin:0;font-size:21px;font-weight:800;letter-spacing:-.01em;color:var(--text)}#root .login-brand:before{content:none}#root .login-subtitle{margin-top:3px;font-size:13.5px;color:var(--text-3)}#root .login-form{gap:16px;padding:24px 32px 28px;background:transparent}#root .login-form .form-group{gap:0;margin-bottom:0}#root .login-row{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}#root .login-form .input-wrapper :is(input,select){height:46px}#root .login-form label{display:block;margin-bottom:6px;font-size:12.5px;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--text-2)}#root .input-wrapper input{width:100%;min-height:44px;border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text);background:var(--surface);box-shadow:none}#root .input-wrapper input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}#root :is(.input-icon,.password-toggle){color:var(--text-3)}#root .login-button{width:100%;min-height:44px;margin-top:8px;border-radius:var(--r-md);font-size:14.5px;font-weight:650;background-image:none}#root .branch-select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:14px;color:var(--text);background:var(--surface)}#root .totp-enroll{margin-bottom:18px;text-align:center;font-size:13px;color:var(--text-2)}#root .totp-qr{display:inline-block;margin:14px 0 10px;padding:12px;background:#fff;border-radius:var(--r-lg);border:1px solid var(--border)}#root .totp-secret code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;word-break:break-all;color:var(--primary)}#root .input-wrapper input.totp-code{padding:0 12px;font-size:22px;letter-spacing:.4em;text-align:center}#root .login-back{width:100%;margin-top:8px;padding:10px;font-size:13.5px;font-weight:600;color:var(--text-3);background:transparent}#root .login-back:hover{color:var(--text)}#root .login-error{color:var(--danger);background:var(--danger-soft);border:0;border-radius:var(--r-md)}#root .login-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;padding:12px 32px;background:var(--surface-2);border-top:1px solid var(--border)}#root .login-footer-text{font-size:12px;color:var(--text-3)}#root .login-secure{display:flex;align-items:center;gap:6px}#root .login-secure svg{width:13px;height:13px}@media(max-width:520px){#root .login-row{grid-template-columns:1fr}#root :is(.login-header,.login-form,.login-footer){padding-left:20px;padding-right:20px}}@media(max-width:1439px){#root .nav-right a:not(.active) .nav-label{display:none}#root .nav-right a:not(.active){padding:0 11px}#root :is(.user-name,.dropdown-arrow){display:none}#root .user-avatar{padding:0 3px}}@media(max-width:1100px){#root .nav-bar{height:auto;flex-wrap:wrap;padding:10px 16px}#root .nav-right{width:100%;overflow-x:auto;padding-bottom:2px}#root .make-bill-wrapper{grid-template-columns:1fr}#root .barcode-page{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){#root .app-body{padding:20px 14px 40px}#root .nav-left.brand{font-size:12px}#root .app-body :is(h1,.page-title){font-size:22px}}@media(prefers-reduced-motion:reduce){#root *,#root *:before,#root *:after{animation:none!important;transition:none!important}}}@keyframes ab-page-in{0%{opacity:0}}@keyframes ab-pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}}@keyframes ab-fade-in{0%{opacity:0}}@media print{.app-footer{display:none}}