:root{--primary: #2563eb;--primary-hover: #1d4ed8;--bg-app: #f3f4f6;--bg-card: #ffffff;--bg-subtle: #f9fafb;--bg-hover: #e5e7eb;--bg-input: #ffffff;--text-main: #111827;--text-muted: #6b7280;--text-light: #9ca3af;--text-inverse: #ffffff;--border: #e5e7eb;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--radius: 12px;--header-height: 70px;--bottom-nav-height: 60px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1)}[data-theme=dark],.dark{--primary: #3b82f6;--primary-hover: #60a5fa;--bg-app: #0f172a;--bg-card: #1e293b;--bg-subtle: #334155;--bg-hover: #475569;--bg-input: #1e293b;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-light: #64748b;--text-inverse: #ffffff;--border: #334155;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .6)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:1rem}.btn{padding:.75rem 1.5rem;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .2s;font-size:.95rem}.btn-primary{background-color:var(--primary);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-danger{background-color:var(--danger);color:#fff;padding:.4rem .8rem;font-size:.85rem}.card{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow);padding:2rem;border:1px solid var(--border);color:var(--text-main)}.input-group{margin-bottom:1rem;text-align:left}.input-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--text-muted);font-weight:500}.input-group input,.input-group select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:6px;font-size:1rem;box-sizing:border-box;background:var(--bg-input);color:var(--text-main)}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--primary)}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-card{width:100%;max-width:400px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.user-list-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border);color:var(--text-main)}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.notification-toast{min-width:300px;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;font-size:.95rem;border-left:4px solid #ccc;color:#333}.notification-toast.success{border-left-color:#10b981}.notification-toast.error{border-left-color:#ef4444}.notification-toast.info{border-left-color:#3b82f6}.notif-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:.8rem;color:#fff}.success .notif-icon{background:#10b981}.error .notif-icon{background:#ef4444}.info .notif-icon{background:#3b82f6}.notif-close{margin-left:auto;background:none;border:none;cursor:pointer;font-size:1.2rem;color:#999;padding:0 4px}.notif-close:hover{color:#333}.animate-slide-in{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}:root{--bg-main: #f8fafc;--bg-sidebar: #ffffff;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--accent-color: #2563eb;--accent-hover: #1d4ed8;--border-color: #e2e8f0;--danger-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--sidebar-width: 260px}[data-theme=dark]{--bg-main: #0f172a;--bg-sidebar: #1e293b;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent-color: #3b82f6;--accent-hover: #60a5fa;--border-color: #334155;--shadow-sm: none;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5)}*{box-sizing:border-box;transition:background-color .3s,color .3s}body,html{margin:0;padding:0;font-family:Inter,sans-serif;height:100%;background-color:var(--bg-main);color:var(--text-primary);overflow-x:hidden}.admin-container{display:flex;height:100vh;width:100%;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100%;z-index:50;transform:translate(0);transition:transform .3s ease-in-out}.sidebar-header{padding:1.5rem;font-size:1.25rem;font-weight:800;color:var(--accent-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.nav-links{list-style:none;padding:1rem;margin:0;overflow-y:auto;flex:1}.nav-item{padding:.75rem 1rem;margin-bottom:.5rem;border-radius:8px;cursor:pointer;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:10px}.nav-item:hover,.nav-item.active{background-color:var(--accent-color);color:#fff}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;height:100%;background-color:var(--bg-main);transition:margin-left .3s;max-width:100%}.top-bar{background-color:var(--bg-sidebar);padding:1rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;height:70px}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-primary)}.theme-toggle{background:none;border:1px solid var(--border-color);padding:.5rem;border-radius:50%;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.content-area{padding:2rem;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 70px);display:flex;flex-direction:column;width:100%}.section-title{font-size:1.5rem;margin-bottom:1.5rem;font-weight:700}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem;color:var(--text-secondary)}.form-input{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-primary);font-size:.95rem;transition:all .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb1a}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .2s;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-main);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;position:relative}.stat-card h4{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.stat-card .value{font-size:1.8rem;font-weight:700;color:var(--text-primary)}.stat-card .meta{font-size:.85rem;margin-top:.5rem;font-weight:600}.meta.up{color:var(--success-color)}.meta.down{color:var(--danger-color)}.stat-card.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stat-card.clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.click-hint{position:absolute;top:1.5rem;right:1.5rem;opacity:.3;transition:opacity .2s}.stat-card.clickable:hover .click-hint{opacity:1;color:var(--accent-color)}.overview-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.overview-modal-content{background:var(--bg-card);width:90%;max-width:600px;max-height:80vh;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;border:1px solid var(--border-color);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.overview-modal-header{padding:1.5rem;background:var(--bg-main);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.overview-modal-header h3{margin:0;display:flex;align-items:center;gap:8px;font-size:1.25rem;color:var(--text-primary)}.breakdown-list{overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.breakdown-item{display:flex;flex-direction:column;gap:.5rem}.bd-row{display:flex;justify-content:space-between;align-items:flex-end}.bd-name{font-weight:700;color:var(--text-primary)}.bd-value{font-weight:800;font-family:monospace;font-size:1rem}.bd-progress-bg{width:100%;height:6px;background:var(--bg-main);border-radius:3px;overflow:hidden;border:1px solid var(--border-color)}.bd-progress-fill{height:100%;border-radius:3px;background:var(--accent-color)}.master-user-table-container{margin-top:2rem;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;width:100%;overflow:hidden}.mut-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;background:var(--bg-main)}.mut-header h3{margin:0;display:flex;align-items:center;gap:8px;font-size:1.15rem}.mut-search{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:8px;width:100%;max-width:300px}.mut-search input{border:none;background:transparent;color:var(--text-primary);outline:none;width:100%;margin-left:8px}.mut-table-wrapper{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.master-user-table{width:100%;border-collapse:collapse;min-width:800px}.master-user-table th{text-align:left;padding:1rem 1.5rem;background:var(--bg-card);border-bottom:2px solid var(--border-color);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.master-user-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);font-size:.9rem;vertical-align:middle;word-break:break-word}.master-user-table tr:last-child td{border-bottom:none}.master-user-table tr:hover td{background-color:#2563eb05}@media(max-width:768px){.sidebar{transform:translate(-100%);width:280px}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;width:100vw}.menu-toggle{display:block}.dashboard-grid,.charts-grid{grid-template-columns:1fr}.top-bar,.content-area{padding:1rem}.mut-header{flex-direction:column;align-items:flex-start}.mut-search{max-width:100%}}.inv-layout{display:flex;flex-direction:column;height:100vh;background:var(--bg-app);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-main);overflow:hidden;transition:background-color .3s ease,color .3s ease}.inv-header{height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;flex-shrink:0;z-index:50;box-shadow:0 1px 2px #0000000d}.header-left{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header-right{display:flex;align-items:center;gap:.8rem}.brand-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;box-shadow:0 4px 10px #6366f14d}.brand-info{display:flex;flex-direction:column;line-height:1.2}.company-name{font-size:1rem;font-weight:700;margin:0;white-space:nowrap;color:var(--text-main)}.desktop-nav{display:flex;gap:.5rem;position:absolute;left:50%;transform:translate(-50%)}.nav-btn{text-decoration:none;color:var(--text-muted);padding:.6rem 1.2rem;border-radius:8px;font-weight:500;font-size:.95rem;transition:all .2s}.nav-btn:hover{background:var(--bg-subtle);color:var(--text-main)}.nav-btn.active{background:#3b82f61a;color:var(--primary);font-weight:600}.btn-icon{background:transparent;border:none;color:var(--text-muted);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--bg-subtle);color:var(--text-main)}.btn-icon.active{color:var(--primary);background:var(--bg-subtle)}.divider-vertical{width:1px;height:24px;background:var(--border)}.logout-btn-pro{background:transparent;border:none;color:var(--danger);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.logout-btn-pro:hover{background:#ef44441a}.inv-main{flex:1;overflow:hidden;position:relative}.inv-content{height:100%;overflow-y:auto;padding:2rem;max-width:1200px;margin:0 auto;box-sizing:border-box}.dashboard-container{width:100%;display:flex;flex-direction:column}.dash-top-bar{display:flex;flex-direction:row;align-items:center;gap:1rem;margin-bottom:2rem;width:100%;justify-content:space-between;flex-wrap:nowrap}.inv-search-wrapper{flex-grow:1;flex-shrink:1;position:relative;width:auto;max-width:none;min-width:150px}.smart-search-input{width:100%;padding:.8rem 3rem .8rem 2.8rem;height:50px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow);box-sizing:border-box;font-size:1rem;transition:all .2s}.smart-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6366f126}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:1.2rem}.search-action-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;background:var(--bg-subtle);width:30px;height:30px;border-radius:6px}.search-action-icon:hover{color:var(--primary);background:var(--bg-hover)}.btn-primary-action{background:var(--primary);color:#fff;border:none;padding:0 1.5rem;border-radius:var(--radius);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;height:50px;transition:transform .2s;flex-shrink:0;flex-grow:0;margin-left:auto}.btn-primary-action:hover{transform:translateY(-2px);background:var(--primary-hover)}.kpi-split-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.kpi-tile{background:var(--bg-card);padding:1.25rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:110px;overflow:hidden}.kpi-sales-banner{grid-column:span 2;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border:none;padding:1.25rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 15px #4f46e533;margin-bottom:2rem}.kpi-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.kpi-number{font-size:1.75rem;font-weight:800;line-height:1.1;color:var(--text-main)}.kpi-subtext{font-size:.75rem;color:var(--text-muted);margin-top:auto}.smart-stock-container{display:flex;flex-direction:column;height:100%}.total-stock-count{font-size:1.75rem;font-weight:800;color:var(--text-main);line-height:1.1;margin-bottom:8px}.smart-breakdown-wrapper{display:flex;width:100%;gap:4px;margin-top:auto}.smart-pill{background:var(--bg-app);border:1px solid var(--border);border-radius:6px;padding:4px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;min-width:45px}.smart-pill:nth-child(1){background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.smart-pill:nth-child(2){background:#10b9811a;border-color:#10b98133;color:#10b981}.smart-pill:nth-child(3){background:#ef44441a;border-color:#ef444433;color:#ef4444}.smart-pill:nth-child(4){background:#f973161a;border-color:#f9731633;color:#f97316}.smart-pill-qty{font-weight:800;font-size:.85rem;line-height:1}.smart-pill-unit{font-size:.6rem;font-weight:700;text-transform:uppercase;opacity:.8;margin-top:1px}.smart-section{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:2rem;box-shadow:var(--shadow);overflow:hidden}.section-header{padding:1.2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-subtle)}.header-title{display:flex;align-items:center;gap:8px}.header-title h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-main)}.badge-count{background:#ef44441a;color:var(--danger);padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:700}.header-controls{display:flex;gap:10px;align-items:center}.view-toggles-group{background:var(--bg-app);padding:4px;border-radius:10px;display:flex;align-items:center;gap:8px;border:1px solid var(--border)}.toggle-group-left,.toggle-group-right{display:flex;gap:4px}.divider-vertical-small{width:1px;height:20px;background:var(--border);margin:0 2px}.toggle-btn{background:transparent;border:none;padding:6px 10px;cursor:pointer;color:var(--text-muted);border-radius:6px;display:flex;transition:all .2s}.toggle-btn:hover{background:var(--bg-hover);color:var(--text-main)}.toggle-btn.active,.toggle-btn.active-tab{background:var(--bg-card);color:var(--primary);box-shadow:0 1px 3px #0000001a;font-weight:700}.toggle-btn.active-tab{background:var(--primary);color:#fff}.toggle-btn.active-tab:hover{background:var(--primary-hover)}.btn-small{padding:8px 16px;font-size:.9rem;border:1px solid var(--border);background:var(--bg-card);border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--text-main);font-weight:500}.btn-small:hover{background:var(--bg-subtle)}.data-list-view{display:flex;flex-direction:column;overflow-x:auto;-webkit-overflow-scrolling:touch}.list-header-row{background:var(--bg-subtle);font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.list-row{border-bottom:1px solid var(--border);font-size:.95rem;padding:1rem 1.5rem;background:var(--bg-card);transition:background-color .15s ease;color:var(--text-main)}.list-row:last-child{border-bottom:none}.list-row:hover{background-color:var(--bg-hover)}.row-main{display:flex;align-items:center;gap:12px}.item-emoji{font-size:1.4rem;background:var(--bg-app);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;border:1px solid var(--border)}.stock-val.out{color:var(--danger);font-weight:700}.stock-val.low{color:var(--warning);font-weight:700}.status-pill{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;display:inline-block;white-space:nowrap}.status-pill.danger{background:#ef44441a;color:var(--danger)}.status-pill.warning{background:#f59e0b1a;color:var(--warning)}.status-pill.paid{background:#10b9811a;color:var(--success)}.status-pill.pending{background:#4f46e51a;color:var(--primary)}.status-pill.failed{background:#ef444426;color:var(--danger)}.data-card-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;padding:1.5rem}.item-card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--bg-card);position:relative;transition:transform .2s;color:var(--text-main)}.item-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;margin-bottom:10px;align-items:flex-start}.item-emoji-lg{font-size:2rem}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.red{background:var(--danger);box-shadow:0 0 0 3px #ef444433}.status-dot.orange{background:var(--warning);box-shadow:0 0 0 3px #f59e0b33}.status-dot.green{background:var(--success);box-shadow:0 0 0 3px #10b98133}.item-card h4{margin:0 0 .5rem;font-size:1rem;font-weight:700;color:var(--text-main)}.card-stats{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem;line-height:1.5}.btn-restock{width:100%;border:1px solid var(--primary);background:transparent;color:var(--primary);padding:8px;border-radius:6px;font-weight:600;cursor:pointer;margin-top:5px;transition:.2s}.btn-restock:hover{background:var(--primary);color:#fff}.action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;padding:0;flex-shrink:0;background:transparent}.action-btn.sell:hover{background:var(--warning);color:#fff;transform:translateY(-2px)}.action-btn.edit:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.action-btn.delete:hover{background:var(--danger);color:#fff;transform:translateY(-2px)}.mobile-bottom-nav,.mobile-only-sub{display:none}@media(max-width:768px){.desktop-nav,.hide-on-mobile{display:none}.inv-content{padding:1rem;padding-bottom:calc(var(--bottom-nav-height) + 2rem)}.mobile-bottom-nav{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--bg-card);border-top:1px solid var(--border);z-index:100;box-shadow:0 -2px 10px #0000000d;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-muted);font-size:.7rem;gap:4px;width:100%;height:100%}.mobile-nav-item.active{color:var(--primary);font-weight:600}.header-right>*:not(:first-child):not(:last-child){display:none}.kpi-split-row{margin-bottom:1rem;grid-template-columns:1fr 1fr;gap:.8rem}.kpi-tile{padding:.75rem;min-height:90px}.kpi-number,.total-stock-count{font-size:1.2rem}.smart-pill{padding:3px 2px;min-width:30px}.smart-pill-qty{font-size:.8rem}.smart-pill-unit{font-size:.55rem}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.header-controls{width:100%;justify-content:space-between}.view-toggles-group{flex:1;justify-content:space-between;overflow-x:auto;padding-left:0}.toggle-group-left,.toggle-group-right{flex-shrink:0}.hide-text-on-mobile{display:none}.btn-export-mobile{padding:6px 10px}.mobile-only-sub{display:none}.action-btn{width:40px;height:40px}}@media screen and (min-width:769px){.mobile-bottom-nav{display:none}.hide-on-desktop{display:none!important}}.qs-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.qs-card{background:var(--bg-card);width:100%;max-width:350px;border-radius:16px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a;text-align:center;border:1px solid var(--border);animation:slideUp .2s ease-out;color:var(--text-main)}.qs-icon-wrapper{width:56px;height:56px;background:#10b9811a;color:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.qs-title{font-size:1.2rem;font-weight:700;margin:0;color:var(--text-main)}.qs-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.qs-input-group{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:1.5rem}.qs-btn-control{width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:var(--bg-app);font-size:1.2rem;cursor:pointer;color:var(--text-main)}.qs-input{width:80px;height:40px;text-align:center;font-size:1.2rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-main);font-weight:700}.qs-smart-container{margin-bottom:1.5rem}.qs-input-wrapper-smart{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.qs-input-smart{width:120px;height:50px;text-align:center;font-size:1.5rem;border:2px solid var(--primary);border-radius:10px;background:var(--bg-card);color:var(--primary);font-weight:800}.qs-unit-label{font-size:1rem;font-weight:600;color:var(--text-muted)}.qs-presets{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.qs-preset-chip{padding:6px 12px;border-radius:20px;background:var(--bg-app);border:1px solid var(--border);color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.qs-preset-chip:hover{background:#e0e7ff;color:var(--primary);border-color:var(--primary)}.qs-preset-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 5px #4f46e54d}.qs-total{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-main);background:var(--bg-app);padding:10px;border-radius:8px}.qs-actions{display:flex;gap:1rem}.btn-cancel{flex:1;padding:10px;border-radius:8px;border:1px solid var(--border);background:transparent;font-weight:600;cursor:pointer;color:var(--text-main)}.btn-save{flex:1;padding:10px;border-radius:8px;border:none;background:var(--success);color:#fff;font-weight:600;cursor:pointer}.btn-save:hover{background:#059669}.skeleton{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8,#edeef1 20%,#f6f7f8 40% 100%);background-repeat:no-repeat;background-size:800px 104px;display:inline-block;position:relative;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear;border-radius:4px}[data-theme=dark] .skeleton{background:#1e293b;background-image:linear-gradient(to right,#1e293b,#334155 20%,#1e293b 40% 100%)}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.sk-text{height:14px;width:70%;margin-bottom:6px}.sk-text-sm{height:10px;width:40%}.sk-box{width:40px;height:40px;border-radius:8px}.sk-badge{width:60px;height:20px;border-radius:12px}.sk-btn{width:32px;height:32px;border-radius:8px}@media(max-width:600px){.brand-info{max-width:140px;overflow:hidden;text-overflow:ellipsis}.company-name{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-card);width:90%;max-width:700px;max-height:90vh;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;overflow:hidden;position:relative;border:1px solid var(--border);color:var(--text-main)}.modal-content.slide-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-subtle)}.modal-header h3{margin:0;font-size:1.25rem;color:var(--text-main);font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;line-height:1;transition:color .2s}.close-btn:hover{color:var(--danger)}.modal-form{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.form-row{display:flex;gap:1rem;width:100%}.form-group{flex:1;display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.form-group input,.form-group select{padding:.6rem .8rem;border:1px solid var(--border);border-radius:6px;font-size:.95rem;background:var(--bg-input);color:var(--text-main);transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon input{padding-right:2.5rem}.input-with-icon .icon{position:absolute;right:.8rem;cursor:pointer;color:var(--text-muted);font-size:1.1rem;-webkit-user-select:none;user-select:none}.input-with-icon .icon:hover{color:var(--primary);transform:scale(1.1)}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-top:none;border-radius:0 0 6px 6px;max-height:150px;overflow-y:auto;z-index:10;box-shadow:var(--shadow);list-style:none;margin:0;padding:0}.suggestions-list li{padding:.6rem .8rem;cursor:pointer;font-size:.9rem;color:var(--text-main)}.suggestions-list li:hover{background:var(--bg-hover)}.modal-actions{margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.divider-label{width:100%;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin:1.5rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);display:block}.form-row.wrap-row{flex-wrap:wrap;row-gap:1rem}@media(max-width:768px){.modal-content{width:95%;max-height:95vh}.form-row{flex-direction:column;gap:1rem}.form-row.wrap-row .form-group{min-width:100%!important;width:100%}.modal-actions{flex-direction:column-reverse}.btn-save,.btn-cancel{width:100%;padding:.8rem}}.company-list-container{display:flex;flex-direction:column;gap:1.25rem;animation:fadeIn .4s ease-out;max-width:1600px;margin:0 auto;width:100%}.search-bar-wrapper{margin-bottom:1rem;width:100%}.modern-search-wrapper{position:relative;display:flex;align-items:center;width:100%}.modern-search-wrapper svg{position:absolute;left:14px;color:var(--text-secondary);pointer-events:none}.modern-search-wrapper input{width:100%;padding:1rem 1.25rem;padding-left:3rem!important;font-size:1rem;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:12px;box-shadow:var(--shadow-sm);transition:all .2s}.modern-search-wrapper input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb1a}.companies-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;padding-bottom:2rem}.company-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem;transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm)}.company-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.card-status-strip{position:absolute;top:0;left:0;right:0;height:4px}.active-strip{background:var(--success-color)}.suspended-strip{background:var(--danger-color)}.company-header{display:flex;justify-content:space-between;align-items:flex-start}.company-header-text h3{margin:0 0 4px;font-size:1.15rem;color:var(--text-primary);font-weight:700}.company-header-text .domain{color:var(--text-secondary);font-size:.8rem;font-family:monospace;background:var(--bg-main);padding:2px 6px;border-radius:4px;display:inline-block}.plan-badge{color:#fff;padding:4px 10px;border-radius:20px;text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:.5px}.plan-badge.free{background:#64748b}.plan-badge.pro{background:#3b82f6;box-shadow:0 2px 4px #3b82f64d}.plan-badge.enterprise{background:#8b5cf6;box-shadow:0 2px 4px #8b5cf64d}.company-stats{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);background:var(--bg-main);padding:.75rem 1rem;border-radius:8px;font-weight:600;border:1px solid var(--border-color)}.company-stats div{display:flex;align-items:center;gap:6px}.company-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:1rem;font-size:.8rem;color:var(--text-secondary);margin-top:auto;font-weight:500}.load-more-btn{display:block;margin:0 auto 2rem;padding:12px 30px;background:transparent;border:2px solid var(--border-color);color:var(--text-primary);border-radius:30px;cursor:pointer;font-weight:600;transition:all .2s;width:100%;max-width:300px}.load-more-btn:hover{background:var(--bg-card);border-color:var(--text-secondary)}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:flex-end;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.manage-modal{background:var(--bg-card);width:100%;height:90vh;border-radius:20px 20px 0 0;display:flex;flex-direction:column;box-shadow:0 -10px 40px #0003;border:1px solid var(--border-color);overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.manage-modal-header{padding:1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);flex-shrink:0}.manage-modal-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 1.25rem;background:var(--bg-main);flex-shrink:0;gap:1.5rem;overflow-x:auto}.tab-btn{padding:1rem 0;cursor:pointer;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:700;font-size:.9rem;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:6px}.tab-btn.active{border-bottom-color:var(--accent-color);color:var(--accent-color)}.manage-modal-content{flex:1;overflow-y:auto;padding:1.25rem;background:var(--bg-main);-webkit-overflow-scrolling:touch}.section-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:800;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.settings-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1fr;gap:1.25rem}.add-user-card{background:var(--bg-card);padding:1.25rem;border-radius:12px;border:1px dashed var(--border-color);margin-bottom:2rem}.add-user-form{display:grid;grid-template-columns:1fr;gap:1rem}.user-table-wrapper{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.user-table{width:100%;border-collapse:collapse}.user-table thead{display:none}.user-table,.user-table tbody,.user-table tr,.user-table td{display:block;width:100%}.user-table tr{border-bottom:4px solid var(--bg-main);padding:1rem}.user-table tr:last-child{border-bottom:none}.user-table td{padding:.5rem 0;display:flex;justify-content:space-between;align-items:center;text-align:right;border-bottom:1px solid var(--border-color)}.user-table td:last-child{border-bottom:none;justify-content:flex-end;padding-top:1rem}.user-table td:before{content:attr(data-label);font-weight:700;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.user-info-cell{display:flex;align-items:center;gap:1rem;justify-content:flex-end}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color) 0%,#8b5cf6 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}@media(min-width:768px){.companies-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.settings-card,.add-user-form{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.modal-backdrop{align-items:center;padding:2rem}.manage-modal{max-width:900px;height:85vh;border-radius:20px}.manage-modal-header{padding:1.5rem 2rem}.manage-modal-tabs{padding:0 2rem}.manage-modal-content{padding:2rem}.add-user-form{grid-template-columns:1fr 1fr 1fr 1fr auto;align-items:end}.user-table{display:table}.user-table thead{display:table-header-group}.user-table tbody,.user-table tr{display:table-row-group}.user-table tr{display:table-row;border-bottom:1px solid var(--border-color);padding:0}.user-table th{text-align:left;padding:1rem 1.5rem;background:var(--bg-main);border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;font-weight:700;display:table-cell}.user-table td{display:table-cell;padding:1rem 1.5rem;text-align:left;border-bottom:none}.user-table td:before{display:none}.user-table td:last-child{justify-content:flex-start;padding-top:1rem}.user-info-cell{justify-content:flex-start}}.add-staff-container{display:flex;flex-direction:column;gap:1.25rem;animation:fadeIn .4s ease-out;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden}.staff-form-card{background:var(--bg-card);padding:1.25rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:relative;width:100%;box-sizing:border-box}.staff-form-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.staff-form-header h3{margin:0;font-size:1.15rem;color:var(--text-primary);font-weight:700}.modern-input-wrapper input.form-input{padding-left:2.75rem!important;width:100%;box-sizing:border-box}.permissions-section h4{margin-top:1.5rem;margin-bottom:1rem;font-size:.95rem;color:var(--text-primary);font-weight:700;display:flex;align-items:center;gap:.5rem}.permission-grid{display:grid;grid-template-columns:1fr;gap:.75rem;background:var(--bg-main);padding:1rem;border-radius:12px;border:1px solid var(--border-color)}.permission-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500;color:var(--text-primary);padding:4px 0}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.3s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:var(--accent-color)}input:disabled+.slider{opacity:.5;cursor:not-allowed}.staff-list-card{background:var(--bg-card);padding:1.25rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden;width:100%;box-sizing:border-box}.staff-table-wrapper{overflow-x:hidden;margin-top:1rem;width:100%}.staff-table{width:100%;border-collapse:collapse}.staff-table thead{display:none}.staff-table,.staff-table tbody,.staff-table tr,.staff-table td{display:block;width:100%;box-sizing:border-box}.staff-table tr{background:var(--bg-main);margin-bottom:1rem;border:1px solid var(--border-color);border-radius:12px;padding:1rem}.staff-table td{padding:.75rem 0;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left;color:var(--text-primary);word-break:break-word}.staff-table td:last-child{border-bottom:none;flex-direction:row;justify-content:flex-end;padding-bottom:0;padding-top:1rem}.staff-table td:before{content:attr(data-label);font-weight:700;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.user-identity{display:flex;align-items:center;gap:1rem;width:100%;flex-wrap:nowrap}.user-identity-text{min-width:0;flex:1}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color) 0%,#8b5cf6 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.perm-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border-color);margin:0 6px 6px 0;color:var(--text-secondary)}.btn-edit{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;margin-right:8px;transition:all .2s}.btn-edit:hover{background:var(--bg-main);border-color:var(--text-secondary)}.btn-icon.delete{background:#fef2f2;color:#ef4444;border:1px solid #fecaca;padding:8px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}[data-theme=dark] .btn-icon.delete{background:#ef44441a;border-color:#ef444433}.btn-icon.delete:hover{background:#ef4444;color:#fff}.role-badge{font-size:.75rem;padding:6px 12px;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px}.role-badge.superadmin{background-color:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.role-badge.coadmin{background-color:#3b82f626;color:#2563eb;border:1px solid rgba(59,130,246,.3)}@media(min-width:1024px){.add-staff-container{display:grid;grid-template-columns:380px 1fr;gap:2rem;align-items:start;padding:0}.staff-form-card{padding:1.75rem;border-radius:16px;position:sticky;top:1.5rem}.staff-list-card{padding:1.75rem;border-radius:16px}.staff-form-header h3{font-size:1.25rem}.permission-grid{padding:1.25rem}.staff-table-wrapper{overflow-x:auto}.staff-table{display:table;min-width:600px}.staff-table thead{display:table-header-group}.staff-table tbody,.staff-table tr{display:table-row-group}.staff-table tr{display:table-row;background:transparent;border:none;border-radius:0;padding:0;margin-bottom:0}.staff-table th{text-align:left;padding:1rem;background:var(--bg-main);border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:table-cell}.staff-table td{display:table-cell;padding:1.25rem 1rem;border-bottom:1px solid var(--border-color);vertical-align:middle;flex-direction:row}.staff-table td:last-child{justify-content:flex-end;padding-bottom:1.25rem;padding-top:1.25rem}.staff-table td:before{display:none}.perm-badge{background:var(--bg-main)}}.server-control-container{display:flex;flex-direction:column;gap:1.25rem;animation:fadeIn .4s ease-out;max-width:1600px;margin:0 auto;width:100%}.control-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:1.25rem;display:flex;flex-direction:column;transition:all .3s ease;width:100%}.control-card:hover{box-shadow:var(--shadow-md)}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-header-flex h3{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.15rem;color:var(--text-primary);font-weight:700}.status-card.locked-mode{border:2px solid var(--danger-color);background:#ef444405}[data-theme=dark] .status-card.locked-mode{background:#ef44440d}.status-indicator-box{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.status-dot-large{width:20px;height:20px;border-radius:50%;box-shadow:0 0 12px currentColor;position:relative;flex-shrink:0}.status-dot-large.live{background-color:var(--success-color);color:var(--success-color);animation:pulse-green 2s infinite cubic-bezier(.4,0,.2,1)}.status-dot-large.dead{background-color:var(--danger-color);color:var(--danger-color);animation:pulse-red 2s infinite cubic-bezier(.4,0,.2,1)}@keyframes pulse-green{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 12px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulse-red{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 12px #ef444400}to{box-shadow:0 0 #ef444400}}.btn-massive{width:100%;padding:1.25rem 1rem;border-radius:12px;font-weight:800;font-size:1.05rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem;border:none}.btn-massive.kill{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-massive.kill:hover{background:linear-gradient(135deg,#dc2626,#991b1b);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-massive.revive{background:linear-gradient(135deg,#10b981,#047857);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-massive.revive:hover{background:linear-gradient(135deg,#059669,#065f46);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-action-small{padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap}.btn-action-small:hover{transform:translateY(-1px)}.btn-action-small.pause{background:#f59e0b1a;color:#d97706;border-color:#f59e0b33}.btn-action-small.pause:hover{background:#f59e0b;color:#fff}.btn-action-small.resume{background:#10b9811a;color:var(--success-color);border-color:#10b98133}.btn-action-small.resume:hover{background:var(--success-color);color:#fff}.btn-action-small.ban{background:#ef44441a;color:var(--danger-color);border-color:#ef444433}.btn-action-small.ban:hover{background:var(--danger-color);color:#fff}.btn-action-small.unban{background:var(--bg-main);color:var(--text-primary);border-color:var(--border-color)}.btn-action-small.unban:hover{background:var(--border-color)}.sc-search-wrapper{position:relative;display:flex;align-items:center;width:100%}.sc-search-wrapper svg{position:absolute;left:14px;color:var(--text-secondary);pointer-events:none;z-index:2}.sc-search-wrapper input{width:100%;padding:.75rem;padding-left:2.75rem!important;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-main);color:var(--text-primary);font-size:.95rem;transition:all .2s}.sc-search-wrapper input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb1a}.ip-badge{background:var(--bg-main);border:1px solid var(--border-color);padding:4px 8px;border-radius:6px;font-family:monospace;font-size:.85rem;color:var(--text-primary);display:inline-flex;align-items:center;gap:6px;font-weight:600}.sc-user-identity{display:flex;align-items:center;gap:1rem}.sc-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.control-table-wrapper{overflow-x:auto;margin-top:1rem;-webkit-overflow-scrolling:touch}.control-table-wrapper::-webkit-scrollbar{height:8px}.control-table-wrapper::-webkit-scrollbar-track{background:var(--bg-main);border-radius:8px}.control-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:8px}.control-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.control-table{width:100%;border-collapse:collapse}.control-table thead{display:none}.control-table,.control-table tbody,.control-table tr,.control-table td{display:block;width:100%}.control-table tr{background:var(--bg-main);margin-bottom:1rem;border:1px solid var(--border-color);border-radius:12px;padding:1rem}.control-table td{padding:.75rem 0;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left;color:var(--text-primary)}.control-table td:last-child{border-bottom:none;flex-direction:row;justify-content:flex-end;padding-bottom:0;padding-top:1rem}.control-table td:before{content:attr(data-label);font-weight:700;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}@media(min-width:1024px){.server-control-container{display:grid;grid-template-columns:350px minmax(0,1fr);gap:2rem;align-items:start}.control-card{padding:1.75rem}.sc-search-wrapper{max-width:300px}.control-table-wrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-main);padding:0}.control-table{display:table;min-width:850px}.control-table thead{display:table-header-group}.control-table tbody,.control-table tr{display:table-row-group}.control-table tr{display:table-row;background:transparent;border:none;border-radius:0;padding:0;margin-bottom:0;transition:background-color .2s}.control-table tbody tr:hover{background-color:var(--bg-card)}.control-table th{text-align:left;padding:1rem 1.25rem;background:var(--bg-card);border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:table-cell}.control-table td{display:table-cell;padding:1.25rem;border-bottom:1px solid var(--border-color);vertical-align:middle;flex-direction:row}.control-table td:last-child{justify-content:flex-end;padding-bottom:1.25rem;padding-top:1.25rem}.control-table td:before{display:none}}.create-company-container{display:flex;flex-direction:column;gap:1.25rem;animation:fadeIn .4s ease-out;max-width:1400px;margin:0 auto;width:100%}.company-form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}.form-card{background:var(--bg-card);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;width:100%}.card-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-header h3{margin:0;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700}.card-header p{margin:5px 0 0;color:var(--text-secondary);font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.25rem}.form-group{margin-bottom:1.25rem}.form-group label{display:flex;align-items:center;gap:.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.modern-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.modern-input-wrapper svg{position:absolute;left:14px;color:var(--text-secondary);pointer-events:none;z-index:2}.modern-input-wrapper input,.modern-input-wrapper select{width:100%;padding:.75rem 1rem;padding-left:2.75rem!important;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-main);color:var(--text-primary);font-size:.95rem;transition:all .2s;appearance:none}.modern-input-wrapper select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2364748b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem top 50%;background-size:.65rem auto}.modern-input-wrapper input:focus,.modern-input-wrapper select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb1a}.modern-input-wrapper select:invalid{color:var(--text-secondary)}.plan-selector{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.plan-option{flex:1;border:2px solid var(--border-color);border-radius:12px;padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg-main);display:flex;flex-direction:column;align-items:center;gap:.5rem}.plan-option:hover{border-color:var(--text-secondary);transform:translateY(-2px)}.plan-option.selected{border-color:var(--accent-color);background-color:#2563eb0d;box-shadow:0 4px 12px #2563eb26}.plan-option h4{margin:0;font-size:1.1rem;color:var(--text-primary)}.plan-option span{font-size:.8rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.limits-grid{display:grid;grid-template-columns:1fr;gap:1rem;background:var(--bg-main);padding:1.25rem;border-radius:12px;border:1px solid var(--border-color)}.status-toggle{display:flex;align-items:center;justify-content:space-between;background:var(--bg-main);padding:1.25rem;border-radius:12px;border:1px solid var(--border-color)}@media(min-width:1024px){.company-form-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:2rem}.form-row{grid-template-columns:1fr 1fr;margin-bottom:0}.form-card{padding:2rem}.plan-selector{flex-direction:row}.limits-grid{grid-template-columns:1fr 1fr}}.analytics-container{display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .5s cubic-bezier(.4,0,.2,1);max-width:1600px;margin:0 auto;width:100%;padding-bottom:2rem}.analytics-header{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:.5rem}.analytics-title-group h2{margin:0 0 .25rem;font-size:1.5rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.analytics-title-group p{margin:0;color:var(--text-secondary);font-size:.9rem}.analytics-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.time-filter-group{display:flex;background:var(--bg-card);padding:4px;border-radius:10px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);width:100%}.time-filter-btn{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;font-weight:600;font-size:.85rem;transition:all .2s;text-align:center}.time-filter-btn:hover{color:var(--text-primary)}.time-filter-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px #2563eb40}.kpi-card{background:var(--bg-card);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.kpi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;z-index:2}.kpi-title{color:var(--text-secondary);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.kpi-icon-wrapper{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.kpi-value-row{display:flex;align-items:baseline;gap:.75rem;z-index:2}.kpi-value{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1}.trend-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:20px;font-size:.75rem;font-weight:700}.trend-up{background:#10b98126;color:#10b981}.trend-down{background:#ef444426;color:#ef4444}.trend-neutral{background:var(--bg-main);color:var(--text-secondary)}.sparkline-wrapper{position:absolute;bottom:0;left:0;right:0;height:60px;opacity:.3;z-index:1;pointer-events:none}.charts-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);min-height:420px;min-width:0;position:relative}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.custom-tooltip{background:var(--bg-card);border:1px solid var(--border-color);padding:1rem;border-radius:12px;box-shadow:0 10px 25px -5px #0003;color:var(--text-primary);min-width:150px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tooltip-label{margin:0 0 .75rem;font-weight:700;font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.tooltip-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.9rem}.tooltip-item:last-child{margin-bottom:0}.tooltip-color-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.tooltip-name{color:var(--text-secondary);flex-grow:1}.tooltip-value{font-weight:700;color:var(--text-primary)}@media(min-width:768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.time-filter-group{width:auto}}@media(min-width:1024px){.analytics-header{flex-direction:row;justify-content:space-between;align-items:flex-end}.kpi-grid{grid-template-columns:repeat(4,1fr)}.charts-grid{grid-template-columns:repeat(2,1fr)}.chart-card.full-width{grid-column:1 / -1}}.system-health-container{display:flex;flex-direction:column;gap:1.25rem;animation:fadeIn .4s ease-out;max-width:1600px;margin:0 auto;width:100%;padding-bottom:2rem}.health-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:.5rem}.health-title-group{display:flex;align-items:center;gap:1rem}.health-icon-box{background:var(--bg-card);padding:.75rem;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);color:var(--accent-color);display:flex;align-items:center;justify-content:center}.health-title h1{margin:0;font-size:1.5rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.health-title p{margin:4px 0 0;color:var(--text-secondary);font-size:.9rem}.live-pulse{display:flex;align-items:center;gap:8px;background:#10b9811a;padding:6px 12px;border-radius:20px;border:1px solid rgba(16,185,129,.2);color:var(--success-color);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.pulse-dot{width:8px;height:8px;background-color:var(--success-color);border-radius:50%;box-shadow:0 0 #10b981b3;animation:pulse-ring 2s infinite cubic-bezier(.4,0,.2,1)}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.sh-metrics-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.sh-metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1.25rem;transition:transform .2s,box-shadow .2s}.sh-metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sh-metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sh-metric-info{flex:1}.sh-metric-label{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sh-metric-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-top:4px;line-height:1}.sh-progress-bg{width:100%;height:6px;background:var(--border-color);border-radius:3px;margin-top:10px;overflow:hidden}.sh-progress-fill{height:100%;border-radius:3px;transition:width .5s ease-in-out,background-color .5s}.sh-section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0}.sh-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.sh-section-header h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.sh-endpoint-list{display:flex;flex-direction:column;gap:.75rem}.sh-endpoint-item{display:flex;flex-direction:column;gap:.5rem;background:var(--bg-main);border:1px solid var(--border-color);padding:1rem;border-radius:12px}.sh-ep-top{display:flex;justify-content:space-between;align-items:center}.sh-ep-method{font-size:.75rem;font-weight:800;padding:4px 8px;border-radius:6px;background:#2563eb1a;color:var(--accent-color)}.sh-ep-duration{font-weight:800;color:var(--danger-color);font-size:.9rem}.sh-ep-url{font-family:monospace;font-size:.85rem;color:var(--text-secondary);word-break:break-all}.sh-terminal{background:#0f172a;border-radius:12px;padding:1rem;height:350px;overflow-y:auto;font-family:JetBrains Mono,Courier New,Courier,monospace;font-size:.85rem;line-height:1.5;border:1px solid #334155;box-shadow:inset 0 2px 10px #00000080}.sh-terminal::-webkit-scrollbar{width:8px}.sh-terminal::-webkit-scrollbar-track{background:#0f172a}.sh-terminal::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.sh-terminal::-webkit-scrollbar-thumb:hover{background:#475569}.log-line{margin-bottom:6px;word-break:break-all}.log-timestamp{color:#64748b;margin-right:10px;-webkit-user-select:none;user-select:none}.log-critical{color:#ef4444;font-weight:700}.log-warning{color:#f59e0b}.log-info{color:#10b981}.terminal-header{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1e293b;border-radius:12px 12px 0 0;border:1px solid #334155;border-bottom:none}.term-dot{width:10px;height:10px;border-radius:50%}.term-dot.r{background:#ef4444}.term-dot.y{background:#f59e0b}.term-dot.g{background:#10b981}@media(min-width:768px){.sh-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.health-header{flex-direction:row;justify-content:space-between;align-items:center}.sh-layout-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:start}.sh-endpoint-table{width:100%;border-collapse:collapse}.sh-endpoint-table th{text-align:left;padding:1rem;background:var(--bg-main);border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;font-weight:700}.sh-endpoint-table td{padding:1rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.sh-endpoint-item{display:table-row;background:transparent;border:none;padding:0;border-radius:0}.sh-ep-top,.sh-ep-url{display:table-cell}.sh-ep-duration{display:table-cell;text-align:right}}.manage-ai-dashboard{display:flex;flex-direction:column;gap:1.25rem;animation:fadeIn .4s ease-out;max-width:1600px;margin:0 auto;width:100%}.dashboard-header{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:.5rem}.header-content{display:flex;align-items:center;gap:1rem}.header-icon{background:var(--bg-card);padding:.75rem;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);color:var(--accent-color);display:flex;align-items:center;justify-content:center}.header-title h1{margin:0;font-size:1.5rem;font-weight:800;color:var(--text-primary)}.header-title p{margin:4px 0 0;color:var(--text-secondary);font-size:.9rem}.kill-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;border:none;font-weight:700;cursor:pointer;box-shadow:var(--shadow-md);color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;width:100%}.kill-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.kpi-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.kpi-card{background:var(--bg-card);padding:1.25rem;border-radius:16px;border:1px solid var(--border-color);display:flex;align-items:center;gap:1.25rem;box-shadow:var(--shadow-sm)}.kpi-icon-wrapper{padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.kpi-icon-wrapper.indigo{background:#4f46e51a;color:#4f46e5}.kpi-icon-wrapper.emerald{background:#10b9811a;color:var(--success-color)}.kpi-content .kpi-value{font-size:1.5rem;font-weight:800;line-height:1.2;color:var(--text-primary)}.kpi-content .kpi-label{color:var(--text-secondary);font-size:.85rem;margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.main-content-layout{display:grid;grid-template-columns:1fr;gap:1.25rem}.dashboard-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.section-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.section-header h2{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.model-health-list{display:flex;flex-direction:column;gap:.75rem;max-height:350px;overflow-y:auto;padding-right:.5rem;-webkit-overflow-scrolling:touch}.model-health-list::-webkit-scrollbar{width:6px}.model-health-list::-webkit-scrollbar-track{background:transparent}.model-health-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.model-health-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.model-health-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-main);border-radius:12px;border:1px solid var(--border-color);flex-shrink:0}.model-info-name{font-weight:700;font-size:.95rem;color:var(--text-primary)}.model-info-id{font-size:.75rem;color:var(--text-secondary);font-family:monospace;margin-top:4px}.badge{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge.success{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.badge.error{background:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.badge.neutral{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color)}.tenant-list-scroll{display:flex;flex-direction:column;gap:1rem}.tenant-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-main);transition:all .2s}.tenant-card:hover{border-color:var(--accent-color)}.tenant-main{display:flex;align-items:center;gap:1rem}.tenant-name{margin:0;font-weight:700;color:var(--text-primary);font-size:1.05rem}.tenant-meta{font-size:.85rem;color:var(--text-secondary);margin-top:4px;display:flex;align-items:center;gap:4px}.status-indicator{width:6px;height:36px;border-radius:3px;background:var(--border-color)}.status-indicator.active{background:var(--success-color);box-shadow:0 0 8px #10b98166}.tenant-actions{display:flex;align-items:center;gap:.75rem}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:flex-end}.modal-content{background:var(--bg-card);width:100%;height:90vh;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #0003;display:flex;flex-direction:column;border:1px solid var(--border-color);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.modal-header{padding:1.25rem;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary);display:flex;align-items:center;gap:8px}.modal-header p{margin:4px 0 0;font-size:.85rem;color:var(--text-secondary)}.modal-body{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;background:var(--bg-main);-webkit-overflow-scrolling:touch}.modal-actions{padding:1.25rem;background:var(--bg-card);border-top:1px solid var(--border-color);display:flex;gap:1rem;flex-shrink:0}.modal-actions button{flex:1}.control-group,.input-row{background:var(--bg-card);border:1px solid var(--border-color);padding:1.25rem;border-radius:12px;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm)}.control-header{display:flex;align-items:flex-start;gap:1rem;width:100%}.input-field{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;width:100%;text-align:left;font-weight:600;background:var(--bg-main);color:var(--text-primary);font-size:1rem}.input-field:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb1a}.model-config-list{display:flex;flex-direction:column;gap:.75rem}.model-config-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.model-config-header{display:flex;justify-content:space-between;align-items:flex-start}.model-config-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-color);padding-top:1rem;gap:1rem}@media(min-width:1024px){.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center}.kill-btn{width:auto}.kpi-grid{grid-template-columns:repeat(2,1fr)}.main-content-layout{grid-template-columns:380px 1fr;align-items:start;gap:2rem}.section-header{flex-direction:row;justify-content:space-between;align-items:center}.tenant-list-scroll{max-height:600px;overflow-y:auto;padding-right:.5rem}.tenant-list-scroll::-webkit-scrollbar{width:6px}.tenant-list-scroll::-webkit-scrollbar-track{background:transparent}.tenant-list-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.tenant-list-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.modal-overlay{align-items:center;padding:2rem}.modal-content{max-width:800px;height:85vh;border-radius:20px}.modal-header,.modal-body,.modal-actions{padding:1.5rem 2rem}.control-group,.input-row{flex-direction:row;align-items:center;justify-content:space-between}.input-field{width:150px;text-align:center}.modal-actions{justify-content:flex-end}.modal-actions button{flex:none;min-width:150px}.model-config-card{flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem 1.25rem}.model-config-header{flex:1;align-items:center}.model-config-controls{border-top:none;padding-top:0;justify-content:flex-end;flex:1}}.manage-demo-container{padding:1rem;animation:fadeIn .3s ease-in-out}.demo-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.demo-header-info h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.demo-header-info p{margin:5px 0 0;color:var(--text-secondary)}.demo-actions{display:flex;gap:1rem}.demo-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.table-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.table-responsive{overflow-x:auto;width:100%}.demo-table{width:100%;border-collapse:collapse;min-width:900px;font-size:.95rem}.demo-table thead tr{background-color:var(--bg-main);border-bottom:2px solid var(--border-color);text-align:left}.demo-table th{padding:1rem 1.5rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.demo-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.demo-table tbody tr:hover{background-color:var(--bg-main)}.demo-table td{padding:1rem 1.5rem;color:var(--text-primary);vertical-align:middle}.demo-meta{font-size:.8rem;color:var(--text-secondary);margin-top:4px}.badge-active{background-color:#10b9811a;color:var(--success-color);padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:5px}.badge-expired{background-color:var(--bg-main);color:var(--text-secondary);padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid var(--border-color)}.plan-tag{font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:700;text-transform:uppercase;margin-left:5px}.plan-basic{background:#0284c726;color:#38bdf8;border:1px solid rgba(2,132,199,.3)}.plan-pro{background:#9333ea26;color:#c084fc;border:1px solid rgba(147,51,234,.3)}.plan-enterprise{background:#ea580c26;color:#fb923c;border:1px solid rgba(234,88,12,.3)}.time-critical{color:var(--danger-color);font-weight:700}.time-safe{color:var(--success-color);font-weight:600}.empty-state{padding:4rem;text-align:center;color:var(--text-secondary);font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lockdown-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-family:Inter,system-ui,-apple-system,sans-serif}.lockdown-card{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-align:center;max-width:500px;width:90%;border:1px solid #e5e7eb;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.lockdown-icon-container{position:relative;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#fee2e2;border-radius:50%;color:#ef4444;font-size:2.5rem}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #ef4444;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(1.6);opacity:0}}.lockdown-card h1{color:#111827;font-size:1.5rem;margin-bottom:.5rem;font-weight:700}.lockdown-desc{color:#6b7280;font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.lockdown-alert-box{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:8px;font-size:.9rem;display:flex;gap:10px;align-items:flex-start;text-align:left;margin-bottom:2rem}.retry-btn{background-color:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;width:100%;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.retry-btn:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.retry-btn:disabled{background-color:#93c5fd;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.status-feedback{margin-top:1rem;font-size:.85rem;color:#059669;height:20px;transition:opacity .3s;font-weight:600}.error-code{margin-top:1.5rem;font-size:.75rem;color:#9ca3af;font-family:monospace;text-transform:uppercase;letter-spacing:1px}:root{--primary: #4f46e5;--primary-hover: #4338ca;--bg-overlay: rgba(0, 0, 0, .6);--bg-card: #ffffff;--bg-sidebar: #f8fafc;--bg-content: #ffffff;--bg-item-hover: #f1f5f9;--bg-input: #ffffff;--border: #e2e8f0;--text-main: #0f172a;--text-sub: #64748b;--danger: #ef4444;--success: #10b981;--radius-modal: 20px;--radius-elem: 12px;--shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-overlay: rgba(0, 0, 0, .85);--bg-card: #1e293b;--bg-sidebar: #0f172a;--bg-content: #1e293b;--bg-item-hover: #334155;--bg-input: #1e293b;--border: #334155;--text-main: #f1f5f9;--text-sub: #94a3b8}@keyframes modalEnter{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease-out;padding:20px}.settings-modal-card{display:flex;width:950px;height:750px;max-width:95vw;max-height:90vh;background:var(--bg-card);border-radius:var(--radius-modal);box-shadow:var(--shadow-modal);overflow:hidden;border:1px solid var(--border);animation:modalEnter .3s cubic-bezier(.16,1,.3,1);position:relative;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-main)}.settings-sidebar{width:260px;background:var(--bg-sidebar);border-right:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.settings-logo{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:2rem;display:flex;align-items:center;gap:8px}.nav-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:var(--radius-elem);color:var(--text-sub);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s}.nav-btn:hover{background:var(--bg-item-hover);color:var(--text-main)}.nav-btn.active{background:var(--bg-content);color:var(--primary);font-weight:600;box-shadow:var(--shadow-sm)}.nav-icon{font-size:1.2rem}.settings-content{flex:1;display:flex;flex-direction:column;background:var(--bg-content);position:relative;overflow:hidden}.desktop-close-btn{position:absolute;top:15px;right:15px;width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-item-hover);color:var(--text-sub);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:50}.desktop-close-btn:hover{background:var(--danger);color:#fff;transform:rotate(90deg)}.scroll-area{flex:1;overflow-y:auto;padding:3rem;scroll-behavior:smooth}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.section-header p{margin:0;color:var(--text-sub);font-size:.95rem}.segment-container{background:var(--bg-sidebar);padding:4px;border-radius:12px;display:flex;gap:4px;border:1px solid var(--border);margin-bottom:2rem}.segment-btn{flex:1;padding:10px;border:none;background:transparent;border-radius:8px;color:var(--text-sub);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.segment-btn.active{background:var(--bg-card);color:var(--primary);font-weight:600;box-shadow:var(--shadow-sm)}.tax-input-group{display:flex;gap:1rem;align-items:flex-end;background:var(--bg-sidebar);padding:1.5rem;border-radius:var(--radius-elem);border:1px solid var(--border)}.tax-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.tax-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.fields-container{display:flex;flex-direction:column;gap:.75rem}.field-item{display:flex;align-items:center;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-elem);transition:.2s;gap:1rem}.field-item:hover{border-color:var(--primary)}.field-item.dimmed{opacity:.6;background:var(--bg-sidebar)}.field-drag{display:flex;flexDirection:column;gap:2px;color:var(--text-sub)}.move-btn{border:none;background:transparent;padding:4px;cursor:pointer;color:var(--text-sub);display:flex;border-radius:4px}.move-btn:hover{background:var(--bg-item-hover);color:var(--text-main)}.field-info{flex:1}.field-badges{display:flex;gap:6px;margin-top:4px}.badge{font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.badge-type{background:var(--bg-item-hover);color:var(--text-sub)}.badge-opts{background:#4f46e51a;color:var(--primary)}.field-actions{display:flex;gap:1.5rem;align-items:center}.action-group{display:flex;flex-direction:column;align-items:center;gap:4px}.action-label{font-size:.65rem;font-weight:700;color:var(--text-sub);text-transform:uppercase}.switch{position:relative;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:var(--border);border-radius:20px;transition:.3s}.slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 2px #0003}input:checked+.slider{background:var(--primary)}input:checked+.slider:before{transform:translate(20px)}.add-field-panel{margin-top:1.5rem;padding:1.5rem;border:1px solid var(--primary);background:#4f46e508;border-radius:var(--radius-elem)}.settings-footer{padding:1.5rem 3rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:1rem;background:var(--bg-content);flex-shrink:0}.btn-secondary{padding:12px 20px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-weight:500;cursor:pointer}.btn-primary{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px #4f46e54d;transition:.2s}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-danger{width:36px;height:36px;border:none;background:#ef44441a;color:var(--danger);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.btn-danger:hover{background:var(--danger);color:#fff}.mobile-header{display:none}@media(max-width:768px){.modal-overlay{padding:0;align-items:flex-end;background:#00000080}.settings-modal-card{width:100%;height:94dvh;max-height:none;border-radius:24px 24px 0 0;flex-direction:column;border:none;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.desktop-close-btn{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.mobile-drag-bar{position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--border);border-radius:10px}.settings-sidebar{width:100%;padding:.5rem 1rem;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto;gap:.5rem;background:var(--bg-card);flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none}.settings-sidebar::-webkit-scrollbar{display:none}.settings-logo{display:none}.nav-btn{flex:0 0 auto;width:auto;padding:8px 16px;font-size:.9rem;border-radius:100px;background:var(--bg-item-hover)}.nav-btn.active{background:var(--text-main);color:var(--bg-card)}.nav-icon{display:none}.settings-content{height:100%;min-height:0}.scroll-area{padding:1.5rem 1.25rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.field-item{flex-wrap:wrap;gap:.5rem;padding:12px}.field-info{width:100%;order:1;margin-bottom:4px}.field-drag{order:2;flex-direction:row}.field-actions{order:3;margin-left:auto;gap:1rem}.tax-input-group{flex-direction:column;align-items:stretch}.settings-footer{padding:1rem 1.25rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));border-top:1px solid var(--border);justify-content:space-between}.btn-secondary{display:none}.btn-primary{width:100%;padding:14px;font-size:1rem}}.user-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2200}.user-modal-card{background:var(--bg-card);width:90%;max-width:950px;height:85vh;border-radius:16px;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:scaleIn .2s ease-out;position:relative}.user-modal-header{padding:1.5rem;background:var(--bg-sidebar);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.user-modal-body{flex:1;overflow-y:auto;padding:1.5rem;display:flex;gap:2rem;position:relative}.add-user-section{flex:1;background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border);height:fit-content;transition:all .3s ease}.user-form-group{margin-bottom:1rem}.user-form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--text-sub)}.user-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-main);font-size:.95rem;outline:none;transition:.2s}.user-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.user-list-section{flex:1.5;transition:flex .3s ease}.user-list-section.full-width{flex:1}.user-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);padding:1rem;border-radius:12px;border:1px solid var(--border);margin-bottom:.8rem;transition:.2s}.user-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.user-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:12px;color:#475569;font-weight:600}.user-info h4{margin:0;font-size:1rem;color:var(--text-main)}.user-info span{font-size:.8rem;color:var(--text-sub)}.role-badge{font-size:.75rem;padding:2px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;margin-left:8px}.role-owner{background:#eab3081a;color:#ca8a04}.role-manager{background:#8b5cf61a;color:#8b5cf6}.role-staff{background:#10b9811a;color:#10b981}.paused-user{opacity:.7;background:var(--bg-sidebar);border-style:dashed}.user-actions{display:flex;gap:8px}.action-icon-btn{width:32px;height:32px;border-radius:6px;border:1px solid transparent;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-sub);transition:.2s}.action-icon-btn:hover{background:var(--bg-item-hover);color:var(--text-main)}.action-icon-btn.delete:hover{background:#fee2e2;color:#ef4444}@media(max-width:768px){.user-modal-body{flex-direction:column}.user-modal-card{height:100vh;width:100%;border-radius:0}}.edit-panel-overlay{position:absolute;inset:0;background:#0003;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s}.edit-panel-overlay.open{opacity:1;pointer-events:auto}.edit-panel-container{position:absolute;top:0;right:0;bottom:0;width:450px;max-width:90%;background:var(--bg-card);border-left:1px solid var(--border);box-shadow:-10px 0 30px #00000026;z-index:20;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.edit-panel-container.open{transform:translate(0)}.edit-panel-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;background:var(--bg-sidebar)}.edit-panel-body{flex:1;overflow-y:auto;padding:1.5rem}.edit-panel-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-sidebar);display:flex;justify-content:flex-end;gap:1rem}.permission-section{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.permission-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.permission-row:last-child{border-bottom:none}.perm-info{flex:1;padding-right:15px}.perm-title{display:block;font-weight:500;font-size:.9rem;color:var(--text-main);margin-bottom:2px}.perm-desc{display:block;font-size:.75rem;color:var(--text-sub);line-height:1.3}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}input:checked+.toggle-slider{background-color:var(--primary)}input:checked+.toggle-slider:before{transform:translate(20px)}.status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-active{background:#10b9811a;color:#10b981}.status-suspended{background:#ef44441a;color:#ef4444}@media(max-width:600px){.edit-panel-container{width:100%}}.actions-cell{display:flex;gap:8px;justify-content:flex-end;align-items:center}.action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;padding:0;flex-shrink:0}.action-btn svg{width:20px!important;height:20px!important;stroke-width:2px;pointer-events:none;display:block}.action-btn.sell{color:var(--warning);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.action-btn.sell:hover{background:var(--warning);color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #f59e0b4d}.action-btn.edit{color:var(--primary);background:#4f46e51a;border:1px solid rgba(79,70,229,.2)}.action-btn.edit:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #4f46e54d}.action-btn.delete{color:var(--danger);background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.action-btn.delete:hover{background:var(--danger);color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #ef44444d}.action-btn[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:110%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:4px 8px;font-size:.75rem;font-weight:600;border-radius:4px;white-space:nowrap;z-index:50;pointer-events:none;opacity:0;animation:tooltipFade .2s forwards}@keyframes tooltipFade{to{opacity:1;transform:translate(-50%) translateY(-2px)}}@media(max-width:600px){.action-btn{width:40px;height:40px}.action-btn svg{width:22px!important;height:22px!important}}.scanner-overlay{position:fixed;inset:0;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.scanner-popup{position:relative;width:95%;max-width:700px;background:#000;border-radius:16px;overflow:hidden;border:1px solid #333;box-shadow:0 25px 60px #0009}.scanner-viewport{position:relative;width:100%;height:450px;background:#000;overflow:hidden}.scanner-video-container video{width:100%!important;height:100%!important;object-fit:contain}#reader-full-port img,#reader-full-port div[style*=font-size]{display:none!important}.scan-guide-box.wide-mode{position:absolute;top:50%;left:0;right:0;height:100px;transform:translateY(-50%);border-top:2px solid rgba(239,68,68,.4);border-bottom:2px solid rgba(239,68,68,.4);background:#ff00000d;pointer-events:none}.laser-line{position:absolute;top:50%;left:0;right:0;height:2px;background:#ef4444;box-shadow:0 0 15px #ef4444;animation:scan 2s infinite}@keyframes scan{0%,to{opacity:.5}50%{opacity:1;box-shadow:0 0 25px #ef4444}}.verify-badge{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fbbf24;padding:5px 12px;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid #fbbf24;z-index:10}.scanner-footer{padding:1.5rem;background:#111;color:#fff;display:flex;flex-direction:column;align-items:center;gap:15px;border-top:1px solid #222}.zoom-control{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:8px}.zoom-control span{font-size:.8rem;font-weight:700;color:#3b82f6;text-transform:uppercase}.zoom-control input[type=range]{width:100%;cursor:pointer;accent-color:#3b82f6}.btn-upload{background:#222;color:#ddd;border:1px solid #444;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s;font-size:.9rem}.btn-upload:hover{background:#333;color:#fff;border-color:#666}.btn-close-scanner{position:absolute;top:15px;right:15px;width:38px;height:38px;border-radius:50%;background:#ffffff26;color:#fff;border:none;cursor:pointer;z-index:50;font-size:1.1rem;transition:all .2s}.btn-close-scanner:hover{background:#ef4444;transform:rotate(90deg)}.scanner-loading,.scanner-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff;z-index:20}.spinner{width:45px;height:45px;border:4px solid rgba(255,255,255,.2);border-top-color:#ef4444;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.scanner-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000}.scanner-content{background:#fff;padding:1rem;border-radius:12px;width:90%;max-width:500px;position:relative}.scanner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333}.scanner-hint{text-align:center;margin-top:1rem;color:#666;font-size:.9rem}.modal-backdrop{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99999!important;display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem;overflow-y:auto}.modal-container{background:var(--bg-card);width:100%;max-width:800px;max-height:90dvh;margin:auto;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden;position:relative;border:1px solid var(--border)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;background:var(--bg-app)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-main)}.btn-close-modal{background:transparent;border:none;cursor:pointer;color:var(--text-light);padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close-modal:hover{background:#0000000d;color:var(--danger)}.modal-body{padding:2rem;overflow-y:auto;flex:1}.animate-scale-in{animation:scaleIn .2s ease-out}.form-grid-layout{display:flex;flex-direction:column;gap:1.2rem}.form-row-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-light);margin-bottom:.4rem}.form-group input,.form-group select{width:100%;padding:.7rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:.95rem}.barcode-wrapper{display:flex;align-items:stretch;gap:.8rem}.barcode-input-container{position:relative;flex:1}.scanner-icon-inside{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-light);cursor:pointer;padding:4px}.scanner-icon-inside:hover{color:var(--primary)}.btn-auto-id{white-space:nowrap;padding:0 1rem;background:var(--bg-app);border:1px solid var(--border);color:var(--primary);border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer}.btn-auto-id:hover{border-color:var(--primary);background:var(--bg-card)}.modal-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:1rem}.btn-cancel{padding:.6rem 1.2rem;background:transparent;border:1px solid var(--border);color:var(--text-light);border-radius:6px;cursor:pointer}.btn-save{padding:.6rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}@media(max-width:600px){.form-row-split{grid-template-columns:1fr;gap:1rem}.modal-body{padding:1.2rem}.barcode-wrapper{flex-direction:column}.btn-auto-id{height:40px}.modal-backdrop{padding:70px .5rem 1rem}.modal-container{max-height:calc(100dvh - 80px);height:auto;border-radius:16px}}.smart-input-wrapper{position:relative;width:100%}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;max-height:150px;overflow-y:auto;z-index:50;box-shadow:0 4px 6px #0000001a;list-style:none;padding:0;margin:0}.suggestion-item{padding:.8rem 1rem;cursor:pointer;font-size:.95rem;color:var(--text-main);border-bottom:1px solid var(--border)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background:var(--bg-app);color:var(--primary)}.suggestion-item strong{color:var(--primary)}.export-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.export-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:450px;padding:1.5rem;box-shadow:0 10px 25px #0000001a;color:var(--text-main);display:flex;flex-direction:column;gap:1.5rem}.export-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:1rem}.export-header h3{margin:0;font-size:1.1rem;display:flex;align-items:center;gap:8px}.export-close{background:none;border:none;cursor:pointer;color:var(--text-light);font-size:1.2rem;padding:4px;border-radius:4px}.export-close:hover{background:var(--bg-main);color:var(--text-main)}.export-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.export-option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:1.2rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-main);cursor:pointer;transition:all .2s;color:var(--text-main);text-align:center}.export-option-btn span{font-weight:500;font-size:.95rem}.export-option-btn:hover{border-color:var(--primary);background:var(--bg-card);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.export-option-btn svg{margin-bottom:4px}.export-formats{display:flex;flex-direction:column;gap:.8rem;animation:slideUp .2s ease-out}.format-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:.2s}.format-btn.pdf{background:#fee2e2;color:#b91c1c}.format-btn.pdf:hover{background:#fecaca}.format-btn.excel{background:#dcfce7;color:#15803d}.format-btn.excel:hover{background:#bbf7d0}.loading-spinner-sm{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.back-link{font-size:.85rem;color:var(--text-light);cursor:pointer;text-align:center;text-decoration:underline;margin-top:-10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--et-sidebar-width: 380px;--et-bg-canvas: #e5e7eb;--et-bg-panel: #ffffff;--et-border: #d1d5db;--et-primary: #2563eb;--et-text-main: #111827;--et-text-sub: #4b5563;--et-radius: 6px}.edit-template-container{display:flex;height:100vh;width:100%;overflow:hidden;background-color:var(--et-bg-canvas);font-family:Inter,system-ui,-apple-system,sans-serif}.et-sidebar{width:var(--et-sidebar-width);background:var(--et-bg-panel);border-right:1px solid var(--et-border);display:flex;flex-direction:column;z-index:10;flex-shrink:0;box-shadow:2px 0 10px #0000000d}.et-sidebar-header{padding:1.25rem;border-bottom:1px solid var(--et-border);background:#fff}.et-sidebar-header h2{font-size:1.2rem;font-weight:700;color:var(--et-text-main);display:flex;align-items:center;gap:.5rem;margin:0}.et-scroll-area{flex:1;overflow-y:auto;padding:1rem}.et-section{margin-bottom:1rem;background:#fff;border:1px solid var(--et-border);border-radius:var(--et-radius);overflow:hidden}.et-section-header{padding:.8rem 1rem;background:#f9fafb;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.95rem;color:var(--et-text-main);-webkit-user-select:none;user-select:none;transition:background .15s}.et-section-header:hover{background:#f3f4f6}.et-section.open .et-section-header{background:#eff6ff;color:var(--et-primary);border-bottom:1px solid var(--et-border)}.et-section-body{padding:1rem;background:#fff}.et-form-group{margin-bottom:1rem}.et-form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--et-text-sub);margin-bottom:.4rem}.et-input,.et-textarea,.et-select{width:100%;padding:.6rem;border:1px solid var(--et-border);border-radius:4px;font-size:.95rem;color:var(--et-text-main);background:#fff}.et-input:focus,.et-textarea:focus,.et-select:focus{border-color:var(--et-primary);outline:none;box-shadow:0 0 0 2px #2563eb1a}.et-textarea{min-height:80px;resize:vertical}.et-color-row{display:flex;align-items:center;gap:10px}.et-color-input{width:40px;height:40px;border:none;border-radius:4px;cursor:pointer;padding:0}.et-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px dashed #e5e7eb}.et-toggle-row:last-child{border-bottom:none}.et-switch{position:relative;display:inline-block;width:40px;height:22px}.et-switch input{opacity:0;width:0;height:0}.et-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:22px}.et-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.et-slider{background-color:var(--et-primary)}input:checked+.et-slider:before{transform:translate(18px)}.et-preview-area{flex:1;display:flex;flex-direction:column;background-color:#94a3b8;position:relative;overflow:hidden}.et-preview-toolbar{padding:.8rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--et-border);flex-shrink:0}.et-paper-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem;display:flex;justify-content:center;align-items:flex-start}.et-paper{background:#fff;box-shadow:0 4px 20px #0003;box-sizing:border-box;display:block;margin:0 auto 2rem}.et-paper.a4{width:210mm;max-width:100%;min-height:297mm}.et-paper.thermal{width:80mm;min-height:auto;margin-bottom:2rem}.et-sidebar-footer{padding:1rem;background:#fff;border-top:1px solid var(--et-border);display:flex;justify-content:flex-end;gap:.8rem}.et-btn{padding:.7rem 1.2rem;border-radius:4px;font-weight:600;cursor:pointer;border:none;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.et-btn-primary{background:var(--et-primary);color:#fff}.et-btn-primary:hover{background:#1d4ed8}.et-btn-secondary{background:#fff;border:1px solid var(--et-border);color:var(--et-text-main)}:root{--pos-bg: var(--bg-app)}.pos-layout{display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden;background:var(--pos-bg);padding:1rem;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-main);transition:background-color .3s ease,color .3s ease}.pos-top-bar{margin-bottom:1rem;display:flex;gap:1rem;align-items:center;flex-shrink:0;height:50px}.pos-search-wrapper{flex:1;display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:0 16px;box-shadow:var(--shadow-sm);transition:all .2s;height:48px}.pos-search-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.pos-search-input{border:none;outline:none;flex:1;font-size:1rem;color:var(--text-main);background:transparent;padding-left:10px}.pos-search-input::placeholder{color:var(--text-muted)}.pos-search-icon,.pos-search-action-icon{color:var(--text-muted)}.pos-search-action-icon{font-size:1.2rem;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.pos-search-action-icon:hover{color:var(--primary)}.mobile-pos-tabs{display:none}.pos-workspace{display:flex;flex:1;gap:1.5rem;height:100%;overflow:hidden}.pos-products-area{flex:2;display:flex;flex-direction:column;overflow:hidden}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;overflow-y:auto;padding:4px 4px 80px}.pos-product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;height:160px;position:relative;box-shadow:var(--shadow)}.pos-product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--primary)}.pos-product-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary);background:var(--bg-subtle)}[data-theme=dark] .pos-product-card.selected{background:#3b82f626}.pos-product-card.out-stock{opacity:.6;filter:grayscale(1);background:var(--bg-app);pointer-events:none}.pos-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:4px}.pos-card-emoji{font-size:2.2rem;background:var(--bg-app);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border)}.pos-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.stock-badge{font-size:.7rem;background:var(--bg-app);padding:4px 8px;border-radius:20px;color:var(--text-muted);font-weight:600;white-space:nowrap;border:1px solid var(--border)}.btn-batch-inline{background:var(--bg-subtle);border:1px solid var(--primary);color:var(--primary);font-size:.7rem;padding:2px 8px;border-radius:12px;cursor:pointer;font-weight:700;transition:all .2s}.btn-batch-inline:hover{background:var(--primary);color:#fff}.pos-card-title{font-weight:600;font-size:.9rem;color:var(--text-main);line-height:1.3;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pos-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.pos-card-price{font-size:1.1rem;font-weight:700;color:var(--primary)}.pos-unit{font-size:.75rem;color:var(--text-muted)}.pos-cart-panel{flex:1;min-width:350px;max-width:420px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow)}.cart-header{padding:1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-subtle)}.cart-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-main)}.cart-customer-row{padding:10px;background:var(--bg-app);border-bottom:1px solid var(--border);display:flex;gap:8px}.cart-items-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--bg-card)}.cart-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.cart-item{display:flex;align-items:center;padding:10px;border-radius:8px;border:1px solid var(--border);gap:12px;background:var(--bg-subtle);transition:all .2s}.cart-item:hover{border-color:var(--primary);box-shadow:0 2px 4px #0000001a}.cart-item-img{width:40px;height:40px;background:var(--bg-app);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:1px solid var(--border)}.cart-item-info{flex:1;min-width:0}.item-name{font-weight:600;font-size:.9rem;color:var(--text-main);display:block;margin-bottom:2px}.item-meta{font-size:.75rem;color:var(--text-muted)}.cart-qty-ctrl{display:flex;align-items:center;background:var(--bg-app);border-radius:6px;padding:2px;border:1px solid var(--border)}.btn-qty{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-card);border-radius:4px;cursor:pointer;color:var(--text-main);box-shadow:0 1px 1px #0000000d;transition:all .1s}.btn-qty:hover{background:var(--primary);color:#fff}.btn-qty:active{transform:scale(.95)}.qty-display{font-size:.85rem;font-weight:600;min-width:30px;text-align:center;padding:0 4px;cursor:pointer;color:var(--text-main)}.qty-display:hover{color:var(--primary);text-decoration:underline}.item-total-price{font-weight:700;color:var(--text-main);font-size:.95rem;min-width:60px;text-align:right}.btn-trash{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;margin-left:4px;transition:color .2s}.btn-trash:hover{color:var(--danger)}.cart-footer{padding:1rem;background:var(--bg-card);border-top:1px solid var(--border);box-shadow:0 -4px 20px #0000000d;z-index:10}.bill-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-muted);margin-bottom:6px}.bill-total{display:flex;justify-content:space-between;align-items:center;margin:12px 0;padding:12px 0;border-top:1px dashed var(--border);border-bottom:1px dashed var(--border)}.total-amount{font-size:1.4rem;font-weight:800;color:var(--primary)}.checkout-actions{display:flex;gap:10px}.btn-payout-print,.btn-payout-whatsapp{flex:1;padding:12px;border-radius:8px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;transition:transform .1s}.btn-payout-print{background:var(--text-main)}[data-theme=dark] .btn-payout-print{background:var(--primary)}.btn-payout-print:hover:not(:disabled){opacity:.9}.btn-payout-whatsapp{background:#22c55e}.btn-payout-whatsapp:hover:not(:disabled){background:#16a34a}.btn-payout-print:disabled,.btn-payout-whatsapp:disabled{opacity:.5;cursor:not-allowed}.qty-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.qty-modal-card{background:var(--bg-card);width:90%;max-width:400px;border-radius:16px;box-shadow:var(--shadow-hover);padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem;border:1px solid var(--border);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.qty-modal-header{text-align:center}.qty-modal-title{font-size:1.25rem;font-weight:800;color:var(--text-main);margin:0}.qty-modal-subtitle{font-size:.9rem;color:var(--text-muted);margin-top:4px}.qty-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.btn-preset{background:var(--bg-app);border:1px solid var(--border);color:var(--text-main);padding:12px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.btn-preset:hover{background:var(--bg-hover);transform:translateY(-1px);border-color:var(--primary)}.qty-input-wrapper{position:relative}.qty-input{width:100%;font-size:2rem;font-weight:700;text-align:center;padding:1rem;border:2px solid var(--border);border-radius:12px;color:var(--primary);background:var(--bg-card);outline:none;transition:border-color .2s;box-sizing:border-box}.qty-input:focus{border-color:var(--primary)}.qty-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-cancel,.btn-confirm{padding:14px;border-radius:10px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:transform .1s}.btn-cancel{background:var(--bg-app);color:var(--text-muted);border:1px solid var(--border)}.btn-cancel:hover{background:var(--bg-hover)}.btn-confirm{background:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #6366f166}.btn-confirm:hover{background:var(--primary-hover);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.pos-layout{height:100vh;padding:0;width:100%;overflow-x:hidden;box-sizing:border-box}.pos-workspace{flex-direction:column;gap:0;width:100%;overflow-x:hidden}.pos-products-area{border-bottom:1px solid var(--border);width:100%;box-sizing:border-box}.pos-cart-panel{border:none;border-radius:0;min-width:100%;max-width:100%;width:100%;box-sizing:border-box;overflow-x:hidden}.cart-item{display:grid;grid-template-columns:40px 1fr auto;grid-template-areas:"img info trash" "img controls price";gap:6px 12px;padding:12px 10px;align-items:center}.cart-item-img{grid-area:img;margin:0}.cart-item-info{grid-area:info;min-width:0}.cart-qty-ctrl{grid-area:controls;justify-self:start}.item-total-price{grid-area:price;text-align:right;min-width:auto}.btn-trash{grid-area:trash;justify-self:end;margin:0}.item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}.hidden-mobile{display:none!important}.mobile-pos-tabs{display:flex;padding:8px;gap:8px;background:var(--bg-card);border-bottom:1px solid var(--border);width:100%;box-sizing:border-box}.pos-tab{flex:1;padding:10px;text-align:center;border-radius:8px;background:var(--bg-app);font-weight:600;color:var(--text-muted);border:none;cursor:pointer}.pos-tab.active{background:var(--text-main);color:var(--bg-card)}}.warehouse-container{padding:1.5rem;max-width:1200px;margin:0 auto;animation:fadeIn .4s ease-in-out;padding-bottom:80px}.wh-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:nowrap}.wh-search-wrapper{flex:1;position:relative;min-width:150px}.wh-search-wrapper .smart-search-input{width:100%;background:var(--bg-card);color:var(--text-main);border-color:var(--border)}.btn-primary-action{white-space:nowrap;flex-shrink:0;margin-left:auto}.wh-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.wh-kpi-card{background:var(--bg-card);padding:1.25rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:100px}.wh-kpi-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem}.wh-kpi-value{font-size:1.75rem;font-weight:800;color:var(--text-main);line-height:1.1}.wh-smart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.wh-smart-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:1.25rem;cursor:pointer;transition:transform .2s;color:var(--text-main)}.wh-smart-card:active{transform:scale(.98)}.wh-card-header{display:flex;justify-content:space-between;margin-bottom:1rem}.wh-icon-box{width:42px;height:42px;background:var(--bg-subtle);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--text-main)}.wh-card-title{font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0}.wh-card-location{font-size:.9rem;color:var(--text-muted);margin-top:4px;display:flex;align-items:center;gap:4px}.wh-list-container{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);overflow:hidden}.wh-list-header{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr 1fr 1fr;padding:1rem 1.5rem;background:var(--bg-subtle);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.wh-list-row{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr 1fr 1fr;padding:1rem 1.5rem;align-items:center;border-bottom:1px solid var(--border);background:var(--bg-card);transition:background .2s;color:var(--text-main)}.wh-list-row:last-child{border-bottom:none}.wh-list-row:hover{background:var(--bg-hover)}.cell-name{display:flex;align-items:center;gap:12px}.cell-name .icon{width:40px;height:40px;background:var(--bg-app);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.cell-name .text-wrap{display:flex;flex-direction:column}.cell-name h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-main)}.cell-name small{font-size:.75rem;color:var(--text-muted)}.cell-cat{font-size:.9rem;color:var(--text-muted)}.cell-stock{font-weight:600;color:var(--text-main);font-size:.95rem}.cell-stock small{font-weight:400;color:var(--text-muted);font-size:.8rem;margin-left:2px}.cell-price{font-weight:500;font-size:.95rem;color:var(--text-main)}.cell-value{font-weight:700;color:var(--text-muted);font-size:.9rem}.wh-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;display:inline-block}.wh-badge.success{background:#10b9811a;color:#10b981}.wh-badge.warning{background:#f59e0b1a;color:#f59e0b}.wh-badge.danger{background:#ef44441a;color:#ef4444}.mobile-status{display:none}@media(max-width:768px){.warehouse-container{padding:1rem}.wh-kpi-row{grid-template-columns:1fr 1fr;gap:.8rem}.wh-kpi-row>div:nth-child(3){grid-column:span 2}.wh-mobile-controls-row{flex-direction:column!important;align-items:stretch!important}.wh-mobile-search{width:100%!important}.wh-mobile-toggles{display:flex;justify-content:space-between;width:100%}.wh-list-header{display:none}.wh-list-row{grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.cell-name{grid-column:span 2;justify-content:space-between;width:100%}.cell-cat,.cell-value,.cell-status{display:none}.cell-stock,.cell-price{display:flex;flex-direction:column}.cell-stock:before{content:"Stock";font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.cell-price:before{content:"Price";font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.mobile-status{display:block}}.bill-page{background:#f1f5f9;min-height:100vh;display:flex;justify-content:center;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.bill-container{background:#fff;width:100%;max-width:800px;padding:3rem;border-radius:16px;box-shadow:0 10px 40px #00000014;color:#334155;position:relative;box-sizing:border-box}.bill-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px dashed #e2e8f0}.company-title{font-size:2.2rem;font-weight:800;color:#0f172a;margin:0 0 5px;letter-spacing:-.5px}.bill-meta{display:flex;justify-content:space-between;margin-top:2rem;gap:20px}.meta-group h4{margin:0 0 6px;color:#64748b;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.meta-group p{margin:0;font-weight:600;font-size:1rem;line-height:1.4;color:#1e293b}.bill-table{width:100%;border-collapse:collapse;margin:2rem 0;table-layout:fixed}.bill-table th{text-align:left;padding:12px;background:#f8fafc;color:#64748b;font-weight:700;font-size:.9rem;border-bottom:2px solid #e2e8f0;white-space:nowrap}.bill-table td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:.95rem;vertical-align:top;word-wrap:break-word}.col-right{text-align:right}.bill-table th:nth-child(1){width:45%}.bill-table th:nth-child(2){width:15%}.bill-table th:nth-child(3){width:20%}.bill-table th:nth-child(4){width:20%}.bill-summary{display:flex;justify-content:flex-end}.summary-box{width:100%;max-width:300px}.summary-row{display:flex;justify-content:space-between;margin-bottom:.8rem;font-size:.95rem}.summary-row.total{font-size:1.4rem;font-weight:800;color:#0f172a;border-top:2px solid #0f172a;padding-top:1rem;margin-top:1rem;align-items:center}.bill-actions{position:fixed;bottom:20px;right:20px;display:flex;gap:1rem;z-index:100}.btn-download{background:#4f46e5;color:#fff;border:none;padding:14px 28px;border-radius:50px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #4f46e566;transition:transform .2s;font-size:1rem;display:flex;align-items:center;gap:8px}.btn-download:hover{transform:translateY(-2px)}@media screen and (max-width:600px){.bill-page{padding:0;background:#fff}.bill-container{padding:1.5rem;box-shadow:none;border-radius:0;max-width:100%}.bill-header{margin-bottom:1.5rem}.company-title{font-size:1.8rem}.bill-meta{flex-direction:row;flex-wrap:wrap;gap:15px}.meta-group{min-width:45%}.bill-table{margin:1.5rem 0}.bill-table th,.bill-table td{padding:8px 4px;font-size:.85rem}.bill-table th:nth-child(1){width:40%}.bill-table th:nth-child(2){width:15%;text-align:center}.bill-table th:nth-child(3){width:20%}.bill-table th:nth-child(4){width:25%}.bill-table td.col-right{text-align:right}.bill-table td:nth-child(2){text-align:center}.summary-box{max-width:100%}.bill-actions{width:100%;left:0;bottom:0;padding:10px;background:#fff;box-shadow:0 -4px 10px #0000001a;justify-content:center}.btn-download{width:100%;justify-content:center}}@media print{.bill-page{background:#fff;padding:0}.bill-container{box-shadow:none;width:100%;max-width:none;padding:0}.bill-actions{display:none}}.reports-container{display:flex;flex-direction:column;gap:1rem;padding:.5rem;animation:fadeIn .4s ease-out;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.reports-nav-wrapper{position:sticky;top:0;z-index:999;background:var(--bg-card);padding:.75rem;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 25px -5px #0000004d;margin-bottom:.5rem;width:100%;box-sizing:border-box}.reports-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.reports-tabs::-webkit-scrollbar{display:none}.tab-btn{padding:.6rem 1.1rem;border-radius:8px;background:var(--bg-app);border:1px solid var(--border);color:var(--text-secondary);font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.tab-btn svg{width:16px;height:16px}.tab-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-primary)}.tab-btn.active{background:var(--text-primary);color:var(--bg-card);border-color:var(--text-primary);box-shadow:0 2px 8px #0003}.tab-btn.ai-tab{border-color:#8b5cf6;color:#8b5cf6;background:#8b5cf60d}.tab-btn.ai-tab:hover{background:#8b5cf61a}.tab-btn.ai-tab.active{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;box-shadow:0 2px 10px #8b5cf666}.reports-content{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:1.5rem;position:relative;display:flex;flex-direction:column;flex-grow:1;min-width:0;width:100%;box-sizing:border-box}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-light);text-align:center}.empty-icon-bg{width:60px;height:60px;background:var(--bg-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}@media(min-width:1024px){.reports-container{padding:0 2rem}}@media(max-width:768px){.reports-container{padding:.5rem}.reports-content{padding:1rem}}.stock-dashboard-wrapper{display:flex;flex-direction:column;gap:1.5rem;height:100%;min-width:0;width:100%;box-sizing:border-box;animation:fadeIn .3s ease-out}.stock-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 6px -1px #0000000d;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;box-sizing:border-box}.metric-card.warning .value{color:#f59e0b}.metric-card.danger .value{color:#ef4444}.metric-card.success .value{color:#10b981}.stock-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;background:var(--bg-card);padding:1rem 1.5rem;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;box-sizing:border-box}.stock-search-input{width:100%;padding:.6rem 1rem .6rem 2.25rem;background:var(--bg-app);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.9rem;transition:all .2s;box-sizing:border-box}.stock-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.filter-group{display:flex;gap:.75rem;flex-wrap:wrap;box-sizing:border-box}.stock-select{padding:.6rem 1rem;background:var(--bg-app);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.9rem;font-weight:500;cursor:pointer;min-width:140px;box-sizing:border-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-btn{display:flex;align-items:center;gap:8px;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);transition:all .2s;box-sizing:border-box}.stock-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.stock-btn.primary{background:var(--primary);color:#fff;border:none}.stock-btn.primary:hover{filter:brightness(110%);box-shadow:0 4px 12px #6366f133}.table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000000d;min-width:0;width:100%;box-sizing:border-box}.stock-table-wrapper{overflow-x:auto;flex:1;min-width:0;width:100%}.stock-table{width:100%;border-collapse:collapse;text-align:left}.stock-table th{padding:12px 16px;background:var(--bg-app);color:var(--text-light);font-size:.75rem;text-transform:uppercase;font-weight:800;letter-spacing:.05em;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;white-space:nowrap}.stock-table td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text-main);font-size:.9rem;vertical-align:middle}.stock-table tr:hover{background:var(--bg-hover)}.product-cell{display:flex;flex-direction:column}.product-name{font-weight:700;color:var(--text-main)}.product-sku{font-size:.8rem;color:var(--text-light);margin-top:2px}.status-badge{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-badge.good{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.status-badge.low{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.status-badge.critical{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-badge.expired{background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}[data-theme=dark] .status-badge.good{background:#10b98126;color:#34d399;border-color:#10b98133}[data-theme=dark] .status-badge.low{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b33}[data-theme=dark] .status-badge.critical{background:#ef444426;color:#f87171;border-color:#ef444433}[data-theme=dark] .status-badge.expired{background:#9ca3af26;color:#9ca3af;border-color:#9ca3af33}.batch-row{background:var(--bg-app);box-shadow:inset 0 4px 6px -4px #0000000d}.batch-container{padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;box-sizing:border-box}.batch-card{background:var(--bg-card);border:1px solid var(--border);padding:1.25rem;border-radius:8px;font-size:.85rem;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000d;box-sizing:border-box}.batch-card:hover{transform:translateY(-2px);box-shadow:0 6px 10px #0000001a}.batch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:700;color:var(--primary)}.batch-qty-pill{background:var(--bg-app);padding:4px 10px;border-radius:6px;font-weight:800;font-size:.85rem;color:var(--text-main);border:1px solid var(--border)}.batch-expiry{color:var(--text-light);font-size:.85rem;display:flex;justify-content:space-between;align-items:center}.batch-expiry.near{color:#d97706;font-weight:700}.mr-2{margin-right:10px}@media(max-width:768px){.stock-toolbar{flex-direction:column;align-items:stretch;padding:1rem}.search-group{width:100%;min-width:0;box-sizing:border-box}.filter-group{flex-direction:column;align-items:stretch;width:100%;box-sizing:border-box;overflow:hidden}.stock-select{width:100%}.stock-table th:nth-child(3),.stock-table td:nth-child(3),.stock-table th:nth-child(4),.stock-table td:nth-child(4){display:none}.load-more-buttons{flex-direction:column;width:100%}.load-btn{width:100%;justify-content:center}}.sales-dashboard-wrapper{display:flex;flex-direction:column;gap:1.5rem;height:100%;min-width:0;width:100%;box-sizing:border-box;animation:fadeIn .3s ease-out}.sales-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 6px -1px #0000000d;transition:transform .2s,box-shadow .2s;box-sizing:border-box}.metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.metric-card h4{margin:0;font-size:.85rem;color:var(--text-light);text-transform:uppercase;font-weight:800;letter-spacing:.05em}.metric-card .value{font-size:1.8rem;font-weight:800;color:var(--text-main);line-height:1.2}.metric-card.revenue .value{color:#3b82f6}.metric-card.orders .value{color:#8b5cf6}.metric-card.average .value{color:#10b981}.sales-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;background:var(--bg-card);padding:1rem 1.5rem;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;box-sizing:border-box}.search-group{position:relative;flex:1;min-width:250px;box-sizing:border-box}.search-icon-input{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-light)}.sales-search-input{width:100%;padding:.6rem 1rem .6rem 2.25rem;background:var(--bg-app);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.9rem;transition:all .2s;box-sizing:border-box}.sales-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.filter-group{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;box-sizing:border-box}.sales-select{padding:.6rem 1rem;background:var(--bg-app);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.9rem;font-weight:500;cursor:pointer;min-width:140px;box-sizing:border-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-range-group{display:flex;align-items:center;gap:8px;background:var(--bg-app);padding:.4rem .8rem;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;max-width:100%}.date-input{background:transparent;border:none;color:var(--text-main);font-family:inherit;font-size:.85rem;width:110px;cursor:pointer;font-weight:500;box-sizing:border-box}.date-input:focus{outline:none}.date-input::-webkit-calendar-picker-indicator{filter:invert(.5)}.date-separator{color:var(--text-light);font-size:.8rem}.sales-btn{display:flex;align-items:center;gap:8px;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);transition:all .2s;box-sizing:border-box}.sales-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.sales-btn.primary{background:var(--primary);color:#fff;border:none}.sales-btn.primary:hover{filter:brightness(110%);box-shadow:0 4px 12px #6366f133}.table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;flex:1;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000000d;min-width:0;width:100%;box-sizing:border-box}.sales-table-wrapper{overflow-x:auto;flex:1;min-width:0;width:100%}.sales-table{width:100%;border-collapse:collapse;text-align:left}.sales-table th{padding:12px 16px;background:var(--bg-app);color:var(--text-light);font-size:.75rem;text-transform:uppercase;font-weight:800;letter-spacing:.05em;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;white-space:nowrap}.sales-table td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text-main);font-size:.9rem;vertical-align:middle}.sales-table tr:hover{background:var(--bg-hover)}.status-pill{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-pill.paid{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.status-pill.pending{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.status-pill.cancelled{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}[data-theme=dark] .status-pill.paid{background:#10b98126;color:#34d399;border-color:#10b98133}[data-theme=dark] .status-pill.pending{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b33}[data-theme=dark] .status-pill.cancelled{background:#ef444426;color:#f87171;border-color:#ef444433}.invoice-details-row{background:var(--bg-app);box-shadow:inset 0 4px 6px -4px #0000000d}.invoice-details-container{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.invoice-items-table{width:100%;font-size:.85rem;border:1px solid var(--border);border-radius:8px;overflow:hidden}.invoice-items-table th{background:var(--bg-card);padding:10px;text-align:left;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.invoice-items-table td{background:var(--bg-app);padding:10px;border-top:1px solid var(--border);color:var(--text-main);font-weight:500}.load-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:20px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.load-btn.secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main)}.load-btn.secondary:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.load-btn.primary{background:var(--primary);border:1px solid var(--primary);color:#fff}.load-btn.primary:hover{filter:brightness(110%);box-shadow:0 4px 12px #6366f14d}.export-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 25px -5px #0000004d;z-index:50;min-width:180px;overflow:hidden;animation:fadeIn .2s ease-out;box-sizing:border-box}.export-dropdown-menu button{display:flex;align-items:center;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text-main);font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:background .2s;box-sizing:border-box}.export-dropdown-menu button:hover{background:var(--bg-hover);color:var(--primary)}@media(max-width:768px){.sales-toolbar{flex-direction:column;align-items:stretch;padding:1rem}.search-group{width:100%;min-width:0;box-sizing:border-box}.filter-group{flex-direction:column;align-items:stretch;width:100%;box-sizing:border-box;overflow:hidden}.sales-select,.date-range-group{width:100%}.sales-table th:nth-child(4),.sales-table td:nth-child(4),.sales-table th:nth-child(5),.sales-table td:nth-child(5){display:none}}.ab-container{display:flex;flex-direction:column;gap:1.5rem;height:100%;min-width:0;width:100%;box-sizing:border-box;animation:fadeIn .3s ease-out}.ab-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:var(--bg-card);padding:1rem 1.5rem;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;box-sizing:border-box}.ab-title-group h2{margin:0;font-size:1.25rem;font-weight:800;color:var(--text-main)}.ab-title-group p{margin:4px 0 0;color:var(--text-light);font-size:.9rem}.ab-filters{display:flex;gap:.8rem;align-items:center;flex:1;justify-content:flex-end;flex-wrap:wrap;box-sizing:border-box}.ab-search-wrapper{position:relative;min-width:250px;box-sizing:border-box}.ab-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-light)}.ab-search-input{width:100%;padding:.6rem 1rem .6rem 2.25rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-app);color:var(--text-main);font-size:.9rem;transition:all .2s;box-sizing:border-box}.ab-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.ab-select{padding:.6rem 1rem;background:var(--bg-app);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.9rem;font-weight:500;cursor:pointer;min-width:140px;box-sizing:border-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ab-date-range-group{display:flex;align-items:center;gap:8px;background:var(--bg-app);padding:.4rem .8rem;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;max-width:100%}.ab-date-input{background:transparent;border:none;color:var(--text-main);font-family:inherit;font-size:.85rem;width:110px;cursor:pointer;font-weight:500;box-sizing:border-box}.ab-date-input:focus{outline:none}.ab-date-input::-webkit-calendar-picker-indicator{filter:invert(.5)}.ab-date-separator{color:var(--text-light);font-size:.8rem}.ab-list-container{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000000d;min-width:0;width:100%;box-sizing:border-box}.ab-table-wrapper{overflow-x:auto;flex:1;min-width:0;width:100%}.ab-table{width:100%;border-collapse:collapse;text-align:left}.ab-table th{background:var(--bg-app);text-align:left;padding:12px 16px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;white-space:nowrap}.ab-table td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-main);font-size:.9rem}.ab-table tr:hover{background:var(--bg-hover)}.ab-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.05em}.ab-badge.cash{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.ab-badge.online{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}[data-theme=dark] .ab-badge.cash{background:#16a34a26;color:#4ade80;border-color:#16a34a33}[data-theme=dark] .ab-badge.online{background:#3b82f626;color:#60a5fa;border-color:#3b82f633}.ab-actions{display:flex;gap:8px;justify-content:flex-end}.ab-btn-icon{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ab-btn-icon:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.ab-btn-icon.whatsapp:hover{color:#16a34a;border-color:#16a34a;background:#f0fdf4}.ab-btn-icon.print:hover{color:#2563eb;border-color:#2563eb;background:#eff6ff}[data-theme=dark] .ab-btn-icon.whatsapp:hover{background:#16a34a1a}[data-theme=dark] .ab-btn-icon.print:hover{background:#3b82f61a}.ab-mobile-list{display:none;flex-direction:column;gap:12px;padding:12px}.ab-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box}.ab-card-header{display:flex;justify-content:space-between;align-items:center}.ab-card-invoice{font-weight:800;font-size:1rem;color:var(--primary)}.ab-card-date{font-size:.8rem;color:var(--text-light);font-weight:500}.ab-card-body{display:flex;justify-content:space-between;align-items:center}.ab-card-customer{font-size:.95rem;font-weight:700;color:var(--text-main)}.ab-card-meta{font-size:.85rem;color:var(--text-light);margin-top:4px;font-weight:500}.ab-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--border);padding-top:12px}.ab-card-amount{font-size:1.2rem;font-weight:800;color:var(--text-main)}.load-more-container{padding:1.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:1rem;background:var(--bg-app);box-sizing:border-box}.load-more-text{font-size:.9rem;color:var(--text-light);font-weight:600}.load-more-buttons{display:flex;gap:1rem;align-items:center}.invoice-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out;box-sizing:border-box}.invoice-modal-content{background:var(--bg-card);width:100%;max-width:650px;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;max-height:90vh;box-shadow:0 20px 25px -5px #0000004d;border:1px solid var(--border);box-sizing:border-box}.invoice-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-app);box-sizing:border-box}.invoice-modal-header h3{margin:0;font-size:1.1rem;font-weight:800;color:var(--text-main)}.close-btn{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text-light);display:flex;align-items:center;padding:6px;border-radius:50%;transition:all .2s}.close-btn:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--text-main)}.invoice-paper-preview{padding:2rem;overflow-y:auto;flex:1;font-family:Inter,system-ui,sans-serif;background:var(--bg-card);color:var(--text-main);box-sizing:border-box}.invoice-modal-actions{padding:1.25rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-app);box-sizing:border-box}@media(max-width:768px){.ab-container{padding:0;gap:0}.ab-header{border-radius:0;border:none;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:12px}.ab-search-wrapper{width:100%;min-width:0;box-sizing:border-box}.ab-filters{width:100%;flex-direction:column;align-items:stretch;box-sizing:border-box;overflow:hidden}.ab-select,.ab-date-range-group{width:100%}.ab-table-wrapper{display:none}.ab-mobile-list{display:flex}.ab-list-container{background:transparent;border:none;box-shadow:none}.load-more-buttons{flex-direction:column;width:100%}.load-btn{width:100%;justify-content:center}}.returns-dashboard-wrapper{display:flex;flex-direction:column;gap:1.5rem;height:100%;min-width:0;width:100%;box-sizing:border-box;animation:fadeIn .3s ease-out}.returns-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.refund-metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 6px -1px #0000000d;transition:transform .2s,box-shadow .2s;box-sizing:border-box}.refund-metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.refund-metric-card h4{margin:0;font-size:.85rem;color:var(--text-light);text-transform:uppercase;font-weight:800;letter-spacing:.05em}.refund-metric-card .value{font-size:1.8rem;font-weight:800;color:var(--text-main);line-height:1.2}.refund-metric-card.amount .value{color:#ef4444}.refund-metric-card.units .value{color:#f59e0b}.refund-metric-card.count .value{color:#6366f1}.returns-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;background:var(--bg-card);padding:1rem 1.5rem;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;box-sizing:border-box}.returns-search-group{position:relative;flex:1;min-width:250px;box-sizing:border-box}.returns-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-light)}.returns-search-input{width:100%;padding:.6rem 1rem .6rem 2.25rem;background:var(--bg-app);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.9rem;transition:all .2s;box-sizing:border-box}.returns-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.returns-select{padding:.6rem 1rem;background:var(--bg-app);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.9rem;font-weight:500;cursor:pointer;min-width:140px;box-sizing:border-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.returns-table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d;min-width:0;width:100%;box-sizing:border-box}.returns-table-wrapper{overflow-x:auto;min-width:0;width:100%}.returns-table{width:100%;border-collapse:collapse;text-align:left}.returns-table th{text-align:left;padding:14px 16px;background:var(--bg-app);color:var(--text-light);font-size:.75rem;text-transform:uppercase;font-weight:800;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}.returns-table td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text-main);font-size:.9rem;vertical-align:middle}.returns-table tr:hover{background:var(--bg-hover)}.reason-pill{background:var(--bg-app);color:var(--text-main);padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600;display:inline-block;border:1px solid var(--border)}[data-theme=dark] .reason-pill{background:#ffffff0d}@media(max-width:768px){.returns-toolbar{flex-direction:column;align-items:stretch;padding:1rem}.returns-search-group{width:100%;min-width:0;box-sizing:border-box}.returns-toolbar>div:last-child{flex-direction:column;align-items:stretch;width:100%;box-sizing:border-box}.returns-select{width:100%}.returns-table th:nth-child(4),.returns-table td:nth-child(4){display:none}}.dashboard-layout{display:flex;gap:1.5rem;width:100%;align-items:flex-start;animation:fadeIn .4s ease-out;box-sizing:border-box}.dashboard-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.25rem 1rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;position:sticky;top:90px;max-height:calc(100vh - 100px);overflow-y:auto}[data-theme=dark] .dashboard-sidebar{box-shadow:0 4px 6px -1px #0000004d}.sidebar-header{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-light);letter-spacing:.05em;margin:.5rem 0 .5rem .75rem}.sidebar-btn{display:flex;align-items:center;gap:12px;padding:.85rem 1rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-light);font-size:.95rem;font-weight:600;cursor:pointer;text-align:left;transition:all .2s ease}.sidebar-btn:hover{background:var(--bg-hover);color:var(--text-main)}.sidebar-btn.active{background:#6366f11a;color:var(--primary);border-color:#6366f133;box-shadow:0 2px 4px #6366f10d}.sidebar-btn svg{opacity:.8;transition:all .2s}.sidebar-btn.active svg{opacity:1;transform:scale(1.1)}.dashboard-content{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;position:relative;box-shadow:0 4px 6px -1px #0000000d;min-width:0;width:100%;box-sizing:border-box}[data-theme=dark] .dashboard-content{box-shadow:0 4px 6px -1px #0000004d}.content-header{margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:1.5rem;flex-shrink:0}.header-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.header-title-row h2{margin:0;font-size:1.5rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:.75rem}.icon-wrapper{color:var(--primary);display:flex;align-items:center}.header-desc{color:var(--text-light);font-size:.95rem;max-width:800px;line-height:1.5;margin:0}.content-body{flex:1;display:flex;flex-direction:column;min-width:0;width:100%}@media(max-width:900px){.dashboard-layout{flex-direction:column;gap:1rem;height:auto;min-height:auto;padding-bottom:2rem}.dashboard-sidebar{width:100%;height:auto;flex-direction:row;overflow-x:auto;padding:.75rem;border-radius:12px;position:static;max-height:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dashboard-sidebar::-webkit-scrollbar{display:none}.sidebar-header{display:none}.sidebar-btn{flex-shrink:0;padding:.6rem 1rem;font-size:.85rem}.dashboard-content{padding:1rem;border-radius:12px}.header-title-row h2{font-size:1.25rem;line-height:1.3}}.sales-layout{display:flex;gap:1.5rem;height:100%;overflow:hidden;animation:fadeIn .4s ease-out}.sales-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;height:100%;overflow-y:auto}.sidebar-header{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-light);letter-spacing:.05em;margin-bottom:.75rem;padding-left:.5rem}.sales-content-area{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative}@media(max-width:900px){.sales-layout{flex-direction:column;gap:0;height:auto!important;overflow:visible!important;padding-bottom:80px}.sales-sidebar{width:100%;height:auto;flex-direction:row;overflow-x:auto;padding:.75rem;gap:.75rem;border-radius:0;border-width:0 0 1px 0;position:relative;z-index:1;background:var(--bg-card);scrollbar-width:none}.sales-sidebar::-webkit-scrollbar{display:none}.sidebar-header{display:none}.report-nav-btn{flex-shrink:0;padding:.5rem 1rem;font-size:.85rem;background:var(--bg-app);border:1px solid var(--border);white-space:nowrap}.report-nav-btn.active{background:var(--text-main);color:var(--bg-card);border-color:var(--text-main)}.sales-content-area{border:none;background:transparent;padding:1rem .5rem;border-radius:0;overflow:visible;flex:none}.report-header-section{display:none}}.sot-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;animation:fadeIn .4s ease-out}.sot-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:var(--bg-card);padding:1rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 2px 4px #00000005}.time-filters{display:flex;gap:.25rem;background:var(--bg-app);padding:4px;border-radius:8px;border:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-pill{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;border:none;background:transparent;color:var(--text-light);cursor:pointer;white-space:nowrap;transition:all .2s}.sot-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:120px;box-shadow:0 4px 6px -1px #0000000d}.summary-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px}.summary-card.revenue:before{background:#3b82f6}.summary-card.profit:before{background:#8b5cf6}.summary-card.orders:before{background:#f59e0b}.summary-card.aov:before{background:#10b981}.card-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-light);margin-bottom:.5rem;letter-spacing:.05em}.card-value{font-size:1.85rem;font-weight:800;color:var(--text-main);letter-spacing:-.5px}.card-sub{font-size:.85rem;color:var(--text-light);margin-top:auto}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;min-height:400px;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000000d}.chart-header{display:flex;justify-content:space-between;margin-bottom:1.5rem;align-items:center}.chart-header h3{margin:0;font-size:1rem;color:var(--text-main);font-weight:600}.recharts-wrapper{width:100%;height:350px;position:relative;min-width:0}.custom-tooltip{background:var(--bg-card);border:1px solid var(--border);padding:12px;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:150px;z-index:50}.tooltip-label{font-weight:600;margin-bottom:8px;color:var(--text-main);font-size:.9rem;border-bottom:1px solid var(--border);padding-bottom:4px}.tooltip-body{display:flex;flex-direction:column;gap:4px}.tooltip-item{font-size:.85rem;margin:0;display:flex;justify-content:space-between;gap:16px}.tooltip-item.revenue{color:#3b82f6}.tooltip-item.profit{color:#8b5cf6}.sot-content-wrapper{position:relative;min-height:400px}.sot-loading-overlay{position:absolute;inset:0;background:#fff9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10}@media(max-width:768px){.sot-container{gap:1rem}.sot-toolbar{padding:.75rem;gap:.75rem}.time-filters{width:100%}.actions-group{width:100%;justify-content:flex-end}.sot-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.summary-card{padding:.75rem 1rem;min-height:80px}.card-label{font-size:.65rem;margin-bottom:2px}.card-value{font-size:1.15rem}.card-sub{font-size:.65rem;margin-top:4px}.chart-container{padding:.75rem;min-height:auto}.chart-header{margin-bottom:.75rem}.recharts-wrapper{height:250px}.custom-date-wrapper{width:100%;justify-content:space-between}}.export-menu-container{position:relative;display:inline-block;z-index:20}.export-trigger-btn{display:flex;align-items:center;gap:8px;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.export-trigger-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.export-trigger-btn.active{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.trigger-chevron{color:#9ca3af;transition:transform .2s ease}.export-trigger-btn.active .trigger-chevron{transform:rotate(180deg);color:#2563eb}.export-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:240px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;padding:6px;animation:scaleIn .15s ease-out forwards;transform-origin:top right}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.menu-header{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:#9ca3af;padding:8px 10px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f3f4f6;margin-bottom:4px}.back-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1rem;padding:0;line-height:1}.back-btn:hover{color:#111827}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px;background:transparent;border:none;cursor:pointer;text-align:left;border-radius:6px;transition:background .15s}.menu-item:hover{background:#f3f4f6}.icon-box{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-box.green{background:#dcfce7;color:#16a34a}.icon-box.red{background:#fee2e2;color:#dc2626}.icon-box.blue{background:#dbeafe;color:#2563eb}.icon-box.gray{background:#f3f4f6;color:#4b5563}.menu-text{display:flex;flex-direction:column;flex:1}.menu-text .title{font-size:.9rem;font-weight:500;color:#1f2937}.menu-text .desc{font-size:.75rem;color:#6b7280}.arrow-right{color:#9ca3af;font-size:1.2rem;font-weight:300}.sbs-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;animation:fadeIn .4s ease-out}.sbs-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:var(--bg-card);padding:1rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 2px 4px #00000005}.sbs-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.staff-card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 6px -1px #0000000d;position:relative;overflow:hidden}.staff-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--bg-app);color:var(--primary)}.staff-card-content{display:flex;flex-direction:column}.staff-card.gold{border-left:4px solid #f59e0b}.staff-card.blue{border-left:4px solid #3b82f6}.staff-card.purple{border-left:4px solid #8b5cf6}.sbs-main-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem;min-height:400px}.staff-chart-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000000d}.staff-table-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000000d}.table-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-app)}.table-header h3{margin:0;font-size:1rem;color:var(--text-main)}.staff-list{display:flex;flex-direction:column;overflow-y:auto;max-height:400px}.staff-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);transition:background .2s}.staff-row:last-child{border-bottom:none}.staff-row:hover{background:var(--bg-hover)}.staff-info{display:flex;flex-direction:column}.staff-name{font-weight:600;font-size:.95rem;color:var(--text-main)}.staff-meta{font-size:.8rem;color:var(--text-light)}.staff-stats{text-align:right}.staff-rev{font-weight:700;color:var(--text-main);font-size:1rem}.staff-orders{font-size:.8rem;color:var(--text-light)}@media(max-width:1024px){.sbs-main-grid{grid-template-columns:1fr}}@media(max-width:768px){.sbs-container{gap:1rem}.sbs-toolbar{padding:.75rem}.sbs-summary-grid{grid-template-columns:1fr;gap:.75rem}.staff-card,.staff-chart-box,.staff-table-box{padding:1rem}.recharts-wrapper{height:250px!important}}.sbi-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;animation:fadeIn .4s ease-out}.sbi-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:var(--bg-card);padding:1rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 2px 4px #00000005}.time-filters{display:flex;gap:.25rem;background:var(--bg-app);padding:4px;border-radius:8px;border:1px solid var(--border);overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.custom-date-wrapper{display:flex;align-items:center;gap:8px;background:var(--bg-app);padding:4px 10px;border-radius:6px;border:1px solid var(--border)}.custom-date-input{border:none;background:transparent;font-size:.85rem;color:var(--text-main);outline:none;font-family:inherit;cursor:pointer}.actions-group{display:flex;gap:8px}.btn-icon{padding:6px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.sbi-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.item-card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 6px -1px #0000000d;min-height:110px;position:relative;overflow:hidden}.item-card:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;background:currentColor;opacity:.2}.item-card h4{margin:0;font-size:.75rem;color:var(--text-light);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.item-card .val{font-size:1.6rem;font-weight:800;color:var(--text-main);margin-top:.5rem}.sbi-content-grid{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;min-height:500px}.item-chart-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;height:100%}.item-table-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;height:100%}.table-tools-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-app);display:flex;justify-content:space-between;align-items:center;gap:1rem}.search-input-wrapper{position:relative;max-width:300px;width:100%}.search-icon-inside{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.table-search-input{width:100%;padding:8px 10px 8px 36px;border:1px solid var(--border);border-radius:8px;font-size:.9rem;background:var(--bg-card);color:var(--text-main);transition:all .2s}.table-search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #3b82f61a}.item-list-container{flex:1;overflow-x:auto}.custom-table th{text-align:left;padding:12px 16px;font-size:.75rem;color:var(--text-light);text-transform:uppercase;background:var(--bg-card);border-bottom:2px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.custom-table th:hover{color:var(--primary);background:var(--bg-hover)}.table-footer{padding:.75rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-card);display:flex;justify-content:space-between;align-items:center}.pagination-controls{display:flex;gap:.5rem;align-items:center}.page-btn{padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-app);cursor:pointer;font-size:.85rem}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn:hover:not(:disabled){background:var(--bg-hover)}.progress-bg{width:100%;height:4px;background:var(--bg-app);border-radius:2px;margin-top:6px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:2px}.badge-category{padding:2px 8px;border-radius:12px;font-size:.7rem;background:#eff6ff;color:#3b82f6;font-weight:600;border:1px solid #dbeafe;white-space:nowrap}@media(max-width:1024px){.sbi-content-grid{grid-template-columns:1fr;gap:1rem}.item-chart-box{min-height:300px}}@media(max-width:768px){.sbi-toolbar{padding:.75rem;gap:.75rem}.time-filters{width:100%;margin-bottom:5px}.table-tools-header{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.search-input-wrapper{max-width:100%}.hide-mobile{display:none}.custom-table td,.custom-table th{padding:10px;font-size:.85rem}.item-card .val{font-size:1.3rem}.actions-group{width:100%;justify-content:flex-end}}.sbw-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;animation:fadeIn .4s ease-out}.sbw-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:var(--bg-card);padding:1rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 2px 4px #00000005}.time-filters{display:flex;gap:.25rem;background:var(--bg-app);padding:4px;border-radius:8px;border:1px solid var(--border);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.time-filters::-webkit-scrollbar{display:none}.filter-pill{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;border:none;background:transparent;color:var(--text-light);cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.filter-pill:hover{color:var(--text-main)}.filter-pill.active{background:var(--bg-card);color:var(--primary);box-shadow:0 1px 3px #0000001a}.sbw-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.warehouse-card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 6px -1px #0000000d;min-height:110px;border-left:4px solid transparent}.warehouse-card.primary{border-left-color:#3b82f6}.warehouse-card.success{border-left-color:#10b981}.warehouse-card.warning{border-left-color:#f59e0b}.warehouse-card.purple{border-left-color:#8b5cf6}.warehouse-card h4{margin:0;font-size:.75rem;color:var(--text-light);text-transform:uppercase;font-weight:700}.warehouse-card .val{font-size:1.6rem;font-weight:800;color:var(--text-main);margin-top:.5rem}.sbw-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;min-height:500px}.warehouse-chart-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;height:100%}.warehouse-table-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;height:100%}.table-header{padding:1rem 1.5rem;background:var(--bg-app);border-bottom:1px solid var(--border);font-weight:700}.warehouse-list-container{flex:1;overflow-x:auto}.custom-table th{text-align:left;padding:12px 16px;font-size:.75rem;color:var(--text-light);text-transform:uppercase;border-bottom:2px solid var(--border);white-space:nowrap}@media(max-width:1024px){.sbw-content-grid{grid-template-columns:1fr}.warehouse-chart-box{min-height:350px}}@media(max-width:768px){.sbw-toolbar{padding:.75rem}.time-filters{width:100%}.hide-mobile{display:none}.custom-table td,.custom-table th{padding:10px;font-size:.85rem}}.inventory-layout{display:flex;gap:1.5rem;height:100%;overflow:hidden;animation:fadeIn .4s ease-out}.inventory-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;height:100%;overflow-y:auto}.inventory-sidebar-header{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-light);letter-spacing:.05em;margin-bottom:.75rem;padding-left:.5rem}.report-nav-btn{display:flex;align-items:center;gap:12px;padding:.85rem 1rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-light);font-size:.9rem;font-weight:600;cursor:pointer;text-align:left;transition:all .2s ease}.report-nav-btn:hover{background:var(--bg-hover);color:var(--text-main)}.report-nav-btn.active{background:#eef2ff;color:var(--primary);box-shadow:0 2px 4px #6366f11a}[data-theme=dark] .report-nav-btn.active{background:#6366f126;color:#818cf8}.nav-icon{width:18px;height:18px;opacity:.8}.report-nav-btn.active .nav-icon{opacity:1;transform:scale(1.1)}.inventory-content-area{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative}.report-header-section{margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:1.5rem;flex-shrink:0}.report-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.report-title-row h2{margin:0;font-size:1.5rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:.75rem}.report-desc{color:var(--text-light);font-size:.95rem;max-width:650px;line-height:1.5;margin:0}.module-placeholder{flex:1;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:12px;color:var(--text-light);background:var(--bg-app);min-height:300px}@media(max-width:900px){.inventory-layout{flex-direction:column;gap:0;height:auto!important;overflow:visible!important;padding-bottom:80px}.inventory-sidebar{width:100%;height:auto;flex-direction:row;overflow-x:auto;padding:.75rem;gap:.75rem;border-radius:0;border-width:0 0 1px 0;position:relative;z-index:1;background:var(--bg-card);scrollbar-width:none}.inventory-sidebar::-webkit-scrollbar{display:none}.inventory-sidebar-header{display:none}.report-nav-btn{flex-shrink:0;padding:.5rem 1rem;font-size:.85rem;background:var(--bg-app);border:1px solid var(--border);white-space:nowrap}.report-nav-btn.active{background:var(--text-main);color:var(--bg-card);border-color:var(--text-main)}.inventory-content-area{border:none;background:transparent;padding:1rem .5rem;border-radius:0;overflow:visible;flex:none}.report-header-section{display:none}}.soh-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;min-width:0;box-sizing:border-box;animation:fadeIn .4s ease-out}.soh-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:var(--bg-card);padding:1rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 2px 4px #00000005;box-sizing:border-box}.actions-group{display:flex;gap:8px;margin-left:auto;box-sizing:border-box}.btn-icon{padding:6px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon:hover{background:var(--bg-hover);color:var(--text-main)}.soh-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;box-sizing:border-box}.stock-card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 6px -1px #0000000d;min-height:110px;position:relative;overflow:hidden;box-sizing:border-box}.stock-card.blue{border-top:4px solid #3b82f6}.stock-card.indigo{border-top:4px solid #6366f1}.stock-card.green{border-top:4px solid #10b981}.stock-card.amber{border-top:4px solid #f59e0b}.stock-card h4{margin:0;font-size:.75rem;color:var(--text-light);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.stock-card .val{font-size:1.6rem;font-weight:800;color:var(--text-main);margin-top:.5rem;word-wrap:break-word;overflow-wrap:break-word}.stock-card .sub{font-size:.8rem;color:var(--text-light);margin-top:4px}.soh-content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem;min-height:500px;box-sizing:border-box}.stock-chart-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;height:100%;min-height:400px;box-sizing:border-box}.stock-table-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;height:100%;box-sizing:border-box}.stock-list-container{flex:1;overflow-x:auto}.custom-table th{text-align:left;padding:12px 16px;font-size:.75rem;color:var(--text-light);text-transform:uppercase;border-bottom:2px solid var(--border);white-space:nowrap;background:var(--bg-card);position:sticky;top:0}.custom-table td{padding:14px 16px;font-size:.9rem;color:var(--text-main);border-bottom:1px solid var(--border)}@media(max-width:1024px){.soh-content-grid{grid-template-columns:1fr}.stock-chart-box{min-height:350px}}@media(max-width:768px){.soh-toolbar{padding:.75rem;flex-direction:column;align-items:stretch}.actions-group{margin-left:0;width:100%;justify-content:space-between}.soh-summary-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stock-card{padding:1rem;min-height:90px}.stock-card .val{font-size:1.25rem;line-height:1.2}.hide-mobile{display:none}.custom-table td,.custom-table th{padding:10px;font-size:.8rem}}@media(max-width:400px){.soh-summary-grid{grid-template-columns:1fr}}.movement-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;min-width:0;box-sizing:border-box;animation:fadeIn .4s ease-out}.movement-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:var(--bg-card);padding:1rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 2px 4px #00000005;box-sizing:border-box}.filter-pills{display:flex;gap:.5rem;background:var(--bg-app);padding:4px;border-radius:8px;border:1px solid var(--border);max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.pill-btn{padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;border:none;background:transparent;color:var(--text-light);cursor:pointer;transition:all .2s;flex-shrink:0;white-space:nowrap}.pill-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:0 1px 3px #0000001a}.movement-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;box-sizing:border-box}.move-card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 6px -1px #0000000d;min-height:110px;position:relative;overflow:hidden;box-sizing:border-box}.move-card.green{border-top:4px solid #10b981}.move-card.red{border-top:4px solid #ef4444}.move-card.blue{border-top:4px solid #3b82f6}.move-card.purple{border-top:4px solid #8b5cf6}.move-card h4{margin:0;font-size:.75rem;color:var(--text-light);text-transform:uppercase;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.move-card .val{font-size:1.6rem;font-weight:800;color:var(--text-main);margin-top:.5rem;word-wrap:break-word}.move-card .sub{font-size:.8rem;color:var(--text-light);margin-top:4px}.movement-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem;min-height:500px;box-sizing:border-box}.move-chart-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.move-table-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;height:500px;box-sizing:border-box}.table-header{padding:1rem 1.5rem;background:var(--bg-app);border-bottom:1px solid var(--border);font-weight:700;color:var(--text-main);display:flex;justify-content:space-between;align-items:center}.movement-list-container{flex:1;overflow-y:auto;overflow-x:auto}.custom-table th{text-align:left;padding:12px 16px;font-size:.75rem;color:var(--text-light);text-transform:uppercase;border-bottom:2px solid var(--border);white-space:nowrap;background:var(--bg-card);position:sticky;top:0;z-index:2}.badge-in{background:#ecfdf5;color:#10b981;padding:2px 8px;border-radius:6px;font-weight:600;font-size:.75rem;border:1px solid #d1fae5;white-space:nowrap}.badge-out{background:#fef2f2;color:#ef4444;padding:2px 8px;border-radius:6px;font-weight:600;font-size:.75rem;border:1px solid #fee2e2;white-space:nowrap}@media(max-width:1024px){.movement-grid{grid-template-columns:1fr}.move-chart-box{min-height:350px}}@media(max-width:768px){.movement-toolbar{padding:.75rem;flex-direction:column;align-items:stretch}.movement-toolbar>div{width:100%;box-sizing:border-box;justify-content:space-between}.filter-pills{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.movement-stats{grid-template-columns:1fr 1fr;gap:.75rem}.move-card{padding:1rem;min-height:90px}.move-card .val{font-size:1.25rem;line-height:1.2}.hide-mobile{display:none}.custom-table td,.custom-table th{padding:10px;font-size:.8rem}}.alerts-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;min-width:0;box-sizing:border-box;animation:fadeIn .4s ease-out}.alerts-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:var(--bg-card);padding:1rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 2px 4px #00000005;box-sizing:border-box}.alert-tabs{display:flex;gap:.5rem;background:var(--bg-app);padding:4px;border-radius:8px;border:1px solid var(--border);max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.alert-tab-btn{padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;border:none;background:transparent;color:var(--text-light);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap}.alert-tab-btn:hover{background:#0000000d;color:var(--text-main)}.alert-tab-btn.active.tab-critical{background:#fef2f2;color:#ef4444;box-shadow:0 1px 2px #0000000d}.alert-tab-btn.active.tab-warning{background:#fff7ed;color:#f97316;box-shadow:0 1px 2px #0000000d}.alert-tab-btn.active.tab-expired{background:#f3f4f6;color:#6b7280;box-shadow:0 1px 2px #0000000d}.alert-tab-btn.active.tab-urgent{background:#fefce8;color:#eab308;box-shadow:0 1px 2px #0000000d}.alerts-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;box-sizing:border-box}.alert-card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 6px -1px #0000000d;min-height:110px;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;box-sizing:border-box}.alert-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.alert-card.critical{border-top:4px solid #ef4444}.alert-card.warning{border-top:4px solid #f97316}.alert-card.expired{border-top:4px solid #9ca3af}.alert-card.urgent{border-top:4px solid #eab308}.alert-card h4{margin:0;font-size:.75rem;color:var(--text-light);text-transform:uppercase;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.alert-card .val{font-size:1.8rem;font-weight:800;color:var(--text-main);margin-top:.5rem;word-wrap:break-word}.alert-card .sub{font-size:.8rem;color:var(--text-light);margin-top:4px}.alerts-content-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;min-height:400px;flex:1;box-sizing:border-box}.alerts-header{padding:1rem 1.5rem;background:var(--bg-app);border-bottom:1px solid var(--border);font-weight:700;color:var(--text-main);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.alerts-list-container{flex:1;overflow-x:auto;max-height:500px;overflow-y:auto;box-sizing:border-box}.custom-table{width:100%;border-collapse:collapse}.custom-table th{text-align:left;padding:12px 16px;font-size:.75rem;color:var(--text-light);text-transform:uppercase;border-bottom:2px solid var(--border);white-space:nowrap;background:var(--bg-card);position:sticky;top:0;z-index:10}.custom-table td{padding:14px 16px;font-size:.9rem;color:var(--text-main);border-bottom:1px solid var(--border);vertical-align:middle}.custom-table tr:hover{background:var(--bg-hover)}.badge{padding:2px 8px;border-radius:6px;font-weight:600;font-size:.75rem;border:1px solid transparent;white-space:nowrap}.badge.out{background:#fef2f2;color:#ef4444;border-color:#fee2e2}.badge.low{background:#fff7ed;color:#f97316;border-color:#ffedd5}.badge.exp{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.badge.near{background:#fefce8;color:#ca8a04;border-color:#fef08a}.stock-level-bar{width:100px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-top:6px}.stock-level-fill{height:100%;border-radius:3px}@media(max-width:768px){.alerts-toolbar{padding:.75rem;flex-direction:column;align-items:stretch}.alerts-toolbar>div{width:100%;min-width:0;box-sizing:border-box}.alert-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.alerts-summary-grid{grid-template-columns:1fr 1fr;gap:.75rem}.alert-card{padding:1rem;min-height:90px}.alert-card .val{font-size:1.25rem;word-break:break-word;line-height:1.2}.hide-mobile{display:none}}.variance-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;min-width:0;box-sizing:border-box;animation:fadeIn .4s ease-out}.variance-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:var(--bg-card);padding:1rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 2px 4px #00000005;box-sizing:border-box}.audit-mode-toggle{display:flex;align-items:center;gap:12px;background:var(--bg-app);padding:6px 12px;border-radius:8px;border:1px solid var(--border);font-size:.9rem;font-weight:600}.audit-status{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ccc}.audit-status.active{background:#10b981;box-shadow:0 0 0 3px #10b98133}.variance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;box-sizing:border-box}.var-card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 6px -1px #0000000d;min-height:110px;position:relative;overflow:hidden;box-sizing:border-box}.var-card.purple{border-top:4px solid #8b5cf6}.var-card.red{border-top:4px solid #ef4444}.var-card.blue{border-top:4px solid #3b82f6}.var-card.teal{border-top:4px solid #14b8a6}.var-card h4{margin:0;font-size:.75rem;color:var(--text-light);text-transform:uppercase;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.var-card .val{font-size:1.6rem;font-weight:800;color:var(--text-main);margin-top:.5rem;word-wrap:break-word;overflow-wrap:break-word}.var-card .sub{font-size:.8rem;color:var(--text-light);margin-top:4px}.variance-workspace{display:grid;grid-template-columns:1fr;gap:1.5rem;min-height:500px;box-sizing:border-box}.audit-table-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;height:600px;box-sizing:border-box}.audit-header{padding:1rem 1.5rem;background:var(--bg-app);border-bottom:1px solid var(--border);font-weight:700;color:var(--text-main);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;box-sizing:border-box}.audit-search{padding:6px 12px;border:1px solid var(--border);border-radius:6px;font-size:.85rem;background:var(--bg-card);color:var(--text-main);width:250px;max-width:100%;box-sizing:border-box}.audit-list-container{flex:1;overflow-y:auto;overflow-x:auto}.audit-table{width:100%;border-collapse:collapse}.audit-table th{text-align:left;padding:12px 16px;font-size:.75rem;color:var(--text-light);text-transform:uppercase;border-bottom:2px solid var(--border);white-space:nowrap;background:var(--bg-card);position:sticky;top:0;z-index:10}.audit-table td{padding:10px 16px;font-size:.9rem;color:var(--text-main);border-bottom:1px solid var(--border);vertical-align:middle}.audit-table tr:hover{background:var(--bg-hover)}.row-match{background:#f0fdf4}.row-mismatch{background:#fef2f2}.physical-input{width:80px;padding:6px;border:1px solid var(--border);border-radius:6px;text-align:center;font-weight:700;color:var(--primary)}.physical-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.variance-val{font-weight:800}.variance-val.pos{color:#10b981}.variance-val.neg{color:#ef4444}.variance-val.zero{color:#9ca3af;opacity:.5}.btn-fix{padding:4px 10px;background:#eff6ff;color:#3b82f6;border:1px solid #dbeafe;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-fix:hover{background:#3b82f6;color:#fff}@media(max-width:768px){.variance-toolbar{flex-direction:column;align-items:stretch}.variance-toolbar>div{width:100%;justify-content:space-between;box-sizing:border-box}.variance-stats{grid-template-columns:1fr 1fr;gap:.75rem}.var-card{padding:1rem}.var-card .val{font-size:1.15rem;line-height:1.3}.audit-header{flex-direction:column;align-items:stretch}.audit-header>div{width:100%;box-sizing:border-box}.audit-search{width:100%}.hide-mobile{display:none}}@media(max-width:400px){.variance-stats{grid-template-columns:1fr}}:root{--ci-bg: #f8fafc;--ci-card: #ffffff;--ci-border: #e2e8f0;--ci-border-hover: #cbd5e1;--ci-text-main: #1e293b;--ci-text-muted: #64748b;--ci-primary: #6366f1;--ci-primary-light: #e0e7ff;--ci-radius-lg: 16px;--ci-radius-md: 12px;--ci-radius-sm: 8px;--ci-shadow-sm: 0 1px 3px rgba(0,0,0,.05);--ci-shadow-md: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03);--ci-shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05)}[data-theme=dark]{--ci-bg: #0f172a;--ci-card: #1e293b;--ci-border: #334155;--ci-border-hover: #475569;--ci-text-main: #f8fafc;--ci-text-muted: #94a3b8;--ci-primary-light: rgba(99, 102, 241, .15);--ci-shadow-sm: 0 1px 3px rgba(0,0,0,.3);--ai-shadow-md: 0 4px 6px -1px rgba(0,0,0,.3), 0 2px 4px -1px rgba(0,0,0,.2);--ci-shadow-lg: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -2px rgba(0,0,0,.2)}@keyframes ciFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.customer-layout{display:flex;gap:1.5rem;width:100%;align-items:flex-start;animation:ciFadeIn .4s cubic-bezier(.16,1,.3,1);font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box}.customer-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);padding:1.25rem 1rem;box-shadow:var(--ci-shadow-sm);position:sticky;top:90px;max-height:calc(100vh - 100px);overflow-y:auto}.ci-sidebar-title{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--ci-text-muted);letter-spacing:.05em;margin:.5rem 0 .5rem .75rem}.ci-nav-btn{display:flex;align-items:center;gap:12px;padding:.85rem 1rem;border:1px solid transparent;border-radius:var(--ci-radius-sm);background:transparent;color:var(--ci-text-muted);font-size:.95rem;font-weight:600;cursor:pointer;text-align:left;transition:all .2s ease}.ci-nav-btn:hover{background:var(--ci-bg);color:var(--ci-text-main)}.ci-nav-btn.active{background:var(--ci-primary-light);color:var(--ci-primary);border-color:#6366f133;box-shadow:0 2px 4px #6366f10d}.ci-nav-icon{width:20px;height:20px;opacity:.8;transition:transform .2s}.ci-nav-btn.active .ci-nav-icon{opacity:1;transform:scale(1.1)}.customer-content-area{flex:1;background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);display:flex;flex-direction:column;position:relative;box-shadow:var(--ci-shadow-sm);width:100%}.ci-header-section{padding:1.5rem;border-bottom:1px solid var(--ci-border);background:var(--ci-card);display:flex;flex-direction:column;gap:.5rem;border-radius:var(--ci-radius-lg) var(--ci-radius-lg) 0 0}.ci-title-row{display:flex;align-items:center;justify-content:space-between}.ci-title-row h2{margin:0;font-size:1.5rem;font-weight:800;color:var(--ci-text-main);display:flex;align-items:center;gap:12px}.ci-desc{color:var(--ci-text-muted);font-size:.95rem;margin:0;line-height:1.5;max-width:800px}.ci-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-sm);color:var(--ci-text-muted);cursor:pointer;transition:all .2s}.ci-icon-btn:hover{background:var(--ci-bg);color:var(--ci-text-main);border-color:var(--ci-border-hover)}.ci-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--ci-bg);border-bottom:1px solid var(--ci-border);flex-wrap:wrap}.ci-filters-group{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ci-time-filters{display:flex;align-items:center;background:var(--ci-card);padding:4px;border-radius:var(--ci-radius-sm);border:1px solid var(--ci-border);box-shadow:var(--ci-shadow-sm)}.ci-filter-pill{padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;color:var(--ci-text-muted);background:transparent;border:none;cursor:pointer;transition:all .2s}.ci-filter-pill:hover{color:var(--ci-text-main);background:var(--ci-bg)}.ci-filter-pill.active{background:var(--ci-primary);color:#fff;border:1px solid var(--ci-primary);box-shadow:0 2px 4px #0000001a}.ci-custom-date{display:flex;align-items:center;gap:8px;background:var(--ci-card);border:1px solid var(--ci-border);padding:6px 12px;border-radius:var(--ci-radius-sm);font-size:.85rem;box-shadow:var(--ci-shadow-sm)}.ci-custom-date input{border:none;background:transparent;font-size:.85rem;color:var(--ci-text-main);outline:none;cursor:pointer;font-weight:500}.ci-custom-date input::-webkit-calendar-picker-indicator{filter:invert(.5)}.ci-actions-group{display:flex;align-items:center;gap:.75rem}.ci-module-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.ci-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.ci-card{background:var(--ci-card);border:1px solid var(--ci-border);padding:1.5rem;border-radius:var(--ci-radius-md);display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--ci-shadow-md);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.ci-card:hover{transform:translateY(-2px);box-shadow:var(--ci-shadow-lg)}.ci-card-accent{position:absolute;top:0;left:0;right:0;height:4px}.ci-card h4{margin:0;font-size:.85rem;color:var(--ci-text-muted);text-transform:uppercase;font-weight:800;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.ci-card .val{font-size:1.8rem;font-weight:800;color:var(--ci-text-main);margin-top:.75rem;line-height:1.2}.ci-card .sub{font-size:.85rem;color:var(--ci-text-muted);margin-top:.5rem;font-weight:500}.ci-chart-container{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-md);padding:1.5rem;box-shadow:var(--ci-shadow-md)}.ci-chart-header{margin:0 0 1.5rem;font-size:1.05rem;font-weight:800;color:var(--ci-text-main);display:flex;align-items:center;gap:8px}.ci-table-wrapper{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-md);box-shadow:var(--ci-shadow-md);overflow:hidden;display:flex;flex-direction:column}.ci-table-header{padding:1rem 1.5rem;background:var(--ci-card);border-bottom:1px solid var(--ci-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.ci-table-title{font-weight:800;font-size:1.05rem;color:var(--ci-text-main);display:flex;align-items:center;gap:8px}.ci-search-input-wrapper{position:relative;min-width:260px}.ci-search-input-wrapper input{width:100%;padding:.6rem 1rem .6rem 2.25rem;border:1px solid var(--ci-border);border-radius:var(--ci-radius-sm);background:var(--ci-bg);color:var(--ci-text-main);font-size:.9rem;transition:all .2s}.ci-search-input-wrapper input:focus{outline:none;border-color:var(--ci-primary);background:var(--ci-card);box-shadow:0 0 0 3px #6366f11a}.ci-search-input-wrapper svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ci-text-muted)}.ci-table-scroll{overflow-x:auto;flex:1}.ci-table{width:100%;border-collapse:collapse;text-align:left}.ci-table th{background:var(--ci-bg);color:var(--ci-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:12px 1.5rem;border-bottom:1px solid var(--ci-border);white-space:nowrap}.ci-table td{padding:14px 1.5rem;border-bottom:1px solid var(--ci-border);vertical-align:middle;color:var(--ci-text-main)}.ci-table tr:hover{background:var(--ci-bg)}.ci-table tr:last-child td{border-bottom:none}.ci-loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--ci-primary);gap:1rem}[data-theme=dark] .ci-table td span[style*=background]{background:#3b82f626!important;color:#60a5fa!important;border-color:#3b82f633!important}[data-theme=dark] .ci-table td span[style*="#f8fafc"]{background:#94a3b826!important;color:#94a3b8!important;border-color:#94a3b833!important}@media(max-width:900px){.customer-layout{flex-direction:column;gap:1rem;height:auto;min-height:auto;padding-bottom:2rem;width:100%;box-sizing:border-box}.customer-sidebar{width:100%;height:auto;flex-direction:row;overflow-x:auto;padding:.75rem;border-radius:var(--ci-radius-md);scrollbar-width:none;box-sizing:border-box;position:static;max-height:none}.customer-sidebar::-webkit-scrollbar{display:none}.ci-sidebar-title{display:none}.ci-nav-btn{flex-shrink:0;padding:.6rem 1rem;font-size:.85rem}.customer-content-area{border-radius:var(--ci-radius-md);width:100%;box-sizing:border-box}.ci-module-content,.ci-header-section{padding:1rem}.ci-title-row{flex-direction:column;align-items:flex-start;gap:1rem}.ci-title-row h2{font-size:1.25rem;line-height:1.3}.ci-toolbar{flex-direction:column;align-items:stretch;padding:1rem;gap:1rem;width:100%;box-sizing:border-box}.ci-filters-group{flex-direction:column;align-items:stretch;width:100%;gap:1rem}.ci-actions-group{width:100%;justify-content:space-between}.ci-time-filters{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;box-sizing:border-box}.ci-time-filters::-webkit-scrollbar{display:none}.ci-filter-pill{white-space:nowrap;flex-shrink:0}.ci-custom-date{flex-wrap:wrap}.ci-table-header{flex-direction:column;align-items:stretch;gap:1rem}.ci-search-input-wrapper{min-width:100%;width:100%}}:root{--audit-bg: #f8fafc;--audit-card: #ffffff;--audit-border: #e2e8f0;--audit-border-hover: #cbd5e1;--audit-text-main: #1e293b;--audit-text-muted: #64748b;--audit-primary: #6366f1;--audit-primary-light: #e0e7ff;--audit-radius-lg: 16px;--audit-radius-md: 12px;--audit-radius-sm: 8px;--audit-shadow-sm: 0 1px 3px rgba(0,0,0,.05);--audit-shadow-md: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03)}[data-theme=dark]{--audit-bg: #0f172a;--audit-card: #1e293b;--audit-border: #334155;--audit-border-hover: #475569;--audit-text-main: #f8fafc;--audit-text-muted: #94a3b8;--audit-primary-light: rgba(99, 102, 241, .15);--audit-shadow-sm: 0 1px 3px rgba(0,0,0,.3);--audit-shadow-md: 0 4px 6px -1px rgba(0,0,0,.3), 0 2px 4px -1px rgba(0,0,0,.2)}@keyframes auditFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.audit-layout{display:flex;gap:1.5rem;width:100%;align-items:flex-start;animation:auditFadeIn .4s cubic-bezier(.16,1,.3,1);font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box;min-width:0}.audit-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;background:var(--audit-card);border:1px solid var(--audit-border);border-radius:var(--audit-radius-lg);padding:1.25rem 1rem;box-shadow:var(--audit-shadow-sm);position:sticky;top:90px;max-height:calc(100vh - 100px);overflow-y:auto}.audit-sidebar-title{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--audit-text-muted);letter-spacing:.05em;margin:.5rem 0 .5rem .75rem}.audit-nav-btn{display:flex;align-items:center;gap:12px;padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--audit-radius-sm);background:transparent;color:var(--audit-text-muted);font-size:.9rem;font-weight:600;cursor:pointer;text-align:left;transition:all .2s ease}.audit-nav-btn:hover{background:var(--audit-bg);color:var(--audit-text-main)}.audit-nav-btn.active{background:var(--audit-primary-light);color:var(--audit-primary);border-color:#6366f133;box-shadow:0 2px 4px #6366f10d}.audit-nav-icon{width:18px;height:18px;opacity:.8;transition:transform .2s}.audit-nav-btn.active .audit-nav-icon{opacity:1;transform:scale(1.1)}.audit-content-area{flex:1;background:var(--audit-card);border:1px solid var(--audit-border);border-radius:var(--audit-radius-lg);display:flex;flex-direction:column;box-shadow:var(--audit-shadow-sm);position:relative;width:100%;min-width:0;box-sizing:border-box}.audit-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--audit-border);display:flex;justify-content:space-between;align-items:center;background:var(--audit-card);border-radius:var(--audit-radius-lg) var(--audit-radius-lg) 0 0}.audit-header h2{margin:0;font-size:1.25rem;font-weight:800;color:var(--audit-text-main);display:flex;align-items:center;gap:10px}.audit-header-actions{display:flex;align-items:center;gap:.75rem}.audit-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--audit-card);border:1px solid var(--audit-border);border-radius:var(--audit-radius-sm);color:var(--audit-text-muted);cursor:pointer;transition:all .2s}.audit-icon-btn:hover{background:var(--audit-bg);color:var(--audit-text-main);border-color:var(--audit-border-hover)}.audit-filter-bar{padding:1rem 1.5rem;background:var(--audit-bg);border-bottom:1px solid var(--audit-border);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.audit-search-wrapper{position:relative;flex:1;min-width:250px;max-width:400px}.audit-search-input{width:100%;padding:.6rem 1rem .6rem 2.5rem;border:1px solid var(--audit-border);border-radius:var(--audit-radius-sm);background:var(--audit-card);color:var(--audit-text-main);font-size:.9rem;transition:all .2s;box-shadow:inset 0 1px 2px #00000005}.audit-search-input:focus{outline:none;border-color:var(--audit-primary);box-shadow:0 0 0 3px #6366f11a}.audit-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--audit-text-muted)}.audit-time-filters{display:flex;align-items:center;gap:6px;background:var(--audit-card);padding:4px;border-radius:var(--audit-radius-sm);border:1px solid var(--audit-border)}.audit-filter-pill{padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;color:var(--audit-text-muted);background:transparent;border:none;cursor:pointer;transition:all .2s}.audit-filter-pill:hover{color:var(--audit-text-main);background:var(--audit-bg)}.audit-filter-pill.active{background:var(--audit-primary);color:#fff;border:1px solid var(--audit-primary);box-shadow:0 2px 4px #6366f133}.audit-custom-date{display:flex;align-items:center;gap:8px;background:var(--audit-card);border:1px solid var(--audit-border);padding:4px 12px;border-radius:var(--audit-radius-sm);font-size:.85rem}.audit-custom-date input{border:none;background:transparent;font-size:.85rem;color:var(--audit-text-main);outline:none;cursor:pointer}.audit-custom-date input::-webkit-calendar-picker-indicator{filter:invert(.5)}.audit-table-wrapper{flex:1;overflow-x:auto;background:var(--audit-card);min-width:0;width:100%}.audit-table{width:100%;border-collapse:collapse;text-align:left}.audit-table th{background:var(--audit-bg);color:var(--audit-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:12px 1.5rem;border-bottom:1px solid var(--audit-border)}.audit-table td{padding:14px 1.5rem;border-bottom:1px solid var(--audit-border);vertical-align:top}.audit-row{transition:background .15s ease}.audit-row:hover{background:var(--audit-bg)}.audit-timestamp{font-size:.85rem;color:var(--audit-text-muted);font-weight:500;white-space:nowrap}.audit-actor{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9rem;color:var(--audit-text-main)}.audit-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--audit-primary-light),rgba(99,102,241,.3));color:var(--audit-primary);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;box-shadow:inset 0 2px 4px #fff3}.audit-target{font-weight:700;font-size:.9rem;color:var(--audit-text-main);margin-bottom:4px;line-height:1.3}.audit-details{font-size:.85rem;color:var(--audit-text-muted);line-height:1.5}.audit-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.badge-create{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.badge-delete{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.badge-update{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.badge-transfer{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.badge-security{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}[data-theme=dark] .badge-create{background:#10b98126;color:#34d399;border-color:#10b98133}[data-theme=dark] .badge-delete{background:#ef444426;color:#f87171;border-color:#ef444433}[data-theme=dark] .badge-update{background:#3b82f626;color:#60a5fa;border-color:#3b82f633}[data-theme=dark] .badge-transfer{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b33}[data-theme=dark] .badge-security{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf633}.audit-pagination{padding:1rem 1.5rem;background:var(--audit-bg);border-top:1px solid var(--audit-border);display:flex;justify-content:space-between;align-items:center;border-radius:0 0 var(--audit-radius-lg) var(--audit-radius-lg)}.audit-page-info{font-size:.85rem;color:var(--audit-text-muted);font-weight:600}.audit-page-controls{display:flex;gap:8px}.audit-page-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--audit-radius-sm);border:1px solid var(--audit-border);background:var(--audit-card);font-size:.85rem;font-weight:600;color:var(--audit-text-main);cursor:pointer;transition:all .2s}.audit-page-btn:hover:not(:disabled){background:var(--audit-bg);border-color:var(--audit-border-hover)}.audit-page-btn:disabled{opacity:.5;cursor:not-allowed;background:transparent}.audit-empty-state{padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--audit-text-muted)}.audit-empty-icon{width:64px;height:64px;border-radius:50%;background:var(--audit-bg);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--audit-border-hover)}@media(max-width:900px){.audit-layout{flex-direction:column;gap:1rem;height:auto;min-height:auto;width:100%;box-sizing:border-box}.audit-sidebar{width:100%;height:auto;flex-direction:row;overflow-x:auto;padding:.75rem;border-radius:var(--audit-radius-md);scrollbar-width:none;box-sizing:border-box;position:static;max-height:none}.audit-sidebar::-webkit-scrollbar{display:none}.audit-sidebar-title{display:none}.audit-nav-btn{flex-shrink:0;padding:.5rem 1rem}.audit-content-area{border-radius:var(--audit-radius-md);width:100%;box-sizing:border-box}.audit-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.audit-header h2{font-size:1.15rem;line-height:1.3}.audit-header-actions{width:100%;justify-content:space-between}.audit-filter-bar{flex-direction:column;align-items:stretch;padding:1rem;gap:1rem}.audit-search-wrapper{max-width:100%;width:100%}.audit-filter-bar>div:last-child{flex-direction:column;align-items:stretch;width:100%;gap:1rem}.audit-time-filters{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;box-sizing:border-box}.audit-time-filters::-webkit-scrollbar{display:none}.audit-filter-pill{white-space:nowrap;flex-shrink:0}.audit-custom-date{flex-wrap:wrap}}:root{--ai-primary: #6366f1;--ai-primary-hover: #4f46e5;--ai-secondary: #a855f7;--ai-bg: #f8fafc;--ai-card: #ffffff;--ai-header-bg: rgba(255, 255, 255, .9);--ai-text-main: #1e293b;--ai-text-muted: #64748b;--ai-border: #e2e8f0;--ai-border-hover: #cbd5e1;--ai-consent-overlay: rgba(248, 250, 252, .85);--ai-radius-lg: 16px;--ai-radius-md: 12px;--ai-radius-sm: 8px;--ai-shadow-sm: 0 1px 3px rgba(0,0,0,.05);--ai-shadow-md: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03);--ai-shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--ai-shadow-glow: 0 0 20px rgba(99, 102, 241, .15)}[data-theme=dark]{--ai-bg: #0f172a;--ai-card: #1e293b;--ai-header-bg: rgba(30, 41, 59, .9);--ai-text-main: #f8fafc;--ai-text-muted: #94a3b8;--ai-border: #334155;--ai-border-hover: #475569;--ai-consent-overlay: rgba(15, 23, 42, .85);--ai-shadow-sm: 0 1px 3px rgba(0,0,0,.3);--ai-shadow-md: 0 4px 6px -1px rgba(0,0,0,.3), 0 2px 4px -1px rgba(0,0,0,.2);--ai-shadow-lg: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -2px rgba(0,0,0,.2)}@keyframes ai-spin{to{transform:rotate(360deg)}}@keyframes ai-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ai-slideUp{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:ai-fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:ai-slideUp .5s cubic-bezier(.16,1,.3,1) forwards}.ai-container{display:flex;flex-direction:column;background:var(--ai-bg);border-radius:var(--ai-radius-lg);border:1px solid var(--ai-border);position:relative;font-family:system-ui,-apple-system,sans-serif;box-shadow:var(--ai-shadow-md)}.ai-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--ai-border);background:var(--ai-header-bg);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;border-radius:var(--ai-radius-lg) var(--ai-radius-lg) 0 0}.ai-title-group{display:flex;align-items:center;gap:14px}.ai-logo{width:44px;height:44px;background:linear-gradient(135deg,var(--ai-primary),var(--ai-secondary));border-radius:var(--ai-radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--ai-shadow-glow);color:#fff}.ai-title-group h2{margin:0;font-size:1.25rem;font-weight:800;color:var(--ai-text-main);letter-spacing:-.02em}.ai-info-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ai-bg);border:1px solid var(--ai-border);color:var(--ai-text-muted);cursor:pointer;transition:all .2s}.ai-info-btn:hover{background:var(--ai-border);color:var(--ai-text-main)}.ai-controls-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.ai-control-wrap{display:flex;align-items:center;background:var(--ai-card);border:1px solid var(--ai-border);padding:6px 12px;border-radius:var(--ai-radius-sm);box-shadow:var(--ai-shadow-sm);transition:border-color .2s,box-shadow .2s;gap:8px}.ai-control-wrap:focus-within{border-color:var(--ai-primary);box-shadow:0 0 0 3px #6366f11a}.model-select,.ai-date-picker select,.ai-date-picker input{background:transparent;border:none;color:var(--ai-text-main);font-size:.85rem;font-weight:600;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}.model-select{flex:1;padding-right:1.5rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right center;background-size:14px}.model-select option,.ai-date-picker select option{background-color:var(--ai-card);color:var(--ai-text-main)}.date-sep{font-size:.8rem;color:var(--ai-text-muted);font-weight:400}.usage-indicator{font-size:.75rem;font-weight:700;white-space:nowrap;padding:2px 8px;border-radius:12px;background:var(--ai-bg)}.consent-overlay{position:absolute;inset:0;background:var(--ai-consent-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;justify-content:center;align-items:center;padding:1.5rem}.consent-card{background:var(--ai-card);width:100%;max-width:500px;padding:2.5rem;border-radius:var(--ai-radius-lg);box-shadow:var(--ai-shadow-lg);border:1px solid var(--ai-border);text-align:center;position:relative}.consent-icon-wrapper{background:#6366f11a;width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:inset 0 2px 4px #ffffff0d,0 4px 10px #3b82f626}.consent-card h3{font-size:1.5rem;color:var(--ai-text-main);margin-bottom:1rem;font-weight:800}.consent-card p{color:var(--ai-text-muted);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.consent-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-agree{background:linear-gradient(135deg,var(--ai-primary),var(--ai-secondary));color:#fff;border:none;padding:.85rem 1.75rem;border-radius:var(--ai-radius-sm);font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s,box-shadow .2s;flex:1;box-shadow:var(--ai-shadow-glow)}.btn-agree:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f140}.btn-cancel{background:var(--ai-card);color:var(--ai-text-muted);border:1px solid var(--ai-border);padding:.85rem 1.75rem;border-radius:var(--ai-radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;flex:1}.btn-cancel:hover{background:var(--ai-bg);color:var(--ai-text-main);border-color:var(--ai-border-hover)}.ai-body{flex:1;display:flex;flex-direction:column;background:var(--ai-bg);border-radius:0 0 var(--ai-radius-lg) var(--ai-radius-lg)}.category-scroll-container{background:var(--ai-card);border-bottom:1px solid var(--ai-border);padding:1rem 1.5rem;box-shadow:0 2px 10px #00000005}.category-track{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.category-track::-webkit-scrollbar{display:none}.cat-chip{display:flex;align-items:center;gap:8px;padding:.6rem 1.2rem;border-radius:30px;border:1px solid var(--ai-border);background:var(--ai-bg);color:var(--ai-text-muted);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.cat-chip:hover{background:var(--ai-card);border-color:var(--ai-primary);color:var(--ai-primary);transform:translateY(-1px)}.cat-chip.active{background:var(--ai-text-main);color:var(--ai-card);border-color:var(--ai-text-main);box-shadow:0 4px 10px #00000026}.prompts-grid-section{padding:2rem 1.5rem;max-width:1400px;margin:0 auto;width:100%}.section-title{margin:0 0 1.5rem;font-size:1rem;color:var(--ai-text-muted);text-transform:uppercase;font-weight:800;letter-spacing:.05em;display:flex;align-items:center}.prompts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.prompt-card{background:var(--ai-card);border:1px solid var(--ai-border);border-radius:var(--ai-radius-md);padding:1.5rem;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:.75rem;height:100%;position:relative;overflow:hidden}.prompt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ai-primary),var(--ai-secondary));opacity:0;transition:opacity .3s}.prompt-card:hover{transform:translateY(-4px);box-shadow:var(--ai-shadow-lg);border-color:transparent}.prompt-card:hover:before{opacity:1}.prompt-title{font-weight:800;font-size:1.05rem;color:var(--ai-text-main);line-height:1.3}.prompt-desc{font-size:.85rem;color:var(--ai-text-muted);line-height:1.6;margin:0}.card-disabled{opacity:.6;cursor:not-allowed;background:var(--ai-bg)}.card-disabled:hover{transform:none;box-shadow:none;border-color:var(--ai-border)}.card-disabled:hover:before{opacity:0}.prompt-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:10px}.ai-run-icon{color:var(--ai-primary);background:#6366f11a;padding:6px;border-radius:50%;transition:background .2s,color .2s}.prompt-card:hover .ai-run-icon{background:var(--ai-primary);color:#fff}.result-view{display:flex;flex-direction:column;background:var(--ai-bg);min-height:100%}.result-header{padding:1rem 1.5rem;border-bottom:1px solid var(--ai-border);display:flex;justify-content:space-between;align-items:center;background:var(--ai-card)}.btn-back{width:40px;height:40px;border-radius:var(--ai-radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--ai-border);background:var(--ai-card);color:var(--ai-text-main);transition:all .2s}.btn-back:hover:not(:disabled){background:var(--ai-bg);border-color:var(--ai-border-hover)}.result-title-group{display:flex;flex-direction:column;margin-left:12px}.result-label{font-size:.7rem;color:var(--ai-secondary);text-transform:uppercase;font-weight:800;letter-spacing:.05em}.result-subject{font-size:1.05rem;font-weight:800;color:var(--ai-text-main);line-height:1.2}.btn-rerun{display:flex;align-items:center;gap:6px;background:var(--ai-card);border:1px solid var(--ai-border);padding:8px 14px;border-radius:var(--ai-radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;color:var(--ai-text-main);transition:all .2s;box-shadow:var(--ai-shadow-sm)}.btn-rerun:hover{background:var(--ai-bg);border-color:var(--ai-primary);color:var(--ai-primary)}.result-content{padding:2rem 1.5rem;flex:1;display:flex;justify-content:center}.loading-state,.error-state{padding:4rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.ai-spinner-container{position:relative;width:64px;height:64px;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.ai-spinner-ring{position:absolute;width:100%;height:100%;border:3px solid rgba(99,102,241,.1);border-top-color:var(--ai-primary);border-radius:50%;animation:ai-spin 1s linear infinite}.ai-spinner-icon{color:var(--ai-primary);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-state h3{font-size:1.25rem;font-weight:700;color:var(--ai-text-main);margin-bottom:.5rem}.loading-sub{color:var(--ai-text-muted);font-size:.9rem;background:var(--ai-border);padding:4px 12px;border-radius:20px;display:inline-block;margin-top:10px}.ai-structured-output{max-width:960px;width:100%;display:flex;flex-direction:column;gap:1.5rem}.ai-summary-card{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;padding:2rem;border-radius:var(--ai-radius-lg);box-shadow:0 10px 25px -5px #312e8166;position:relative;overflow:hidden}.ai-summary-card:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(168,85,247,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none}.summary-header{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem;position:relative;z-index:2}.summary-header h3{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.01em}.confidence-badge{margin-left:auto;background:#ffffff26;border:1px solid rgba(255,255,255,.2);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.summary-text{font-size:1.1rem;line-height:1.7;opacity:.95;margin:0;position:relative;z-index:2;font-weight:300}.ai-priority-bar{background:#e11d480d;border:1px solid rgba(225,29,72,.15);padding:1.25rem;border-radius:var(--ai-radius-md);box-shadow:var(--ai-shadow-sm)}.ai-priority-bar h4{margin:0 0 10px;color:#be123c;display:flex;align-items:center;gap:8px;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .ai-priority-bar h4{color:#fda4af}.priority-chips{display:flex;flex-wrap:wrap;gap:10px}.priority-chip{background:var(--ai-card);color:#be123c;border:1px solid rgba(225,29,72,.3);padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:700;box-shadow:0 2px 4px #0000000d}[data-theme=dark] .priority-chip{color:#fda4af}.ai-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.ai-card{background:var(--ai-card);border:1px solid var(--ai-border);border-radius:var(--ai-radius-md);padding:1.5rem;box-shadow:var(--ai-shadow-sm);display:flex;flex-direction:column}.card-title{display:flex;align-items:center;gap:10px;margin:0 0 1.25rem;font-size:1.05rem;font-weight:800;color:var(--ai-text-main);border-bottom:1px solid var(--ai-bg);padding-bottom:1rem}.text-green{color:#10b981}.text-red{color:#ef4444}.text-blue{color:#3b82f6}.text-yellow{color:#f59e0b}.ai-list{padding-left:1.5rem;margin:0;display:flex;flex-direction:column;gap:10px}.ai-list li{color:var(--ai-text-main);line-height:1.5;font-size:.95rem}.evidence-text{display:block;font-size:.8rem;color:var(--ai-text-muted);margin-top:4px;font-style:italic}.risk-list{display:flex;flex-direction:column;gap:12px}.risk-item{padding:12px 16px;border-radius:var(--ai-radius-sm);background:var(--ai-bg);border-left:4px solid var(--ai-border-hover)}.urgency-high{border-left-color:#ef4444;background:#ef44440d}.urgency-medium{border-left-color:#f59e0b;background:#f59e0b0d}.risk-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.risk-issue{font-weight:700;font-size:.95rem;color:var(--ai-text-main);line-height:1.3}.risk-badge{font-size:.7rem;text-transform:uppercase;font-weight:800;letter-spacing:.05em;padding:2px 8px;border-radius:12px;background:#0000001a;color:var(--ai-text-muted)}.urgency-high .risk-badge{background:#ef444426;color:#ef4444}.urgency-medium .risk-badge{background:#f59e0b26;color:#d97706}.risk-impact{font-size:.85rem;color:var(--ai-text-muted);margin:0;line-height:1.5}.table-responsive{overflow-x:auto;width:100%;border-radius:var(--ai-radius-sm);border:1px solid var(--ai-border)}.ai-table{width:100%;border-collapse:collapse;font-size:.9rem;text-align:left}.ai-table th{background:var(--ai-bg);color:var(--ai-text-muted);padding:12px 16px;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:1px solid var(--ai-border)}.ai-table td{padding:14px 16px;border-bottom:1px solid var(--ai-border);color:var(--ai-text-main);font-weight:500}.ai-table tr:last-child td{border-bottom:none}.markdown-body{background:var(--ai-card);border:1px solid var(--ai-border);padding:2rem;border-radius:var(--ai-radius-md);box-shadow:var(--ai-shadow-sm);width:100%;max-width:960px}.md-h2{font-size:1.5rem;font-weight:800;margin:1.5rem 0 1rem;color:var(--ai-text-main);border-bottom:1px solid var(--ai-border);padding-bottom:.5rem}.md-h3{font-size:1.25rem;font-weight:700;margin:1.25rem 0 .75rem;color:var(--ai-text-main)}.md-h4{font-size:1.1rem;font-weight:700;margin:1rem 0 .5rem;color:var(--ai-text-main)}.md-p{line-height:1.6;margin-bottom:1rem;color:var(--ai-text-muted)}.md-li{line-height:1.6;margin-bottom:.5rem;color:var(--ai-text-muted);margin-left:1.5rem}.disabled-view{display:flex;align-items:center;justify-content:center;height:100%;min-height:50vh;background:var(--ai-bg)}.disabled-content{text-align:center;color:var(--ai-text-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.disabled-content h2{color:var(--ai-text-main);font-size:1.5rem;margin:0}.demo-lock-container{background-color:#f59e0b0d;color:#d97706;padding:2.5rem;border-radius:var(--ai-radius-lg);border:1px solid rgba(245,158,11,.2);display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;max-width:500px;box-shadow:var(--ai-shadow-lg)}@media(max-width:860px){.ai-grid-2{grid-template-columns:1fr}}@media(max-width:768px){.ai-container{border-radius:0;border:none}.ai-header{flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem}.ai-controls-group{width:100%;flex-direction:column;align-items:stretch;gap:.5rem}.ai-control-wrap{width:100%;justify-content:space-between}.category-scroll-container{padding:.75rem 1rem}.prompts-grid-section{padding:1rem}.prompts-grid{grid-template-columns:1fr}.result-content{padding:1rem}.ai-summary-card{padding:1.5rem}.consent-card{padding:1.5rem;border-radius:var(--ai-radius-md)}.consent-actions{flex-direction:column}.result-header{padding:1rem;flex-wrap:wrap;gap:10px}.btn-rerun span.hide-mobile{display:none}}