@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f6f7fb;--bg-secondary:#fff;--surface-2:#f8f9fa;--surface-3:#f1f3f5;--table-head:#fbfbfc;--chart-bg:#f4f6f8;--text-primary:#1a1a1a;--text-secondary:#6c757d;--text-muted:#adb5bd;--accent:#4f46e5;--accent-hover:#4338ca;--accent-contrast:#fff;--accent-light:#eef0ff;--accent-gradient:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--accent-glow:0 6px 16px #4f46e547;--link:#4f46e5;--border-color:#e9ecef;--border-strong:#ced4da;--card-shadow:0 4px 20px #00000008;--card-shadow-hover:0 8px 30px #0000000f;--popup-shadow:0 10px 30px #0000001f;--overlay:#0006;--teal-bg:#e3fafc;--teal:#0c8599;--yellow-bg:#fff3bf;--yellow:#a35200;--red-bg:#ffe3e3;--red:#c92a2a;--blue-bg:#e7f5ff;--blue:#1971c2;--gray-bg:#f1f3f5;--gray:#495057;--violet-bg:#f3f0ff;--violet:#6741d9;--green-bg:#ebfbee;--green:#2f9e44;--danger:#e03131;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition:all .3s cubic-bezier(.25, .8, .25, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg-primary:#0e1014;--bg-secondary:#161920;--surface-2:#1b1f27;--surface-3:#232833;--table-head:#1a1d25;--chart-bg:#12151b;--text-primary:#e9ecef;--text-secondary:#9aa3ae;--text-muted:#646d79;--accent:#6c5ce7;--accent-hover:#7d6ff0;--accent-contrast:#fff;--accent-light:#6c5ce733;--accent-gradient:linear-gradient(135deg, #6c5ce7 0%, #7c3aed 100%);--accent-glow:0 6px 18px #6c5ce759;--link:#a5b4fc;--border-color:#2a2f3a;--border-strong:#3a4150;--card-shadow:0 4px 20px #00000040;--card-shadow-hover:0 8px 30px #0006;--popup-shadow:0 12px 40px #0000008c;--overlay:#0009;--teal-bg:#15aabf29;--teal:#3bc9db;--yellow-bg:#fab00529;--yellow:#ffd43b;--red-bg:#fa525229;--red:#ff8787;--blue-bg:#339af029;--blue:#74c0fc;--gray-bg:#adb5bd24;--gray:#ced4da;--violet-bg:#845ef72e;--violet:#b197fc;--green-bg:#40c05729;--green:#69db7c;--danger:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-shell{flex-direction:column;height:100dvh;display:flex}.app-container{flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:260px;min-height:0;padding:24px 16px;display:flex}.sidebar nav{min-height:0;padding:0 4px;overflow-y:auto}.main-content{background-color:var(--bg-primary);flex:1;padding:40px;overflow-y:auto}h1{letter-spacing:-.02em;margin-bottom:24px;font-size:2rem;font-weight:600}h2{margin-bottom:16px;font-size:1.25rem;font-weight:500}h3{font-size:1.05rem;font-weight:600}p{color:var(--text-secondary);line-height:1.6}.card{background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--card-shadow);border:1px solid var(--border-color);transition:var(--transition);padding:24px}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:32px;display:grid}.nav-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);padding:14px 14px 6px;font-size:.7rem;font-weight:600}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:12px;margin-bottom:2px;padding:9px 14px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background-color:var(--accent-light);color:var(--text-primary)}.nav-link.active{background:var(--accent-gradient);color:var(--accent-contrast);box-shadow:var(--accent-glow)}.brand{letter-spacing:-.03em;color:var(--accent);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;padding:0 14px;font-size:1.5rem;font-weight:700}.top-nav{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.notif-popup{background:var(--bg-secondary);width:340px;box-shadow:var(--popup-shadow);border:1px solid var(--border-color);z-index:50;border-radius:8px;animation:.2s modalIn;position:absolute;top:45px;right:-10px;overflow:hidden}.popup-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.popup-foot{text-align:center;border-top:1px solid var(--border-color);color:var(--link);cursor:pointer;background:var(--surface-2);padding:12px;font-size:.85rem}.primary-btn{background-color:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.primary-btn:hover{background-color:var(--accent-hover);box-shadow:var(--accent-glow);transform:translateY(-1px)}.primary-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.danger-btn{background:var(--danger);color:#fff}.danger-btn:hover{background:var(--danger);filter:brightness(.9);box-shadow:none}.stat-card{flex-direction:column;gap:12px;display:flex}.stat-header{justify-content:space-between;align-items:center;display:flex}.stat-title{color:var(--text-secondary);font-weight:500}.stat-icon{width:40px;height:40px;color:var(--accent);background:var(--accent-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-grid>.stat-card:nth-child(5n+2) .stat-icon{color:var(--green);background:var(--green-bg)}.stat-grid>.stat-card:nth-child(5n+3) .stat-icon{color:var(--yellow);background:var(--yellow-bg)}.stat-grid>.stat-card:nth-child(5n+4) .stat-icon{color:var(--teal);background:var(--teal-bg)}.stat-grid>.stat-card:nth-child(5n+5) .stat-icon{color:var(--violet);background:var(--violet-bg)}.stat-grid>.stat-card.alert-card .stat-icon,.alert-card .stat-icon{color:var(--danger);background:var(--red-bg)}.stat-value{letter-spacing:-.01em;font-size:1.75rem;font-weight:700}.stat-trend{color:var(--green);font-size:.85rem;font-weight:500}.alert-card .stat-trend,.stat-trend.down{color:var(--danger)}.stat-trend.neutral{color:var(--text-secondary)}.page-container{flex-direction:column;gap:24px;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-header h1{margin-bottom:8px}.breadcrumbs{align-items:center;gap:6px;font-size:.9rem;display:flex}.flex-center{align-items:center;gap:8px;display:flex}.secondary-btn{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.secondary-btn:hover{background-color:var(--accent-light)}.secondary-btn:disabled{opacity:.4;cursor:not-allowed}.secondary-btn.danger{color:var(--red);border-color:var(--red-bg)}.btn-sm{padding:6px 12px;font-size:.85rem}.table-container{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}.table-actions{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.search-bar{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border-color);width:300px;color:var(--text-secondary);align-items:center;gap:12px;padding:10px 16px;display:flex}.search-bar input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:var(--table-head);padding:16px 24px;font-size:.9rem;font-weight:500}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:16px 24px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td,.data-table tr.selected td{background:var(--surface-2)}.num{text-align:right;font-variant-numeric:tabular-nums}.pos{color:var(--green);font-weight:600}.neg{color:var(--red);font-weight:600}.badge{white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-block}.badge-in-stock,.badge-delivered,.badge-paid,.badge-received,.badge-active,.badge-success,.badge-receipt,.badge-transfer-in,.badge-return{background:var(--teal-bg);color:var(--teal)}.badge-low-stock,.badge-processing,.badge-partial,.badge-partially-received,.badge-adjustment,.badge-paused{background:var(--yellow-bg);color:var(--yellow)}.badge-out-of-stock,.badge-cancelled,.badge-overdue,.badge-failed,.badge-sale,.badge-transfer-out,.badge-expired{background:var(--red-bg);color:var(--red)}.badge-shipped,.badge-sent,.badge-unpaid,.badge-scheduled{background:var(--blue-bg);color:var(--blue)}.badge-pending,.badge-draft,.badge-void,.badge-offline,.badge-closed{background:var(--gray-bg);color:var(--gray)}.badge-pos,.badge-auto-reorder{background:var(--violet-bg);color:var(--violet)}.badge-sm{padding:3px 9px;font-size:.72rem}.font-medium{font-weight:600}.text-secondary{color:var(--text-secondary)}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.icon-btn:hover{background:var(--accent-light);color:var(--text-primary)}.icon-btn.danger{color:var(--red)}.icon-btn.active{background:var(--accent-light);color:var(--text-primary)}.customer-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.customer-card{font:inherit;color:inherit;cursor:pointer;text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.customer-avatar{background:var(--accent);width:64px;height:64px;color:var(--accent-contrast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.5rem;font-weight:600;display:flex}.customer-contact{color:var(--text-secondary);flex-direction:column;gap:8px;margin-top:12px;font-size:.9rem;display:flex}.customer-stats{border-top:1px solid var(--border-color);justify-content:space-around;gap:8px;width:100%;margin-top:24px;padding-top:20px;display:flex}.stat-label{color:var(--text-secondary);font-size:.8rem;display:block}.stat-val{font-size:1.05rem;font-weight:700}.settings-form{flex-direction:column;gap:20px;display:flex}.form-group label{margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);width:100%;color:var(--text-primary);outline:none;padding:12px;font-family:inherit;font-size:.95rem}.form-group textarea{resize:vertical;min-height:80px}.form-group select:focus,.form-group textarea:focus,.form-group input:focus{border-color:var(--accent)}.form-group input:disabled{background:var(--surface-3);color:var(--text-secondary)}.form-hint{color:var(--text-secondary);margin-top:6px;font-size:.8rem;display:block}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--border-strong);border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{background-color:var(--accent-contrast);transform:translate(20px)}.modal-overlay{background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:500px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-modal{text-align:center;max-width:400px}.confirm-modal svg{color:var(--danger);margin:0 auto 16px}.confirm-modal p{margin:12px 0 24px}.drawer-overlay{background:var(--overlay);z-index:100;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--bg-secondary);border-left:1px solid var(--border-color);flex-direction:column;gap:24px;width:100%;max-width:560px;height:100%;padding:28px;animation:.3s cubic-bezier(.16,1,.3,1) drawerIn;display:flex;overflow-y:auto}@keyframes drawerIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.drawer-section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:12px;font-size:.8rem;font-weight:600}.kv-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.kv{background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px 14px}.kv span{color:var(--text-secondary);margin-bottom:2px;font-size:.75rem;display:block}.kv strong{font-size:1.05rem}.login-container{background:radial-gradient(circle at 12% 18%, #4f46e547, transparent 42%), radial-gradient(circle at 88% 82%, #7c3aed3d, transparent 45%), radial-gradient(circle at 80% 10%, #e6498024, transparent 35%), var(--bg-primary);flex:1;justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.login-card{width:100%;max-width:420px;padding:40px}.login-header{text-align:center;margin-bottom:28px}.login-header p{color:var(--text-secondary);font-size:.9rem}.input-with-icon{position:relative}.input-with-icon .input-icon{color:var(--text-secondary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon input{padding-left:40px!important}.w-100{width:100%}.mt-16{margin-top:16px}.error-message{background:var(--red-bg);color:var(--red);border-radius:var(--radius-sm);text-align:center;padding:12px;font-size:.9rem}.info-note{background:var(--blue-bg);color:var(--blue);border-radius:var(--radius-sm);padding:12px 16px;font-size:.9rem}.login-roles{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.login-roles button{justify-content:center;padding:8px 10px;font-size:.8rem}.login-divider{color:var(--text-secondary);align-items:center;gap:12px;margin:20px 0;font-size:.8rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.login-hint{text-align:center;margin-top:16px;font-size:.8rem}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;display:none}.sidebar-overlay{background:var(--overlay);z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}.demo-banner{color:#f1f3f5;z-index:20;background:linear-gradient(90deg,#1e1b4b 0%,#312e81 55%,#4c1d95 100%);border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 20px;font-size:.85rem;display:flex}.demo-banner-text{align-items:center;gap:8px;min-width:0;display:flex}.demo-banner-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.demo-banner-btn{color:#312e81;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fff;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.demo-banner-btn.ghost{color:#fff;background:0 0;border-color:#ffffff59}.demo-banner-btn:hover{opacity:.85}.brand-sub{letter-spacing:.02em;color:var(--text-secondary);-webkit-text-fill-color:var(--text-secondary);margin-top:4px;font-size:.75rem;font-weight:500;display:block}.nav-badge{background:var(--danger);color:#fff;text-align:center;border-radius:20px;min-width:22px;margin-left:auto;padding:1px 7px;font-size:.75rem;font-weight:600}.nav-link.active .nav-badge{background:var(--accent-contrast);color:var(--accent)}.sidebar-foot{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.notif-item{border-bottom:1px solid var(--border-color);cursor:pointer;gap:12px;padding:14px 16px;display:flex}.notif-item:hover{background:var(--surface-2)}.notif-item p{margin:0;font-size:.85rem}.guide-card{border:1px solid var(--accent);margin-bottom:8px}.guide-card:hover{transform:none}.guide-header{justify-content:space-between;gap:16px;display:flex}.guide-header h2{margin-bottom:4px}.guide-progress{background:var(--surface-3);border-radius:6px;height:6px;margin:16px 0 20px;overflow:hidden}.guide-progress div{background:var(--accent);border-radius:6px;height:100%;transition:width .4s}.guide-tasks{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.guide-task{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition);align-items:flex-start;gap:12px;padding:14px;text-decoration:none;display:flex}.guide-task:hover{border-color:var(--accent)}.guide-task svg{color:var(--text-muted);flex-shrink:0}.guide-task.done svg{color:var(--teal)}.guide-task.done .guide-task-title{color:var(--text-secondary);text-decoration:line-through}.guide-task-title{font-size:.95rem;font-weight:600}.guide-task-hint{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.guide-cta{margin-top:20px;text-decoration:none;display:inline-flex}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.header-actions a{text-decoration:none}.segmented{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px;display:inline-flex}.segmented button{font:inherit;cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;display:inline-flex}.segmented button.active{background:var(--accent);color:var(--accent-contrast)}.tabs{border-bottom:1px solid var(--border-color);white-space:nowrap;gap:4px;display:flex;overflow-x:auto}.tab{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 18px;font-weight:500;display:inline-flex}.tab.active{border-bottom-color:var(--accent);color:var(--text-primary);font-weight:600}.tab .count{background:var(--surface-3);border-radius:10px;padding:0 8px;font-size:.75rem;font-weight:600}.chart-area{background:var(--chart-bg);border-radius:12px;grid-template-columns:1fr;gap:24px;padding:16px;display:grid}@media (width>=1100px){.chart-area{grid-template-columns:1.7fr 1fr}}.grid-2{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1100px){.grid-2{grid-template-columns:1fr 1fr}.grid-2.wide-left{grid-template-columns:1.4fr 1fr}}.dashboard-lists{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1100px){.dashboard-lists{grid-template-columns:1.4fr 1fr}}.card-title-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.card-title-row h2{margin-bottom:0}.chart-box{width:100%;height:300px;margin-top:16px}.text-link{color:var(--link);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:inherit;font-size:.85rem;text-decoration:none;display:inline-flex}.mini-list{flex-direction:column;display:flex}.mini-row{border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;text-decoration:none;display:flex}.mini-row:last-child{border-bottom:none}a.mini-row:hover,button.mini-row:hover{background:var(--surface-2)}button.mini-row{font:inherit;text-align:left;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;width:100%}.mini-row .badge{margin-top:4px;padding:3px 10px;font-size:.75rem}.mini-sub{color:var(--text-secondary);font-size:.8rem}.legend{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.legend span{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.status-summary{flex-wrap:wrap;gap:8px;display:flex}.summary-chip{border:1px solid var(--border-color);background:var(--bg-secondary);font:inherit;cursor:pointer;color:var(--text-secondary);border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;display:inline-flex}.summary-chip span{background:var(--surface-3);color:var(--text-primary);border-radius:10px;padding:0 8px;font-size:.8rem;font-weight:600}.summary-chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.summary-chip.active span{background:var(--accent-contrast);color:var(--accent)}.inline-select{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font:inherit;border-radius:8px;outline:none;padding:9px 12px;font-size:.9rem}.clickable-row{cursor:pointer}.bulk-bar{background:var(--surface-2);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:12px;padding:8px 16px;display:flex}.filter-grid{background:var(--surface-2);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;padding:20px;display:grid}.filter-label{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem;font-weight:600}.empty-row{text-align:center;color:var(--text-secondary)!important;padding:40px!important}.meter{background:var(--surface-3);border-radius:8px;height:8px;overflow:hidden}.meter>div{background:var(--accent);border-radius:8px;height:100%;transition:width .4s}.meter.warn>div{background:var(--yellow)}.meter.danger>div{background:var(--danger)}.modal-title-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.modal-title-row h2{margin-bottom:4px}.modal-overlay .modal:hover{transform:none}.detail-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.8rem}.detail-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0;display:grid}.detail-grid p{color:var(--text-primary);font-size:.95rem}.status-steps{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.status-steps.three{grid-template-columns:repeat(3,1fr)}.status-step{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:.8rem;display:flex}.status-step .dot{background:var(--surface-3);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:600;display:flex}.status-step.done{color:var(--text-primary);font-weight:600}.status-step.done .dot{background:var(--accent);color:var(--accent-contrast)}.cancelled-note{background:var(--red-bg);color:var(--red);border-radius:8px;padding:12px 16px;font-size:.9rem}.data-table.compact td,.data-table.compact th{padding:10px 12px}.totals{flex-direction:column;gap:6px;width:100%;max-width:320px;margin-top:16px;margin-left:auto;font-size:.95rem;display:flex}.totals>div{color:var(--text-secondary);justify-content:space-between;display:flex}.totals .grand{color:var(--text-primary);border-top:1px solid var(--border-color);margin-top:4px;padding-top:8px;font-size:1.1rem;font-weight:700}.modal-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.order-lines{flex-direction:column;gap:8px;display:flex}.order-line{grid-template-columns:1fr 80px 130px 36px;align-items:center;gap:8px;display:grid}.order-line.po{grid-template-columns:1fr 80px 120px 130px 36px}.order-line select,.order-line input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;font:inherit;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;padding:10px!important}.line-total{text-align:right;font-size:.9rem;font-weight:600}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.payment-box{border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:12px;margin-top:20px;padding:16px;display:flex}.payment-box-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-form input,.inline-form select{border:1px solid var(--border-color);border-radius:var(--radius-sm);font:inherit;background:var(--bg-secondary);color:var(--text-primary);padding:9px 12px;font-size:.9rem}.inline-form input{width:160px}.kanban{grid-template-columns:repeat(4,minmax(240px,1fr));gap:16px;padding-bottom:8px;display:grid;overflow-x:auto}.kanban-col{background:var(--surface-3);border-radius:var(--radius-md);border:2px dashed #0000;flex-direction:column;gap:10px;min-height:300px;padding:12px;transition:border-color .15s,background .15s;display:flex}.kanban-col.drop-ok{border-color:var(--accent);background:var(--accent-light)}.kanban-col-head{justify-content:space-between;align-items:center;padding:4px 4px 8px;display:flex}.kanban-col-head strong{font-size:.95rem}.kanban-col-head span{color:var(--text-secondary);font-size:.8rem}.kanban-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:grab;box-shadow:var(--card-shadow);flex-direction:column;gap:6px;padding:12px;transition:transform .15s,box-shadow .15s;display:flex}.kanban-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.kanban-card.dragging{opacity:.4}.kanban-card.locked{cursor:pointer}.kanban-card-row{justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;display:flex}.kanban-more{text-align:center;color:var(--text-secondary);padding:6px;font-size:.8rem}.pos-layout{grid-template-columns:1fr 380px;align-items:start;gap:24px;display:grid}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.pos-tile{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;cursor:pointer;font:inherit;color:inherit;transition:var(--transition);flex-direction:column;gap:6px;padding:14px;display:flex;position:relative}.pos-tile:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.pos-tile:disabled{opacity:.45;cursor:not-allowed}.pos-swatch{border-radius:var(--radius-sm);letter-spacing:.05em;color:#fff;justify-content:center;align-items:center;height:64px;margin-bottom:4px;font-size:1.1rem;font-weight:700;display:flex}.pos-tile-name{font-size:.9rem;font-weight:600;line-height:1.3}.pos-tile-price{font-weight:700}.pos-tile-qty{background:var(--accent);color:var(--accent-contrast);border-radius:12px;padding:1px 8px;font-size:.75rem;font-weight:700;position:absolute;top:8px;right:8px}.pos-cart{flex-direction:column;gap:14px;display:flex;position:sticky;top:0}.pos-cart:hover{transform:none}.cart-lines{flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.cart-line{border-bottom:1px solid var(--border-color);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px 0;display:grid}.qty-stepper{border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;display:inline-flex;overflow:hidden}.qty-stepper button{background:var(--surface-2);color:var(--text-primary);cursor:pointer;border:none;width:28px;height:28px;font-size:1rem}.qty-stepper span{text-align:center;min-width:30px;font-size:.9rem;font-weight:600}.pay-methods{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pay-method{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:.78rem;font-weight:600;display:flex}.pay-method.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.quick-cash{flex-wrap:wrap;gap:6px;display:flex}.quick-cash button{flex:1;justify-content:center;min-width:70px}.receipt{color:#111;background:#fff;border:1px dashed #adb5bd;border-radius:6px;padding:20px;font-family:Courier New,monospace;font-size:.82rem}.receipt *{font-family:inherit}.receipt .r-row{justify-content:space-between;gap:8px;display:flex}.receipt .r-center{text-align:center}.receipt hr{border:none;border-top:1px dashed #adb5bd;margin:8px 0}.wh-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.wh-card{flex-direction:column;gap:14px;display:flex}.wh-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.wh-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stock-cell{font-variant-numeric:tabular-nums}.stock-cell.zero{color:var(--text-muted)}.perm-matrix th,.perm-matrix td{text-align:center;font-size:.85rem;padding:10px 12px!important}.perm-matrix th:first-child,.perm-matrix td:first-child{text-align:left}.perm-matrix .group-row td{background:var(--surface-2);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.perm-yes{color:var(--teal)}.perm-no{color:var(--text-muted)}.top-search{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);font:inherit;cursor:pointer;align-items:center;gap:10px;width:100%;max-width:360px;padding:8px 12px;font-size:.9rem;display:flex}.top-search:hover{border-color:var(--border-strong)}.top-search .kbd{margin-left:auto}.kbd{border:1px solid var(--border-color);color:var(--text-secondary);background:var(--bg-secondary);white-space:nowrap;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:600}.top-right{align-items:center;gap:12px;margin-left:auto;display:flex}.user-btn{cursor:pointer;border:none;border-left:1px solid var(--border-color);color:var(--text-primary);font:inherit;text-align:right;background:0 0;align-items:center;gap:12px;padding:4px 8px 4px 16px;display:flex}.user-btn:hover .avatar{box-shadow:0 0 0 3px var(--accent-light)}.avatar{background:var(--accent-gradient);width:36px;height:36px;color:var(--accent-contrast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;transition:box-shadow .2s;display:flex}.avatar.sm{width:30px;height:30px;font-size:.8rem}.user-meta strong{font-size:.9rem;display:block}.user-meta span{color:var(--text-secondary);font-size:.75rem}.role-item{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:12px;padding:10px 16px;display:flex}.role-item:hover{background:var(--surface-2)}.role-item.current{background:var(--accent-light)}.role-item .mini-sub{display:block}.viewing-as{background:var(--yellow-bg);color:var(--yellow);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:6px 16px;font-size:.82rem;font-weight:500;display:flex}.viewing-as button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:2px 10px;font-size:.78rem;font-weight:600}.palette-overlay{background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.palette{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;max-width:620px;box-shadow:var(--popup-shadow);flex-direction:column;max-height:70vh;animation:.18s modalIn;display:flex;overflow:hidden}.palette-input{border-bottom:1px solid var(--border-color);color:var(--text-secondary);align-items:center;gap:12px;padding:16px 18px;display:flex}.palette-input input{font:inherit;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1.05rem}.palette-results{padding:8px;overflow-y:auto}.palette-group{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding:10px 10px 4px;font-size:.7rem;font-weight:600}.palette-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);align-items:center;gap:12px;padding:10px;display:flex}.palette-item .icon{color:var(--text-secondary);display:flex}.palette-item .meta{color:var(--text-secondary);white-space:nowrap;margin-left:auto;font-size:.8rem}.palette-item.active{background:var(--accent);color:var(--accent-contrast)}.palette-item.active .icon,.palette-item.active .meta,.palette-item.active .mini-sub{color:var(--accent-contrast);opacity:.8}.palette-foot{border-top:1px solid var(--border-color);color:var(--text-secondary);background:var(--surface-2);flex-wrap:wrap;gap:16px;padding:10px 16px;font-size:.75rem;display:flex}.palette-empty{text-align:center;color:var(--text-secondary);padding:32px}.no-access{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:520px;margin:8vh auto;display:flex}.no-access svg{color:var(--text-muted)}@media (width<=1100px){.pos-layout{grid-template-columns:1fr}.pos-cart{position:static}}@media (width<=768px){.sidebar{z-index:100;height:100dvh;transition:left .3s;position:fixed;top:0;left:-280px}.sidebar.open{left:0}.main-content{padding:16px}h1{font-size:1.6rem}.mobile-menu-btn{display:block!important}.top-nav{gap:8px;padding:0 12px}.top-search{max-width:none}.top-search .kbd,.top-search .label,.user-meta{display:none}.user-btn{padding-left:8px}.notif-popup{z-index:100;width:auto;max-width:none;position:fixed;top:64px;left:12px;right:12px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.table-actions{flex-direction:column!important;align-items:stretch!important}.search-bar,.header-actions{width:100%}.data-table:not(.keep-table) thead{display:none}.data-table:not(.keep-table),.data-table:not(.keep-table) tbody,.data-table:not(.keep-table) tr,.data-table:not(.keep-table) td{width:100%;display:block}.data-table:not(.keep-table) tr{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);margin-bottom:16px;padding:12px}.data-table:not(.keep-table) td{text-align:right;border-bottom:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:8px;min-height:40px;padding:10px 0 10px 45%;display:flex;position:relative}.data-table:not(.keep-table) td:last-child{border-bottom:none}.data-table:not(.keep-table) td{flex-wrap:wrap}.data-table:not(.keep-table) td>.mini-sub{text-align:right;width:100%}.data-table:not(.keep-table) td:before{content:attr(data-label);white-space:nowrap;text-align:left;width:45%;color:var(--text-secondary);padding-right:10px;font-size:.85rem;font-weight:600;position:absolute;left:0}.table-container .data-table:not(.keep-table){padding:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px}.stat-value{font-size:1.25rem}.stat-title{font-size:.85rem}.modal{padding:16px}.modal [style*=grid-template-columns]{grid-template-columns:1fr!important}.form-row,.form-row-3,.detail-grid{grid-template-columns:1fr}.demo-banner{padding:8px 12px}.demo-banner-hide-sm{display:none}.order-line,.order-line.po{grid-template-columns:1fr 70px 36px}.order-line .line-total,.order-line .hide-sm{display:none}.status-step{font-size:.7rem}.kanban{scroll-snap-type:x mandatory;grid-template-columns:repeat(4,80vw)}.kanban-col{scroll-snap-align:start}.pos-grid{grid-template-columns:repeat(2,1fr)}.pay-methods{grid-template-columns:repeat(3,1fr)}.drawer{padding:20px}.wh-stats{grid-template-columns:repeat(3,1fr)}}.secondary-btn.active{border-color:var(--accent);background:var(--accent-light)}:focus-visible{outline:2px solid var(--link);outline-offset:2px}tr.clickable-row:focus-visible,.notif-item:focus-visible,.popup-foot:focus-visible{outline-offset:-2px}.search-bar:focus-within,.inline-select:focus-visible,.inline-form input:focus,.inline-form select:focus,.order-line select:focus,.order-line input:focus{border-color:var(--accent)}.inline-select:focus-visible{outline:none}.auto-note{margin-bottom:24px}.auto-grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:24px;display:grid}.auto-card{flex-direction:column;gap:14px;display:flex}.auto-card.paused .auto-icon{filter:grayscale();opacity:.6}.auto-head{align-items:flex-start;gap:12px;display:flex}.auto-title{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.auto-title h3{margin:0}.auto-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tone-red{background:var(--red-bg);color:var(--red)}.tone-violet{background:var(--violet-bg);color:var(--violet)}.tone-yellow{background:var(--yellow-bg);color:var(--yellow)}.tone-teal{background:var(--teal-bg);color:var(--teal)}.tone-green{background:var(--green-bg);color:var(--green)}.auto-rule{border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:44px 1fr;gap:6px 8px;padding:12px;font-size:.88rem;display:grid}.auto-rule span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);padding-top:2px;font-size:.7rem;font-weight:600}.auto-settings{color:var(--text-secondary);flex-direction:column;gap:10px;font-size:.85rem;display:flex}.auto-settings label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.auto-settings .inline-select{max-width:100%;padding:6px 10px;font-size:.85rem}.auto-settings .auto-check{cursor:pointer;flex-wrap:nowrap;align-items:flex-start}.auto-check input{accent-color:var(--accent);flex-shrink:0;width:16px;height:16px;margin-top:2px}.auto-foot{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.auto-run{padding:6px 12px;font-size:.82rem}.auto-history{flex-direction:column;gap:6px;font-size:.82rem;list-style:none;display:flex}.auto-history li{gap:10px;display:flex}.auto-history time{color:var(--text-muted);white-space:nowrap;min-width:78px}.swatch{border:1px solid var(--border-strong);vertical-align:-1px;border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.size-run{flex-direction:column;gap:4px;display:flex}.size-run-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.size-chip{background:var(--surface-3);color:var(--text-secondary);white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:.72rem}.size-chip b{color:var(--text-primary);margin-left:1px;font-weight:600}.size-chip.low{background:var(--yellow-bg);color:var(--yellow)}.size-chip.out{background:var(--red-bg);color:var(--red)}.size-chip.low b,.size-chip.out b{color:inherit}.size-matrix-wrap{margin-left:-6px;overflow:auto hidden}.size-matrix{border-collapse:separate;border-spacing:6px;font-size:.85rem}.size-matrix th{color:var(--text-secondary);text-align:center;font-size:.78rem;font-weight:600}.size-matrix tbody th{text-align:left;white-space:nowrap;color:var(--text-primary);padding-right:6px}.size-cell{border:1px solid var(--border-color);background:var(--surface-2);width:48px;height:38px;color:var(--text-primary);font:inherit;cursor:pointer;border-radius:8px;font-weight:700}.size-cell.low{background:var(--yellow-bg);color:var(--yellow);border-color:#0000}.size-cell.out{background:var(--red-bg);color:var(--red);border-color:#0000}.size-cell.selected{outline:2px solid var(--accent);outline-offset:1px}.pos-swatch{position:relative}.pos-swatch-dots{gap:3px;display:flex;position:absolute;bottom:6px;right:8px}.pos-swatch-dots .swatch{border-color:#ffffffb3;width:10px;height:10px}.size-picks{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.size-pick{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font:inherit;cursor:pointer;transition:var(--transition);flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.size-pick span{color:var(--text-secondary);font-size:.72rem}.size-pick:hover:not(:disabled){border-color:var(--accent);background:var(--accent-light)}.size-pick:disabled{opacity:.45;cursor:not-allowed}.so-line{border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:10px;padding:10px;display:flex}.so-line-head{align-items:center;gap:8px;display:flex}.so-line-head select{flex:1;min-width:0}.so-line-head select+select{flex:none;width:auto;max-width:40%}.so-line-head .line-total{white-space:nowrap}.size-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.so-line .size-input{color:var(--text-primary);flex-direction:column;align-items:center;gap:3px;margin:0;font-size:.78rem;font-weight:600;display:flex}.size-input input{text-align:center;width:100%;padding:6px 4px!important}.size-input small{color:var(--text-secondary);font-size:.7rem;font-weight:400}.size-input.none{opacity:.5}.so-line select,.so-line input{border:1px solid var(--border-color);border-radius:var(--radius-sm);font:inherit;background:var(--bg-secondary);color:var(--text-primary);padding:10px;font-size:.9rem}.so-line select:focus,.so-line input:focus{border-color:var(--accent);outline:none}.return-lines{flex-direction:column;gap:10px;display:flex}.return-line{border:1px solid var(--border-color);border-radius:var(--radius-sm);grid-template-columns:1fr auto minmax(150px,210px);align-items:center;gap:10px;padding:10px 12px;display:grid}.return-line .inline-select{width:100%;padding:7px 8px;font-size:.82rem}.returns-box{border-radius:var(--radius-sm);background:var(--violet-bg);flex-direction:column;gap:10px;margin:16px 0 4px;padding:12px 14px;display:flex}.returns-box .detail-label{margin:0}.return-entry{flex-direction:column;gap:2px;font-size:.88rem;display:flex}@media (width<=600px){.return-line{grid-template-columns:1fr auto}.return-line .inline-select{grid-column:1/-1}}.find-sale-row{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);width:100%;color:var(--text-primary);font:inherit;cursor:pointer;gap:12px;padding:10px 12px}.find-sale-row:hover{border-color:var(--accent);background:var(--accent-light)}.whatsapp-btn{color:#1a7f4b;border-color:#25d36673}.whatsapp-btn:hover{background:#25d3661a;border-color:#25d366}:root[data-theme=dark] .whatsapp-btn{color:#4ade80}.today-card{border-color:color-mix(in srgb, var(--accent) 30%, var(--border-color));background:linear-gradient(180deg, var(--accent-light), var(--bg-secondary) 120px);margin-bottom:24px}.today-list{flex-direction:column;gap:4px;display:flex}.today-item{border-top:1px solid var(--border-color);align-items:center;gap:14px;padding:10px 4px;display:flex}.today-item:first-child{border-top:none}.today-text{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:.92rem;display:flex}.today-item .btn-sm{white-space:nowrap;flex-shrink:0}@media (width<=600px){.today-item{flex-wrap:wrap}.today-text{flex-basis:calc(100% - 56px)}.today-item .btn-sm{margin-left:54px}}