@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-app:#030712;--bg-sidebar:#0f172aa6;--bg-sidebar-hover:#1e293bcc;--bg-panel:#0f172ad9;--bg-card:#1e293b80;--bg-card-hover:#33415599;--bg-input:#020617b3;--glass-border:1px solid #ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(20px);--border-color:#ffffff0f;--border-focus:#38bdf8;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#38bdf8;--accent-hover:#0ea5e9;--accent-success:#10b981;--accent-danger:#f43f5e;--accent-warning:#fbbf24;--shadow-sm:0 1px 2px 0 #0000001a;--shadow-md:0 8px 16px -4px #0003, 0 4px 8px -2px #0000001a;--shadow-lg:0 20px 25px -5px #0000004d, 0 10px 10px -5px #0003;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f1f5f9;--bg-sidebar:#fff;--bg-sidebar-hover:#f1f5f9;--bg-panel:#fff;--bg-card:#f8fafc;--bg-card-hover:#e2e8f0;--bg-input:#fff;--border-color:#e2e8f0;--border-focus:#3b82f6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-primary:#2563eb;--accent-hover:#2563eb;--accent-success:#059669;--accent-danger:#ef4444;--accent-warning:#d97706;--shadow-sm:0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008}body{background-color:var(--bg-app);color:var(--text-primary);margin:0;overflow:hidden}#root{width:100vw;height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}.toast-portal{z-index:9999;pointer-events:none;flex-direction:column-reverse;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast-item{pointer-events:all;-webkit-backdrop-filter:blur(16px);cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:12px;min-width:300px;max-width:420px;padding:14px 18px;transition:opacity .2s,transform .2s;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards toast-slide-in;display:flex;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d,inset 0 1px #ffffff14}.toast-item.toast-exit{animation:.3s ease-in forwards toast-slide-out}.toast-item:hover{transform:scale(1.02)}.toast-item.toast-success{--toast-accent:#10b981;background:#10281ceb;border-color:#10b98166}.toast-item.toast-error{--toast-accent:#ef4444;background:#280c0ceb;border-color:#ef444466}.toast-item.toast-warning{--toast-accent:#eab308;background:#282008eb;border-color:#eab30866}.toast-item.toast-info{--toast-accent:#38bdf8;background:#0a1828eb;border-color:#38bdf866}.toast-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;animation:.4s cubic-bezier(.34,1.56,.64,1) .1s both toast-icon-pop;display:flex}.toast-success .toast-icon{color:#10b981;background:#10b98133}.toast-error .toast-icon{color:#ef4444;background:#ef444433}.toast-warning .toast-icon{color:#eab308;background:#eab30833}.toast-info .toast-icon{color:#38bdf8;background:#38bdf833}.toast-body{flex:1;min-width:0}.toast-title{color:#f1f5f9;margin-bottom:2px;font-size:.875rem;font-weight:700;line-height:1.3}.toast-message{color:#e2e8f0;font-size:.85rem;line-height:1.4}.toast-progress{border-radius:0 0 12px 12px;height:3px;animation:linear forwards toast-progress;position:absolute;bottom:0;left:0}.toast-success .toast-progress{background:#10b981}.toast-error .toast-progress{background:#ef4444}.toast-warning .toast-progress{background:#eab308}.toast-info .toast-progress{background:#38bdf8}.toast-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;transition:color .15s;display:flex}.toast-close:hover{color:#f1f5f9}@keyframes toast-slide-in{0%{opacity:0;transform:translate(120%)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-slide-out{0%{opacity:1;max-height:200px;margin-bottom:0;transform:translate(0)scale(1)}to{opacity:0;max-height:0;margin-bottom:-10px;padding-top:0;padding-bottom:0;transform:translate(120%)scale(.8)}}@keyframes toast-icon-pop{0%{transform:scale(0)rotate(-15deg)}to{transform:scale(1)rotate(0)}}@keyframes toast-progress{0%{width:100%}to{width:0%}}.pm-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out pm-fade-in;display:flex;position:fixed;inset:0}@keyframes pm-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.pm-content{background:var(--bg-panel,#0f172a);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) pm-slide-up;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}@keyframes pm-slide-up{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pm-header{background:linear-gradient(#ffffff08 0%,#0000 100%);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.pm-title{color:var(--text-primary);align-items:center;gap:12px;font-size:1.25rem;font-weight:700;display:flex}.pm-title-icon{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pm-body{grid-template-columns:1fr 1fr;gap:20px 24px;padding:32px;display:grid;overflow-y:auto}.pm-body::-webkit-scrollbar{width:6px}.pm-body::-webkit-scrollbar-track{background:0 0}.pm-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.pm-group{flex-direction:column;gap:8px;display:flex}.pm-group.full-width{grid-column:1/-1}.pm-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.pm-input,.pm-textarea{color:var(--text-primary);background:#0003;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:12px 16px;font-size:.95rem;transition:all .2s}.pm-input:focus,.pm-textarea:focus{background:#0006;border-color:#38bdf8;outline:none;box-shadow:0 0 0 3px #38bdf826}.pm-textarea{resize:vertical;min-height:80px}.pm-color-row{align-items:center;gap:12px;display:flex}.pm-color-picker{cursor:pointer;background:0 0;border:2px solid #ffffff1a;border-radius:12px;flex-shrink:0;width:44px;height:44px;padding:0;transition:border-color .2s;overflow:hidden}.pm-color-picker:hover{border-color:#ffffff4d}.pm-color-picker::-webkit-color-swatch-wrapper{padding:0}.pm-color-picker::-webkit-color-swatch{border:none;border-radius:10px}.pm-switch-wrapper{cursor:pointer;align-items:center;gap:12px;margin-top:4px;display:flex}.pm-switch{background:#ffffff1a;border-radius:20px;flex-shrink:0;width:44px;height:24px;transition:all .3s;position:relative}.pm-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}input[type=checkbox]:checked+.pm-switch{background:#38bdf8;box-shadow:0 0 12px #38bdf866}input[type=checkbox]:checked+.pm-switch:after{transform:translate(20px)}.pm-switch-label{color:var(--text-primary);-webkit-user-select:none;user-select:none;font-size:.95rem;font-weight:500}.pm-footer{background:#0003;border-top:1px solid #ffffff0f;grid-column:1/-1;justify-content:flex-end;gap:16px;padding:24px 32px;display:flex}.pm-btn-cancel{color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;padding:10px 24px;font-weight:600;transition:all .2s}.pm-btn-cancel:hover{background:#ffffff0d;border-color:#fff3}.pm-btn-save{color:#0f172a;cursor:pointer;background:#38bdf8;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #38bdf866}.pm-btn-save:hover:not(:disabled){background:#0ea5e9;transform:translateY(-1px);box-shadow:0 6px 20px #38bdf899}.pm-btn-save:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.bodega-config-container{background-color:var(--bg-primary);flex-direction:column;height:100%;display:flex}.bodega-tabs-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);padding:0 16px;display:flex}.bodega-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.bodega-tab-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.bodega-tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.bodega-tab-body{flex:1;padding:24px;overflow-y:auto}.bodega-tab-content{max-width:800px;margin:0 auto}.bodega-form-group{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:16px;padding:24px;display:flex}.bodega-form-group label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:.875rem;display:flex}.bodega-form-group input,.bodega-form-group textarea{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;padding:10px 12px;font-family:inherit;transition:border-color .2s}.bodega-form-group input:focus,.bodega-form-group textarea:focus{border-color:var(--accent-primary);outline:none}.bodega-dimensions-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.bodega-preview{flex-direction:column;gap:12px;display:flex}.bodega-preview h4{color:var(--text-primary);margin:0;font-size:1rem}.canvas-wrapper{border:1px solid var(--border-color);background-color:#f8fafc;border-radius:8px;justify-content:center;align-items:center;height:100%;min-height:300px;display:flex;overflow:hidden}.bodega-zones-layout{grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;display:grid}.bodega-zones-list{flex-direction:column;gap:16px;display:flex}.zones-list-header{justify-content:space-between;align-items:center;display:flex}.zones-list-header h3{color:var(--text-primary);margin:0}.zones-empty{color:var(--text-muted);text-align:center;background-color:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px;padding:24px;font-style:italic}.zones-list-items{flex-direction:column;gap:8px;display:flex}.zone-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.zone-item.active{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.zone-color-indicator{border-radius:4px;flex-shrink:0;width:24px;height:24px}.zone-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.zone-item-info strong{color:var(--text-primary);font-size:.95rem}.zone-item-info span{color:var(--text-muted);font-size:.8rem}.zone-actions{gap:4px;display:flex}.icon-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{color:var(--text-primary);background-color:#ffffff1a}.icon-btn.danger:hover{color:#ef4444;background-color:#ef44441a}.zone-editor{position:sticky;top:24px}.zone-editor h3{color:var(--text-primary);margin:0 0 8px}.form-row{gap:12px;display:flex}.form-row>label{flex:1}.zone-editor-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.zone-map-container{flex-direction:column;gap:8px;margin-top:8px;margin-bottom:8px;display:flex}.zone-map-label{color:var(--text-muted);font-size:.85rem}.zone-map-area{background-color:var(--bg-secondary);border:1px solid var(--border-color);background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:20px 20px;border-radius:6px;max-width:100%;max-height:250px;margin:0 auto;position:relative;overflow:hidden}.zone-map-box{cursor:grab;border:2px solid #fffc;border-radius:4px;transition:opacity .2s;position:absolute;box-shadow:0 4px 6px #0000004d}.zone-map-box:hover{opacity:.9!important}.zone-map-box.dragging{cursor:grabbing;transition:none;opacity:.9!important}.inventory-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.inventory-panel.fullscreen-overlay{z-index:200;background:var(--bg-app);border-left:1px solid var(--border-color);width:auto;animation:.3s cubic-bezier(.4,0,.2,1) slideInRight;position:fixed;inset:0 0 0 260px}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.inventory-menu-container{flex-direction:column;gap:12px;padding:20px;display:flex}.inventory-menu-btn{background:var(--bg-card);border:var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.inventory-menu-btn:hover{box-shadow:var(--shadow-md);background:#1e293bb3;transform:translateY(-2px)}.inventory-menu-btn-content{color:var(--text-primary);align-items:center;gap:12px;font-size:.95rem;font-weight:600;display:flex}.inventory-header{background:var(--bg-sidebar);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.inventory-header-left{align-items:center;gap:10px;display:flex}.search-box{flex-shrink:0;align-items:center;display:flex;position:relative}.inventory-header-back-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;padding:4px;display:flex}.inventory-header-title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:700;display:flex}.inventory-content-area{flex-direction:column;flex:1;padding:16px;display:flex;overflow:hidden}.inventory-description{color:var(--text-secondary);flex-shrink:0;margin:0 0 12px;font-size:.8rem}.inventory-list-container{flex-direction:column;flex:1;gap:12px;padding-right:6px;display:flex;overflow-y:auto}.inventory-product-card{border:1px solid var(--border-color);background:var(--bg-panel);border-radius:12px;flex-shrink:0;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.inventory-product-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.inventory-product-card.highlighted{border-color:var(--accent-primary);background:#38bdf80d;box-shadow:0 4px 12px #38bdf826}.inventory-product-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.inventory-product-color{border-radius:6px;flex-shrink:0;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0000001a}.inventory-product-info{flex:1;overflow:hidden}.inventory-product-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);margin-bottom:2px;font-size:.95rem;font-weight:600;display:block;overflow:hidden}.inventory-product-stock{color:var(--text-muted);font-size:.75rem;font-weight:500}.inventory-product-barcode-area{background:var(--bg-body);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:6px 10px;display:flex}.inventory-barcode-input{background:0 0;border:none;width:100%;height:auto;padding:6px 8px;font-size:.8rem}.inventory-barcode-input:focus{box-shadow:none;outline:none}.inventory-metadata-container{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.inventory-metadata-tag{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:12px;padding:4px 10px;font-size:.7rem;font-weight:500;transition:all .2s}.inventory-metadata-tag:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.inventory-empty-state{text-align:center;color:var(--text-muted);padding:30px}.inventory-empty-icon{opacity:.5;margin:0 auto 10px}.inventory-tabs{gap:8px;margin-bottom:16px;display:flex}.inventory-sync-container{flex-direction:column;gap:8px;display:flex}.inventory-sql-form{flex-direction:column;gap:12px;display:flex}.inventory-sql-header{justify-content:space-between;align-items:center;display:flex}.inventory-sql-label{margin:0}.inventory-sql-textarea{height:80px;font-family:monospace}.inventory-mapping-container{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 4px 15px #0000001a}.inventory-mapping-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.inventory-mapping-list{background:var(--bg-body);border:1px solid var(--border-color);border-radius:8px;max-height:400px;padding:12px;overflow-y:auto}.inventory-mapping-row{background:var(--bg-panel);border:1px solid #0000;border-bottom:1px solid var(--border-color);border-radius:6px;margin-bottom:0;padding:12px 16px;transition:all .2s}.inventory-mapping-row:last-child{border-bottom:none}.inventory-mapping-row:hover{background:#4f8ef70d;border-color:#4f8ef733;transform:translate(4px)}.inventory-mapping-select{background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #0000000d}.inventory-mapping-select option{background-color:var(--bg-panel);color:var(--text-primary);font-weight:500}.inventory-mapping-select:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #4f8ef733}.inventory-mapping-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4f8ef740}.inventory-mapping-actions{gap:16px;margin-top:24px;display:flex}.inventory-mapping-btn-sync,.inventory-mapping-btn-live{border-radius:8px;flex:1;padding:12px;font-weight:600;transition:transform .1s,box-shadow .2s}.inventory-mapping-btn-sync:hover,.inventory-mapping-btn-live:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.inventory-mapping-btn-live{border-color:var(--accent-success);color:var(--accent-success)}.editor-form-group{flex-direction:column;gap:12px;display:flex}.editor-form-row{gap:12px;display:flex}.editor-form-field{flex-direction:column;flex:1;display:flex}.editor-form-btn-add{margin-top:4px}.editor-list-container{flex-direction:column;gap:8px;max-height:250px;display:flex;overflow-y:auto}.editor-shelf-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;transition:all .2s;display:flex}.editor-shelf-btn:hover{background:var(--bg-card-hover)}.editor-shelf-btn.active{border-color:var(--border-focus);background:var(--bg-card-hover)}.editor-shelf-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.editor-shelf-indicator.active{background:var(--accent-primary)}.editor-shelf-indicator.inactive{background:var(--text-muted)}.editor-list-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:.85rem}.editor-details-container{flex-direction:column;gap:16px;display:flex}.editor-label-highlight{color:var(--text-primary)}.editor-btn-delete{margin-top:8px}.dashboard-panel{flex-direction:column;gap:16px;height:100%;padding:24px;display:flex;overflow-y:auto}.dashboard-loading{color:var(--text-muted);padding:24px}.dashboard-profit-positive{color:var(--accent-primary)}.dashboard-profit-negative{color:var(--accent-danger)}.dashboard-list-container{flex-direction:column;gap:8px;display:flex}.dashboard-list-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:.85rem}.dashboard-product-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.dashboard-product-rank{color:var(--text-muted);width:18px;font-size:.75rem;font-weight:700}.dashboard-product-info{flex:1;overflow:hidden}.dashboard-product-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.dashboard-product-sku{color:var(--text-muted);font-family:monospace;font-size:.68rem}.dashboard-product-stats{text-align:right}.dashboard-product-units{font-size:.85rem;font-weight:700}.dashboard-product-revenue{color:var(--text-secondary);font-size:.72rem}.dashboard-shelves-container{flex-direction:column;gap:16px;display:flex}.dashboard-shelf-pct{color:var(--text-primary);font-weight:600}.dashboard-shelf-fill-safe{background:var(--accent-primary)}.dashboard-shelf-fill-warning{background:var(--accent-warning)}.dashboard-shelf-fill-danger{background:var(--accent-danger)}.dashboard-shelf-details{color:var(--text-muted);justify-content:space-between;margin-top:6px;font-size:.75rem;display:flex}.purchase-history-panel{background:var(--bg-app);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.purchase-history-header{border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex}.purchase-history-title-group{align-items:center;gap:10px;display:flex}.purchase-history-icon-wrapper{background:linear-gradient(135deg,#0ea5e9,#6366f1);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.purchase-history-title-group h2{margin:0;font-size:1rem;font-weight:700}.purchase-history-title-group p{color:var(--text-muted);margin:0;font-size:.75rem}.purchase-history-metrics{gap:20px;display:flex}.purchase-history-metric-item{text-align:right}.purchase-history-metric-label{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:4px;margin-bottom:2px;font-size:.72rem;display:flex}.purchase-history-metric-value{color:var(--text-primary);font-size:1rem;font-weight:700}.purchase-history-metric-value.highlight{color:#10b981}.purchase-history-search-bar{border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);flex-shrink:0;padding:12px 28px}.purchase-history-search-wrapper{max-width:400px;position:relative}.purchase-history-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.purchase-history-search-input{width:100%;padding-left:32px}.purchase-history-body{flex-direction:column;flex:1;gap:6px;padding:20px 28px;display:flex;overflow:auto}.purchase-history-empty{height:200px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.purchase-history-empty-icon{opacity:.25}.purchase-history-empty-text{font-size:.9rem}.ph-table-grid-main{grid-template-columns:28px 1fr 140px 120px 80px 100px;gap:12px;display:grid}.ph-table-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;padding:4px 12px;font-size:.7rem;font-weight:700}.ph-text-center{text-align:center}.ph-text-right{text-align:right}.ph-row-wrapper{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;overflow:hidden}.ph-row-main{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;align-items:center;padding:10px 12px;transition:background .15s}.ph-row-main:hover{background:#ffffff08}.ph-chevron{color:var(--text-muted);align-items:center;display:flex}.ph-supplier-name{font-size:.88rem;font-weight:600}.ph-invoice-number{color:var(--text-muted);align-items:center;gap:4px;margin-top:1px;font-size:.72rem;display:flex}.ph-date{color:var(--text-secondary);align-items:center;gap:5px;font-size:.82rem;display:flex}.ph-units{font-size:.85rem}.ph-total{color:#10b981;font-size:.95rem;font-weight:700}.ph-detail-wrapper{border-top:1px solid var(--border-color);background:var(--bg-app)}.ph-table-grid-sub{grid-template-columns:16px 1fr 100px 110px 90px;gap:12px;display:grid}.ph-detail-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding:6px 20px;font-size:.68rem;font-weight:700}.ph-detail-row{border-bottom:1px solid #ffffff08;align-items:center;padding:7px 20px}.ph-product-color{border-radius:2px;flex-shrink:0;width:10px;height:10px}.ph-product-name{font-size:.82rem;font-weight:500}.ph-product-sku{color:var(--text-muted);font-family:monospace;font-size:.68rem}.ph-item-qty{font-size:.82rem}.ph-item-cost{color:var(--text-secondary);font-size:.82rem}.ph-item-subtotal{color:#6366f1;font-size:.85rem;font-weight:700}.ph-detail-footer{border-top:1px solid var(--border-color);background:#10b9810f;justify-content:flex-end;align-items:center;gap:8px;padding:8px 20px;display:flex}.ph-detail-footer-label{color:var(--text-muted);font-size:.8rem}.ph-detail-footer-total{color:#10b981;font-size:1rem;font-weight:700}.customers-panel{background:var(--bg-app);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.customers-header{border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex}.customers-title-group{align-items:center;gap:10px;display:flex}.customers-header-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.customers-title-group h2{margin:0;font-size:1rem;font-weight:700}.customers-title-group p{color:var(--text-muted);margin:0;font-size:.75rem}.customers-body{flex:1;grid-template-columns:400px 1fr;min-height:0;display:grid;overflow:hidden}.customers-left-col{border-right:1px solid var(--border-color);background:#0000001a;flex-direction:column;gap:16px;padding:24px;display:flex;overflow:auto}.customers-form-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:6px;margin:0 0 4px;font-size:.72rem;font-weight:700;display:flex}.customers-form-title.editing{color:#06b6d4}.customers-form-field{flex-direction:column;gap:4px;display:flex}.customers-label{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:2px;font-size:.75rem;font-weight:600;display:flex}.customers-form-field input,.customers-form-field select{color:#fff;box-sizing:border-box;background:#02061780;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.customers-form-field input:focus,.customers-form-field select:focus{border-color:var(--accent-primary);background:#020617cc;outline:none;box-shadow:0 0 0 2px #38bdf826,inset 0 1px 3px #0003}.customers-form-field input::placeholder{color:#fff3}.customers-grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.customers-grid-auto{gap:8px;display:grid}.customers-grid-auto.columns-2{grid-template-columns:1fr 1fr}.customers-grid-auto.columns-1{grid-template-columns:1fr}.customers-form-actions{gap:8px;margin-top:4px;display:flex}.customers-btn-save{background:linear-gradient(135deg, var(--accent-primary), #0284c7);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #38bdf833}.customers-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #38bdf84d}.customers-btn-save:disabled{opacity:.7;cursor:not-allowed}.customers-btn-cancel{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:4px;padding:9px 14px;font-size:.85rem;font-weight:600;display:flex}.customers-right-col{flex-direction:column;min-height:0;display:flex;overflow:auto}.customers-search-bar{border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);flex-shrink:0;padding:12px 20px}.customers-search-input-wrapper{max-width:360px;position:relative}.customers-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.customers-search-input{width:100%;padding-left:30px}.customers-table-container{flex:1;padding:16px 20px;overflow:auto}.customers-empty{height:200px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.customers-empty-icon{opacity:.25}.customers-empty-text{font-size:.85rem}.customers-table-grid{grid-template-columns:1fr 130px 110px 90px 70px;gap:12px;display:grid}.customers-table-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;padding:4px 12px;font-size:.68rem;font-weight:700}.customers-table-header-center{text-align:center}.customers-table-header-right{text-align:right}.customers-table-list{flex-direction:column;gap:4px;display:flex}.customers-table-row{border:1px solid var(--border-color);border-radius:6px;align-items:center;padding:10px 12px;transition:background .15s}.customers-table-row.odd{background:var(--bg-card)}.customers-table-row.even{background:0 0}.customers-table-row:hover{background:var(--bg-card-hover)!important}.customer-name-group{overflow:hidden}.customer-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.customer-email{color:var(--text-muted);align-items:center;gap:3px;margin-top:1px;font-size:.7rem;display:flex}.customer-document{color:var(--text-secondary);font-family:monospace;font-size:.78rem}.customer-phone{color:var(--text-secondary);font-size:.78rem}.customer-type-wrapper{justify-content:center;align-items:center;display:flex}.customer-type-badge{border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.customer-type-badge.credito{color:#818cf8;background:#6366f126;border:1px solid #6366f140}.customer-type-badge.contado{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.customer-actions{justify-content:flex-end;gap:4px;display:flex}.customer-action-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .15s;display:flex}.customer-action-btn:hover{color:var(--accent-primary)}.customer-action-btn.delete:hover{color:var(--accent-danger)}.cash-gate-loading{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.9rem;display:flex}.cash-gate-screen{background:var(--bg-app);justify-content:center;align-items:flex-start;width:100%;height:100%;padding:24px;display:flex;overflow-y:auto}.cash-gate-screen--overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#020617d9;position:fixed;inset:0}.cash-gate-card{background:var(--bg-panel);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);flex-direction:column;gap:20px;width:100%;max-width:480px;margin:auto 0;padding:32px;display:flex;position:relative}.cash-gate-card--wide{max-width:860px}.cash-gate-card--report{max-width:480px}.cash-gate-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-primary), transparent);opacity:.6;border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:32px;right:32px}.cash-gate-icon{border-radius:16px;justify-content:center;align-self:center;align-items:center;width:56px;height:56px;display:flex}.cash-gate-icon--open{color:var(--accent-primary);background:linear-gradient(135deg,#38bdf826,#0ea5e91a);box-shadow:0 0 24px #38bdf833}.cash-gate-icon--close{color:var(--accent-danger);background:linear-gradient(135deg,#f43f5e26,#e11d481a);box-shadow:0 0 24px #f43f5e33}.cash-gate-icon--success{color:var(--accent-success);background:linear-gradient(135deg,#10b98126,#0596691a);box-shadow:0 0 24px #10b98133}.cash-gate-title{text-align:center;color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:1.4rem;font-weight:800}.cash-gate-subtitle{color:var(--text-muted);text-align:center;margin:-12px 0 0;font-size:.85rem}.cash-gate-header-row{align-items:center;gap:14px;display:flex}.cash-gate-header-row .cash-gate-icon{flex-shrink:0;align-self:auto}.cash-gate-header-row .cash-gate-title,.cash-gate-header-row .cash-gate-subtitle{text-align:left;flex:1;margin:0}.cash-gate-error{border-radius:var(--radius-sm);color:var(--accent-danger);cursor:pointer;border:1px solid #ef444433;border-left:3px solid var(--accent-danger);background:#ef444414;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:flex}.denomination-input{flex-direction:column;gap:10px;min-width:0;display:flex}.denomination-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);border-bottom:1px solid var(--border-color);margin:0;padding-bottom:4px;font-size:.75rem;font-weight:700}.denomination-group{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s;overflow:hidden}.denomination-group:has(.denom-qty-input:focus){border-color:#38bdf866;box-shadow:0 0 0 3px #38bdf80f}.denomination-group-header{background:var(--bg-sidebar);border-bottom:1px solid var(--border-color);padding:8px 14px}.denomination-group-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);font-size:.68rem;font-weight:800;display:block}.denom-row{border-bottom:1px solid var(--border-color);grid-template-columns:minmax(52px,auto) 14px 72px minmax(60px,1fr);align-items:center;gap:8px;padding:8px 14px;transition:background .12s;display:grid}.denom-row:last-child{border-bottom:none}.denom-row:hover{background:var(--bg-card-hover)}.denom-label{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:700}.denom-x{color:var(--text-muted);text-align:center;font-size:.75rem}.denom-qty-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);text-align:center;border-radius:8px;width:100%;padding:6px 8px;font-family:inherit;font-size:.9rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.denom-qty-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #38bdf826}.denom-qty-input::-webkit-inner-spin-button{-webkit-appearance:none}.denom-qty-input::-webkit-outer-spin-button{-webkit-appearance:none}.denom-subtotal{text-align:right;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:500}.denom-subtotal:not(:empty){color:var(--accent-primary)}.denomination-total{border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border-color);background:var(--bg-card);justify-content:space-between;align-items:center;padding:12px 14px;font-size:.88rem;display:flex}.denomination-total strong{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800}.denomination-total--usd{background:#10b9810d;border-color:#10b98140}.denomination-total--usd strong{color:var(--accent-success)}.denomination-total--nio{background:#38bdf80d;border-color:#38bdf840}.denomination-total--nio strong{color:var(--accent-primary)}.cash-gate-summary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary);padding:14px 18px}.cash-gate-summary-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.cash-gate-summary-row strong{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.15rem;font-weight:800}.cash-report-grid{background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:1px;display:flex;overflow:hidden}.cash-report-row{color:var(--text-secondary);background:var(--bg-panel);justify-content:space-between;align-items:center;gap:8px;padding:9px 14px;font-size:.88rem;display:flex}.cash-report-row span{align-items:center;gap:6px;display:flex}.cash-report-row--highlight{background:var(--bg-card);color:var(--text-primary);font-weight:700}.cash-report-row--divider{border-top:1px solid var(--border-color)}.cash-report-row--diff{font-weight:700}.cash-report-notes{color:var(--text-muted);text-align:center;margin:0;padding:0 8px;font-size:.82rem;font-style:italic}.text-success{color:var(--accent-success)!important}.text-danger{color:var(--accent-danger)!important}.cash-gate-field{flex-direction:column;gap:6px;display:flex}.cash-gate-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.cash-gate-actions{gap:10px;display:flex}.cash-gate-btn{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.cash-gate-btn--primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-hover));color:#fff;box-shadow:0 4px 16px #38bdf84d}.cash-gate-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #38bdf873}.cash-gate-btn--secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.cash-gate-btn--secondary:hover{background:var(--bg-card-hover)}.cash-gate-btn--danger{color:#fff;background:linear-gradient(135deg,#f43f5ee6,#e11d48);box-shadow:0 4px 16px #f43f5e4d}.cash-gate-btn--danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #f43f5e73}.cash-gate-btn:disabled{opacity:.5;cursor:not-allowed}.cash-close-fab{z-index:50;color:var(--accent-danger);cursor:pointer;background:#f43f5e1a;border:1px solid #f43f5e40;border-radius:20px;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.cash-close-fab:hover{background:#f43f5e33;box-shadow:0 4px 14px #f43f5e40}.spin{animation:.7s linear infinite spin}.cash-gate-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.denomination-list{background:0 0}@media (width<=767px){.cash-gate-card{border-radius:16px;padding:20px 16px}.denom-row{grid-template-columns:80px 14px 64px 1fr;gap:6px;padding:8px 10px}.cash-gate-actions{flex-direction:column}.cash-gate-columns{grid-template-columns:1fr}}.customer-modal-overlay{z-index:1500;-webkit-backdrop-filter:blur(12px);background:#02061799;justify-content:center;align-items:center;padding:24px;animation:.2s cmFadeIn;display:flex;position:fixed;inset:0}@keyframes cmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cmSlideUp{0%{opacity:0;transform:translateY(28px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.customer-modal-content{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;width:100%;max-width:540px;max-height:82vh;animation:.28s cubic-bezier(.34,1.46,.64,1) cmSlideUp;display:flex;overflow:hidden;box-shadow:0 32px 64px #0006,inset 0 0 0 1px #ffffff0f}.customer-modal-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#8b5cf614 0%,#6d28d90a 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex;position:relative;overflow:hidden}.customer-modal-header:before{content:"";pointer-events:none;background:radial-gradient(#8b5cf633,#0000 70%);width:120px;height:80px;position:absolute;top:-20px;left:16px}.customer-modal-title{align-items:center;gap:14px;display:flex;position:relative}.customer-modal-title-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 6px 20px #8b5cf673}.customer-modal-title h2{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:1.1rem;font-weight:800}.customer-modal-title p{color:var(--text-muted);margin:3px 0 0;font-size:.75rem}.customer-modal-close{border:1px solid var(--border-color);background:var(--bg-card);width:34px;height:34px;color:var(--text-muted);cursor:pointer;z-index:1;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.customer-modal-close:hover{color:var(--accent-danger);background:#ef44441a;border-color:#ef44444d}.customer-modal-search{flex-shrink:0;padding:14px 20px}.customer-search-wrapper{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.customer-search-wrapper:focus-within{border-color:#a855f7;box-shadow:0 0 0 4px #a855f71f}.customer-search-icon{color:#a855f7;flex-shrink:0}.customer-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.customer-search-input::placeholder{color:var(--text-muted)}.customer-search-clear{color:var(--accent-danger);cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;align-items:center;padding:3px 6px;transition:all .15s;display:flex}.customer-search-clear:hover{background:#ef444433}.customer-modal-list{flex-direction:column;flex:1;gap:8px;padding:8px 16px 12px;display:flex;overflow-y:auto}.customer-modal-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 24px;font-size:.9rem;display:flex}.customer-modal-empty-icon{background:var(--bg-card);border:1px solid var(--border-color);width:56px;height:56px;color:var(--text-muted);border-radius:16px;justify-content:center;align-items:center;display:flex}.customer-modal-item{border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.customer-modal-item:before{content:"";opacity:0;background:linear-gradient(#7c3aed,#a855f7);width:3px;transition:opacity .18s;position:absolute;top:0;bottom:0;left:0}.customer-modal-item:hover{background:var(--bg-card-hover);border-color:#a855f766;transform:translate(3px);box-shadow:0 4px 20px #8b5cf61f}.customer-modal-item:hover:before{opacity:1}.customer-modal-item:active{transform:scale(.99)translate(2px)}.customer-item-avatar{color:#fff;text-transform:uppercase;letter-spacing:-.5px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.95rem;font-weight:900;display:flex;box-shadow:0 4px 12px #8b5cf659}.customer-item-info{flex:1;min-width:0}.customer-item-header{align-items:center;gap:8px;margin-bottom:5px;display:flex}.customer-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.92rem;font-weight:700;overflow:hidden}.customer-item-type{text-transform:uppercase;letter-spacing:.8px;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:.62rem;font-weight:800}.customer-item-type-contado{color:var(--accent-success);background:#10b9811f;border:1px solid #10b98140}.customer-item-type-credito{color:var(--accent-warning);background:#f59e0b1f;border:1px solid #f59e0b40}.customer-item-type-default{color:#a78bfa;background:#8b5cf61f;border:1px solid #8b5cf633}.customer-item-details{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.customer-item-detail{color:var(--text-muted);align-items:center;gap:4px;font-size:.74rem;display:flex}.customer-item-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:130px;overflow:hidden}.customer-item-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .18s,color .18s}.customer-modal-item:hover .customer-item-arrow{color:#a855f7;transform:translate(4px)}.customer-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-sidebar);color:var(--text-muted);text-align:center;flex-shrink:0;padding:10px 24px;font-size:.74rem}.sales-panel{background:var(--bg-app);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.sales-header{border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);z-index:10;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 100px 10px 16px;display:flex}.sales-header-left{flex-shrink:0;align-items:center;gap:10px;display:flex}.sales-header-icon{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sales-header-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.sales-header-subtitle{color:var(--text-muted);margin:0;font-size:.75rem}.sh-center-actions{flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.header-client-badge{color:#c4b5fd;cursor:pointer;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-family:inherit;transition:all .2s;display:flex}.header-client-badge:hover{color:#ddd6fe;background:#8b5cf640;border-color:#8b5cf680}.held-sales-dropdown{position:relative}.held-count{color:#fcd34d;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:600}.held-sales-menu{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:4px;min-width:200px;padding:6px;display:none;position:absolute;top:120%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.held-sales-dropdown:hover .held-sales-menu{display:flex}.held-sales-menu button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;transition:background .2s;display:flex}.held-sales-menu button:hover{background:#ffffff1a}.sales-header-right{align-items:center;gap:10px;display:flex}.sh-btn-outline{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;transition:all .2s;display:flex}.sh-btn-outline:hover{color:var(--text-primary);background:#ffffff1a}.sales-btn-process{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #10b98140}.sales-btn-process:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.sales-btn-process:disabled{opacity:.5;cursor:not-allowed}.sales-main-layout{flex-wrap:wrap;flex:1;display:flex;overflow:hidden auto}.sales-left-col{border-right:1px solid var(--border-color);background:var(--bg-app);flex-direction:column;flex:1.5;min-width:380px;display:flex}.sales-top-panel{flex-shrink:0;padding:12px 16px}.pos-search-wrapper{width:100%;position:relative}.pos-search-input-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:center;padding:4px;transition:all .3s;display:flex;box-shadow:0 4px 20px #00000026}.pos-search-input-container:focus-within{border-color:var(--accent-primary);box-shadow:0 4px 24px #38bdf833}.pos-search-icon{color:var(--accent-primary);margin-left:14px}.pos-search-input{color:var(--text-primary);background:0 0;border:none;flex:1;padding:14px 16px;font-size:1rem;font-weight:500}.pos-search-input:focus{outline:none}.pos-autocomplete-dropdown{background:var(--bg-panel);border:1px solid var(--border-color);z-index:50;border-radius:10px;margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 10px 30px #00000080}.pos-autocomplete-item{cursor:pointer;border-bottom:1px solid #ffffff0d;padding:12px 16px}.pos-autocomplete-item:hover{background:#ffffff0d}.pos-autocomplete-item-name{color:var(--text-primary);font-weight:600}.pos-autocomplete-item-sku{color:var(--text-muted);margin-top:4px;font-size:.8rem}.sales-bottom-panel{flex:1;padding:0 16px;overflow:auto}.sales-empty-state{height:100%;color:var(--text-muted);opacity:.5;flex-direction:column;justify-content:center;align-items:center;display:flex}.sales-table-header{text-transform:uppercase;color:var(--text-secondary);z-index:5;background:#8080801a;border-radius:8px;grid-template-columns:14px minmax(60px,2fr) minmax(35px,.6fr) minmax(50px,1fr) minmax(50px,1fr) minmax(60px,1fr) 24px;gap:6px;margin-bottom:6px;padding:8px 10px;font-size:.65rem;font-weight:800;display:grid;position:sticky;top:0}.sales-table-row{background:#ffffff05;border:1px solid #ffffff08;border-radius:8px;grid-template-columns:14px minmax(60px,2fr) minmax(35px,.6fr) minmax(50px,1fr) minmax(50px,1fr) minmax(60px,1fr) 24px;align-items:center;gap:6px;margin-bottom:4px;padding:6px 10px;transition:background .2s;display:grid}.sales-table-row:hover{background:#ffffff0a}.sales-item-color{border-radius:4px;width:14px;height:14px}.sales-item-info{flex-direction:column;display:flex}.sales-item-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.sales-item-sku{color:var(--text-muted);font-size:.75rem}.sales-item-input-qty,.sales-item-input-discount{border:1px solid var(--border-color);width:100%;color:var(--text-primary);text-align:center;background:#8080801a;border-radius:6px;padding:6px;font-family:inherit}.sales-item-input-discount{text-align:right}.sales-item-price-static{text-align:right;color:var(--text-secondary);font-size:.9rem}.sales-item-subtotal{text-align:right;color:var(--accent-primary);font-size:1rem;font-weight:700}.sales-btn-remove{color:#ef4444;cursor:pointer;opacity:.5;background:0 0;border:none;justify-self:center;transition:all .2s}.sales-btn-remove:hover{opacity:1;transform:scale(1.1)}.sales-totals-panel{background:var(--bg-sidebar);border-top:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:6px;padding:12px 16px;display:flex}.st-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.st-discount-input{border:1px solid var(--border-color);color:var(--text-primary);text-align:right;background:#8080801a;border-radius:6px;width:100px;padding:6px 12px;font-family:inherit}.st-discount-val{color:#ef4444}.st-final{border-top:1px dashed #ffffff1a;align-items:flex-end;margin-top:12px;padding-top:12px}.st-final span:first-child{color:var(--text-primary);font-size:1.2rem;font-weight:800}.st-units-sub{color:var(--text-muted);font-size:.8rem;font-weight:400;display:block}.st-final-val{color:var(--accent-success);letter-spacing:-1px;font-size:2.2rem;font-weight:900}.sales-right-col{background:#8080800d;flex-direction:column;flex:1;min-width:250px;max-width:400px;min-height:400px;display:flex}.sales-grid-panel{flex-direction:column;height:100%;display:flex}.sg-header{border-bottom:1px solid var(--border-color);padding:16px}.sg-search{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.sg-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.sg-content{flex:1;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));align-content:start;gap:12px;padding:16px;display:grid;overflow-y:auto}.sg-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;padding:0;transition:all .2s;display:flex;overflow:hidden}.sg-card:hover:not(:disabled){border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #38bdf833}.sg-card:active:not(:disabled){transform:scale(.96)}.sg-card:disabled{opacity:.4;cursor:not-allowed;filter:grayscale()}.sg-card-img{width:100%;height:80px}.sg-card-info{flex-direction:column;gap:4px;padding:8px;display:flex}.sg-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:700;overflow:hidden}.sg-card-bottom{justify-content:space-between;align-items:center;display:flex}.sg-card-price{color:var(--accent-primary);font-size:.8rem;font-weight:800}.sg-card-stock{color:var(--text-secondary);font-size:.65rem}.sg-card-stock.out{color:#ef4444;font-weight:700}.pm-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pm-modal{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;width:500px;overflow:hidden;box-shadow:0 20px 40px #0009}.pm-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pm-header h2{margin:0;font-size:1.2rem}.pm-body{flex-direction:column;gap:24px;padding:24px;display:flex}.pm-total-display{text-align:center;background:#0003;border-radius:12px;padding:20px}.pm-total-label{color:var(--text-secondary);margin-bottom:4px;font-size:.9rem;display:block}.pm-total-value{color:var(--accent-success);font-size:2.5rem;font-weight:900}.pm-methods{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pm-method-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:all .2s;display:flex}.pm-method-btn:hover{background:#ffffff14}.pm-method-btn.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#38bdf81a}.pm-calculator{flex-direction:column;gap:16px;display:flex}.pm-calc-display{background:#111;border:1px inset #333;border-radius:8px;padding:16px}.pm-calc-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:1.2rem;display:flex}.pm-calc-row.highlight{color:var(--accent-primary);font-size:1.4rem;font-weight:700}.pm-calc-received{color:#fff;font-weight:700}.pm-quick-amounts{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.pm-quick-amounts button{color:#34d399;cursor:pointer;background:#10b9811a;border:1px solid #10b9814d;border-radius:6px;padding:8px;font-weight:700;transition:all .2s}.pm-quick-amounts button:hover{background:#10b98133}.pm-numpad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pm-numpad button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:16px;font-size:1.2rem;font-weight:700;transition:all .1s}.pm-numpad button:active{background:#ffffff26;transform:scale(.95)}.pm-numpad button.clear-btn{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.pm-numpad button.del-btn{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b4d}.pm-card-info{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:16px;padding:32px;display:flex}.pm-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;width:100%;padding:16px;font-size:1.1rem;font-weight:800;transition:all .2s;box-shadow:0 4px 16px #10b9814d}.pm-submit-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale();box-shadow:none}.pm-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.pm-input-wrapper{align-items:center;width:140px;display:flex;position:relative}.pm-currency{color:var(--text-muted);font-weight:600;position:absolute;left:12px}.pm-native-input{color:#fff;text-align:right;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:8px 12px 8px 30px;font-size:1.1rem;font-weight:700;transition:all .2s}.pm-native-input:focus{border-color:var(--accent-primary);background:#0003;outline:none;box-shadow:0 0 0 2px #38bdf833}.pm-mixto-display{background:#0f172a66;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:inset 0 2px 10px #0003}.pm-compact-row{align-items:center;gap:12px;display:flex}.pm-compact-input{cursor:text;background:#ffffff05;border:1px solid #ffffff08;border-radius:10px;flex-direction:column;flex:1;gap:6px;padding:10px;transition:all .2s;display:flex}.pm-compact-input:focus-within,.pm-compact-input.focused{border-color:var(--accent-primary);background:#ffffff0d}.pm-compact-input label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.pm-compact-input .pm-native-input{color:var(--text-primary);text-align:right;background:0 0;border:none;width:100%;padding:4px 0;font-size:1.4rem}.pm-compact-input .pm-native-input:focus{box-shadow:none}.pm-input-large{width:160px}.pm-input-large .pm-native-input{background:#0000004d;padding:10px 14px 10px 36px;font-size:1.3rem}.pm-input-large .pm-currency{color:var(--text-secondary);font-size:1.2rem;left:14px}.pm-mix-divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;margin:8px 0}.pm-mix-totals{flex-direction:column;gap:8px;padding:0 8px;display:flex}.pm-mix-total-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.pm-mix-total-val{color:var(--text-primary);font-size:1.3rem;transition:color .3s}.pm-mix-total-val.success{color:#10b981;text-shadow:0 0 12px #10b98166}.pm-mix-total-row.change{color:#f59e0b;font-size:1.05rem}.pm-mix-total-row.remaining{color:#ef4444;font-size:1.05rem}.sales-history-panel{background:var(--bg-app);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.sales-history-header{border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex}.sales-history-title-group{align-items:center;gap:10px;display:flex}.sales-history-icon-wrapper{background:linear-gradient(135deg,#ec4899,#db2777);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sales-history-title-group h2{margin:0;font-size:1rem;font-weight:700}.sales-history-title-group p{color:var(--text-muted);margin:0;font-size:.75rem}.sales-history-metrics{gap:20px;display:flex}.sales-history-metric-item{text-align:right}.sales-history-metric-label{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:4px;margin-bottom:2px;font-size:.72rem;display:flex}.sales-history-metric-value{color:var(--text-primary);font-size:1rem;font-weight:700}.sales-history-metric-value.highlight{color:#10b981}.sales-history-search-bar{border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);flex-shrink:0;padding:12px 28px}.sales-history-search-wrapper{max-width:400px;position:relative}.sales-history-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sales-history-search-input{width:100%;padding-left:32px}.sales-history-body{flex-direction:column;flex:1;gap:6px;padding:20px 28px;display:flex;overflow:auto}.sales-history-empty{height:200px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.sales-history-empty-icon{opacity:.25}.sales-history-empty-text{font-size:.9rem}.sh-table-grid-main{grid-template-columns:28px 1fr 140px 120px 80px 100px;gap:12px;display:grid}.sh-table-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;padding:4px 12px;font-size:.7rem;font-weight:700}.sh-text-center{text-align:center}.sh-text-right{text-align:right}.sh-row-wrapper{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;overflow:hidden}.sh-row-main{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;align-items:center;padding:10px 12px;transition:background .15s}.sh-row-main:hover{background:#ffffff08}.sh-chevron{color:var(--text-muted);align-items:center;display:flex}.sh-customer-info{align-items:center;gap:4px;font-size:.88rem;font-weight:600;display:flex}.sh-customer-icon{opacity:.6}.sh-invoice-number{color:var(--text-muted);align-items:center;gap:4px;margin-top:1px;font-size:.72rem;display:flex}.sh-date{color:var(--text-secondary);align-items:center;gap:5px;font-size:.82rem;display:flex}.sh-units{font-size:.85rem}.sh-total{color:#10b981;font-size:.95rem;font-weight:700}.sh-detail-wrapper{border-top:1px solid var(--border-color);background:var(--bg-app)}.sh-table-grid-sub{grid-template-columns:16px 1fr 100px 110px 90px;gap:12px;display:grid}.sh-detail-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding:6px 20px;font-size:.68rem;font-weight:700}.sh-detail-row{border-bottom:1px solid #ffffff08;align-items:center;padding:7px 20px}.sh-product-color{border-radius:2px;flex-shrink:0;width:10px;height:10px}.sh-product-name{font-size:.82rem;font-weight:500}.sh-product-sku{color:var(--text-muted);font-family:monospace;font-size:.68rem}.sh-item-qty{font-size:.82rem}.sh-item-cost{color:var(--text-secondary);font-size:.82rem}.sh-item-subtotal{color:#ec4899;font-size:.85rem;font-weight:700}.sh-detail-footer{border-top:1px solid var(--border-color);background:#10b9810f;justify-content:flex-end;align-items:center;gap:8px;padding:8px 20px;display:flex}.sh-detail-footer-label{color:var(--text-muted);font-size:.8rem}.sh-detail-footer-total{color:#10b981;font-size:1rem;font-weight:700}.quotes-panel{background:var(--bg-app);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.quotes-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;display:flex}.quotes-title-group{align-items:center;gap:14px;display:flex}.quotes-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 16px #38bdf84d;background:linear-gradient(135deg, var(--accent-primary), #7c3aed)!important}.quotes-title-group h2{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 3px;font-size:1.25rem;font-weight:700}.quotes-title-group p{color:var(--text-muted);margin:0;font-size:.82rem}.quotes-metrics{gap:12px;display:flex}.quotes-metric-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:6px;min-width:130px;padding:10px 18px;display:flex}.quotes-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:5px;font-size:.72rem;font-weight:600;display:flex}.quotes-metric-value{color:var(--text-primary);font-size:1.4rem;font-weight:700;line-height:1}.quotes-metric-value.highlight{background:linear-gradient(135deg,#10b981,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.quotes-search-bar{background:#00000026;border-bottom:1px solid #ffffff0d;flex-shrink:0;padding:14px 28px}.quotes-search-wrapper{background:#ffffff0d;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:10px;max-width:420px;padding:9px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.quotes-search-wrapper:focus-within{border-color:#38bdf880;box-shadow:0 0 0 3px #38bdf81a}.quotes-search-icon{color:var(--text-muted);flex-shrink:0}.quotes-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.quotes-search-input::placeholder{color:var(--text-muted)}.quotes-body{flex-direction:column;flex:1;gap:10px;padding:20px 28px;display:flex;overflow-y:auto}.quotes-empty{color:var(--text-muted);background:#ffffff05;border:1px dashed #ffffff14;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:56px;display:flex}.quotes-empty-icon{opacity:.15}.quotes-empty-text{font-size:1rem}.quote-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.quote-card:hover{border-color:#ffffff24;box-shadow:0 4px 24px #00000040}.quote-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:28px 2.5fr 1.6fr .9fr 1fr auto;align-items:center;gap:16px;padding:14px 18px;transition:background .15s;display:grid}.quote-card-header:hover{background:#ffffff08}.quote-chevron{color:var(--text-muted);align-items:center;transition:transform .22s cubic-bezier(.4,0,.2,1),color .2s;display:flex}.quote-card:has(.quote-expanded-area) .quote-chevron{color:var(--accent-primary)}.quote-customer-info{align-items:center;gap:11px;min-width:0;display:flex}.quote-avatar{width:38px;height:38px;color:var(--accent-primary);letter-spacing:.02em;background:linear-gradient(135deg,#38bdf833,#7c3aed33);border:1px solid #38bdf840;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.quote-customer-text{flex-direction:column;gap:3px;min-width:0;display:flex}.quote-customer-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.quote-invoice-num{color:var(--accent-primary);letter-spacing:.03em;background:#38bdf81a;border:1px solid #38bdf833;border-radius:20px;width:fit-content;padding:2px 7px;font-size:.72rem;display:inline-block}.quote-date-cell{color:var(--text-secondary);flex-direction:column;gap:3px;font-size:.87rem;display:flex}.quote-time{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:10px;width:fit-content;padding:1px 7px;font-size:.75rem}.quote-units-cell{color:var(--text-secondary);text-align:center;white-space:nowrap;background:#ffffff0a;border-radius:8px;padding:6px 10px;font-size:.88rem}.quote-total-cell{text-align:center;background:linear-gradient(135deg,#10b981,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.05rem;font-weight:700}.quote-action-btn{cursor:pointer;background:linear-gradient(135deg, var(--accent-primary), #7c3aed);color:#fff;white-space:nowrap;border:none;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:600;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 10px #38bdf840}.quote-action-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px #38bdf859}.quote-action-btn:active{transform:translateY(0)}.quote-expanded-area{border-top:1px solid #ffffff0d;padding:0 0 12px}.quote-items-grid{flex-direction:column;display:flex}.quote-item-card{border-bottom:1px solid #ffffff0a;grid-template-columns:72px 1fr auto;align-items:center;gap:0;transition:background .15s;display:grid}.quote-item-card:last-child{border-bottom:none}.quote-item-card:hover{background:#ffffff06}.qic-media{justify-content:center;align-items:center;padding:14px 0 14px 16px;display:flex}.qic-image{object-fit:cover;border:1px solid #ffffff1a;border-radius:10px;width:48px;height:48px}.qic-avatar{color:#38bdf8cc;letter-spacing:-.02em;background:linear-gradient(135deg,#38bdf826,#7c3aed33);border:1px solid #38bdf826;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;font-weight:700;display:flex}.qic-body{align-items:center;gap:12px;min-width:0;padding:0 16px;display:flex;overflow:hidden}.qic-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:1.05rem;font-weight:700;overflow:hidden}.qic-meta{display:contents}.qic-sku{letter-spacing:.05em;color:var(--text-muted);background:#ffffff0f;border-radius:4px;flex-shrink:0;padding:2px 7px;font-family:monospace;font-size:.8rem}.qic-attrs{flex-shrink:1;align-items:center;gap:14px;min-width:0;display:flex;overflow:hidden}.qic-attrs:before{content:"·";color:var(--text-muted);flex-shrink:0;font-size:1.2rem}.qic-attr{flex-shrink:0;align-items:center;gap:5px;display:flex}.qic-attr-key{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.72rem;font-weight:700}.qic-attr-val{color:var(--text-secondary);font-size:.9rem;font-weight:500}.qic-color-val{align-items:center;gap:5px;display:inline-flex}.qic-color-swatch{background:#ffffff26;border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.qic-pricing{border-left:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:2px;min-width:130px;padding:14px 18px 14px 12px;display:flex}.qic-qty{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.qic-unit{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.78rem}.qic-subtotal{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.1rem;font-weight:700}@keyframes qFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.settings-panel{background:var(--bg-app);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.settings-header{border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);flex-shrink:0;align-items:center;gap:10px;padding:14px 28px;display:flex}.settings-header-icon{background:linear-gradient(135deg,#64748b,#475569);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.settings-header h2{margin:0;font-size:1rem;font-weight:700}.settings-header p{color:var(--text-muted);margin:0;font-size:.75rem}.settings-body{flex:1;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));align-items:start;gap:32px;width:100%;max-width:1400px;margin:0 auto;padding:32px;display:grid;overflow:auto}.settings-body section{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;height:100%;padding:24px;display:flex;box-shadow:0 4px 15px #00000008}.settings-section-title{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.settings-section-title h3{margin:0;font-size:.88rem;font-weight:700}.settings-section-title h3.danger-text{color:var(--accent-danger)}.settings-themes-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.theme-button{cursor:pointer;text-align:left;background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.theme-button.active{border-color:var(--accent-primary);background:#3b82f614}.theme-button:not(.active):hover{border-color:var(--text-muted)}.theme-preview{border:1px solid #00000026;border-radius:6px;height:80px;position:relative;overflow:hidden}.theme-preview-sidebar-main{flex-direction:column;gap:4px;width:36px;padding:6px 4px;display:flex;position:absolute;top:0;bottom:0;left:0}.theme-preview-sidebar-main>div{border-radius:2px;height:6px}.theme-preview-sidebar-sec{width:60px;padding:6px;position:absolute;top:0;bottom:0;left:36px}.theme-preview-sidebar-sec>div{border-radius:2px;height:5px;margin-bottom:4px}.theme-preview-viewport{justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0 0 0 96px}.theme-preview-viewport>div{opacity:.7;border-radius:2px}.theme-details{justify-content:space-between;align-items:center;display:flex}.theme-name{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:2px;font-size:.88rem;font-weight:700;display:flex}.theme-desc{color:var(--text-muted);font-size:.72rem}.theme-active-icon{background:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.settings-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:8px;padding:20px;display:flex}.settings-card p{color:var(--text-muted);margin:0;font-size:.82rem}.system-info-list{border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.system-info-row{justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.system-info-row.odd{background:var(--bg-card)}.system-info-row.even{background:0 0}.system-info-label{color:var(--text-secondary);align-items:center;gap:5px;font-size:.82rem;display:flex}.system-info-value{color:var(--text-primary);font-family:monospace;font-size:.82rem;font-weight:600}.danger-card{background:#ef44440d;border:1px solid #ef44441a;border-radius:10px;flex-direction:column;gap:12px;padding:20px;display:flex}.danger-card h4{color:var(--accent-danger);margin:0 0 4px;font-size:.9rem;font-weight:700}.danger-card p{color:var(--text-muted);margin:0;font-size:.82rem}.btn-danger-outline{background:var(--accent-danger);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:fit-content;padding:8px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.settings-modes-grid{flex-direction:column;gap:10px;display:flex}.mode-button{cursor:pointer;text-align:left;background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;align-items:center;gap:14px;width:100%;padding:16px;transition:all .2s;display:flex}.mode-button.active{border-color:var(--accent-primary);background:#3b82f60f}.mode-button:not(.active):hover{border-color:var(--text-muted)}.mode-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.mode-details{flex:1}.mode-name{color:var(--text-primary);margin-bottom:3px;font-size:.9rem;font-weight:700}.mode-desc{color:var(--text-muted);font-size:.75rem;line-height:1.4}.pricing-panel{background-color:var(--bg-app);flex-direction:column;width:100%;height:100%;display:flex}.pricing-header{background:linear-gradient(#1e293b66 0%,#0000 100%);border-bottom:1px solid #ffffff08;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.pricing-header-left{align-items:center;gap:16px;display:flex}.pricing-header-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-hover));border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 20px #38bdf840}.pricing-header h2{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:1.4rem;font-weight:700}.pricing-header p{color:var(--text-muted);margin:2px 0 0;font-size:.85rem}.pricing-body{flex-direction:column;flex:1;gap:16px;padding:20px 32px;display:flex;overflow:hidden}.pricing-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pricing-tabs{background:#0f172a99;border:1px solid #ffffff0d;border-radius:12px;padding:4px;display:flex;box-shadow:inset 0 2px 4px #0003}.pricing-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.pricing-tab:hover{color:var(--text-primary)}.pricing-tab.active{color:var(--text-primary);background:#ffffff1a;box-shadow:0 2px 8px #0000001a}.badge{border-radius:12px;margin-left:4px;padding:2px 8px;font-size:.7rem;font-weight:700}.badge-warning{color:#fbd38d;background:#f59e0b1a;border:1px solid #f59e0b33}.badge-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98133}.pricing-search{width:300px;position:relative}.pricing-search svg{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pricing-search input{width:100%;color:var(--text-primary);background:#0f172a99;border:1px solid #ffffff0d;border-radius:10px;padding:10px 12px 10px 38px;font-size:.85rem;transition:all .3s}.pricing-search input:focus{border-color:var(--accent-primary);background:#0f172acc;outline:none;box-shadow:0 0 0 3px #38bdf826}.pricing-advanced-bar{background:#1e293b4d;border:1px solid #ffffff08;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.pricing-select{color:var(--text-primary);cursor:pointer;background:#0f172a80;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:6px 12px;font-size:.85rem;transition:all .2s}.pricing-select:focus{border-color:var(--accent-primary)}.pricing-bulk-input{width:120px;color:var(--text-primary);background:#0f172a80;border:1px solid #ffffff14;border-radius:8px;padding:6px 12px;font-size:.85rem}.pricing-table-container{background:var(--bg-card);border:1px solid #ffffff0d;border-radius:16px;flex:1;overflow:auto;box-shadow:0 8px 30px #0000001f}.pricing-empty{height:100%;color:var(--text-muted);opacity:.5;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.pricing-table{border-collapse:separate;border-spacing:0;width:100%}.pricing-table th{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);z-index:10;background:#0f172ae6;border-bottom:1px solid #ffffff0d;padding:16px 20px;font-size:.7rem;font-weight:700;position:sticky;top:0}.pricing-table td{vertical-align:middle;border-bottom:1px solid #ffffff05;padding:14px 20px}.pricing-table tbody tr{transition:all .2s}.pricing-table tbody tr:hover{background:#ffffff05}.col-photo{width:60px}.col-stock{text-align:center;width:100px}.col-cost{text-align:right;font-variant-numeric:tabular-nums;width:120px;color:var(--text-secondary)}.col-utility,.col-margin{text-align:right;width:120px}.col-price{width:160px}.col-action{text-align:center;width:80px}.pricing-photo{object-fit:cover;border:1px solid #ffffff1a;border-radius:10px;width:40px;height:40px;box-shadow:0 4px 10px #0000001a}.pricing-photo-empty{background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid #ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:800;display:flex;box-shadow:inset 0 2px 8px #00000026}.pricing-name{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:600}.pricing-meta{align-items:center;gap:10px;display:flex}.pricing-sku{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.75rem}.pricing-badges{gap:6px;display:flex}.pricing-badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid #0000;border-radius:12px;padding:2px 8px;font-size:.65rem;font-weight:600}.pricing-badge.label-brand{color:#818cf8;background:#6366f11a;border-color:#6366f133}.pricing-badge.label-category{color:#34d399;background:#10b9811a;border-color:#10b98133}.pricing-stock{color:#34d399;background:#10b98114;border:1px solid #10b98133;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-block}.pricing-stock.out{color:#f87171;background:#ef444414;border-color:#ef444433}.pricing-input-wrapper{align-items:center;display:flex;position:relative}.pricing-currency-symbol{color:var(--text-muted);pointer-events:none;font-weight:600;position:absolute;left:12px}.pricing-input{color:#38bdf8;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:8px;width:100%;padding:8px 12px 8px 30px;font-size:1rem;font-weight:700;transition:all .2s}.pricing-input:hover{background:#ffffff05;border-color:#ffffff0d}.pricing-input:focus{border-color:var(--accent-primary);background:#0f172a99;outline:none;box-shadow:0 0 0 2px #38bdf826}.pricing-input.loss{color:#f87171}.pricing-input.loss:focus{border-color:#f87171;box-shadow:0 0 0 2px #ef444426}.pricing-margin{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;font-weight:700;display:flex}.pricing-margin.positive{color:#34d399}.pricing-margin.negative{color:#f87171}.pricing-utility{font-variant-numeric:tabular-nums;display:flex}.margin-money{letter-spacing:-.3px;font-size:1rem;font-weight:700}.margin-input-wrapper{align-items:center;display:flex;position:relative}.margin-percent-input{width:70px;color:inherit;text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 20px 6px 8px;font-size:.95rem;font-weight:700;transition:all .2s}.margin-percent-input:hover{background-color:#ffffff08;border-color:#ffffff0d}.margin-percent-input:focus{background:var(--bg-input);border-color:#10b981;outline:none;box-shadow:0 0 0 2px #10b98126}.pricing-margin.negative .margin-percent-input:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444426}.margin-percent-symbol{opacity:.6;pointer-events:none;font-size:.85rem;font-weight:700;position:absolute;right:6px}.pricing-utility.positive .margin-money,.pricing-margin.positive .margin-percent-input{color:#10b981}.pricing-utility.negative .margin-money,.pricing-margin.negative .margin-percent-input{color:#ef4444}.pricing-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #6366f133}.pricing-save-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--bg-hover);box-shadow:none;color:var(--text-muted)}.pricing-save-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f159}.pricing-save-btn:not(:disabled):active{transform:translateY(0)}.pricing-success{color:#10b981;justify-content:center;align-items:center;width:36px;height:36px;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn;display:inline-flex}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.pricing-advanced-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 20px;display:flex;box-shadow:0 4px 12px #0000000d}.pricing-filters{align-items:center;gap:12px;display:flex}.pricing-select{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);border-radius:8px;outline:none;min-width:180px;padding:8px 12px;font-size:.9rem;transition:all .2s}.pricing-select:focus,.pricing-select:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #4f8ef71a}.pricing-select option{background:var(--bg-panel);color:var(--text-primary)}.pricing-bulk-action{align-items:center;gap:12px;display:flex}.pricing-bulk-input{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);border-radius:8px;outline:none;width:140px;padding:8px 12px;font-size:.9rem;transition:all .2s}.pricing-bulk-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4f8ef71a}.col-meta{min-width:120px}.pricing-meta-val{white-space:nowrap;text-overflow:ellipsis;max-width:150px;color:var(--text-muted);background:var(--bg-hover);border-radius:6px;padding:4px 8px;font-size:.85rem;display:inline-block;overflow:hidden}.floor-selector-wrapper{z-index:100;pointer-events:auto;justify-content:flex-end;margin:-10px;padding:10px;display:flex;position:absolute;top:72px;right:24px}.floor-selector-container{gap:12px;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex}.collapsed-trigger{cursor:pointer;border-radius:50%;justify-content:center;width:48px;height:48px;transition:transform .2s,box-shadow .2s;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight}.collapsed-trigger:hover{transform:scale(1.05)}.floor-selector-glass{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #fff6;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:64px;padding:8px;display:flex;box-shadow:0 8px 32px #0000001a}@media (prefers-color-scheme:dark){.floor-selector-glass{background:#1e293bb3;border-color:#ffffff1a;box-shadow:0 8px 32px #0006}}.floor-info{color:var(--primary-color);flex-direction:column;align-items:center;gap:4px;padding:8px 0;display:flex}.floor-icon{opacity:.9}.floor-text{text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.floor-controls{flex-direction:column;gap:8px;width:100%;display:flex}.floor-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.floor-btn:not(:disabled):hover,.floor-btn.active-layout{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0070f34d}.floor-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.floor-btn.add-btn{color:#10b981;background:#10b9811a;border-color:#10b98133}.floor-btn.add-btn:hover{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.rrhh-container{background:var(--bg-app);flex-direction:column;height:100%;display:flex;overflow:hidden}.rrhh-header{border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex}.rrhh-header h1{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.rrhh-tabs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;gap:4px;padding:4px;display:flex}.rrhh-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:all .2s}.rrhh-tab:hover{color:var(--text-primary);background:var(--bg-sidebar-hover)}.rrhh-tab.active{background:var(--accent-primary);color:#fff;font-weight:600}.rrhh-content{flex-direction:column;flex:1;gap:16px;padding:24px 28px;display:flex;overflow-y:auto}.employee-form{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.form-group input,.form-group select{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:.88rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #38bdf826}.payroll-results{margin-top:20px}.payroll-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px;display:grid}.summary-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:12px;padding:16px}.summary-card h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;font-size:.8rem}.summary-card p{color:var(--accent-primary);margin:0;font-size:1.4rem;font-weight:700}.am-overlay{z-index:1100;-webkit-backdrop-filter:blur(14px)saturate(120%);background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.25s am-fade-in;display:flex;position:fixed;inset:0}@keyframes am-fade-in{0%{opacity:0}to{opacity:1}}.am{background:var(--bg-panel);border:1px solid #ffffff12;border-radius:20px;flex-direction:column;width:100%;max-width:500px;max-height:92vh;animation:.4s cubic-bezier(.16,1,.3,1) am-slide-in;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff06,0 32px 60px -16px #0009,0 8px 24px #0006}@keyframes am-slide-in{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.am-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#6366f10f 0%,#0000 60%);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px 16px;display:flex}.am-header-left{align-items:center;gap:12px;display:flex}.am-header-icon{color:#818cf8;background:#6366f11f;border:1px solid #6366f140;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.am-header-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.05rem;font-weight:800}.am-header-subtitle{color:var(--text-muted);margin-top:2px;font-size:.78rem;font-weight:500}.am-close{border:1px solid var(--border-color);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.am-close:hover{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e59;transform:rotate(90deg)}.am-body{flex-direction:column;flex:1;gap:18px;padding:20px 22px;display:flex;overflow-y:auto}.am-body::-webkit-scrollbar{width:4px}.am-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.am-section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:10px;font-size:.68rem;font-weight:800;display:flex}.am-section-label:after{content:"";background:var(--border-color);flex:1;height:1px}.am-fields{flex-direction:column;gap:12px;display:flex}.am-field{flex-direction:column;gap:6px;display:flex}.am-label{color:var(--text-primary);letter-spacing:.01em;font-size:.78rem;font-weight:700}.am-input,.am-select{background:var(--bg-input,#00000040);border:1px solid var(--border-color);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:all .2s}.am-input:focus,.am-select:focus{background:var(--bg-input-focus,#00000059);border-color:#6366f199;outline:none;box-shadow:0 0 0 3px #6366f11f}.am-input:disabled{opacity:.45;cursor:not-allowed}.am-role-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.am-role-card{border:1.5px solid var(--border-color);cursor:pointer;text-align:left;background:0 0;border-radius:12px;padding:14px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.am-role-card:hover{background:#ffffff08;border-color:#ffffff26;transform:translateY(-1px)}.am-role-card.selected.worker{background:#38bdf80f;border-color:#38bdf880;box-shadow:0 4px 16px #38bdf826}.am-role-card.selected.admin{background:#f59e0b0f;border-color:#f59e0b80;box-shadow:0 4px 16px #f59e0b26}.am-role-card-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:10px;display:flex}.am-role-card.worker .am-role-card-icon{color:#38bdf8;background:#38bdf81a}.am-role-card.admin .am-role-card-icon{color:#fbbf24;background:#f59e0b1a}.am-role-card.selected.worker .am-role-card-icon{background:#38bdf833}.am-role-card.selected.admin .am-role-card-icon{background:#f59e0b33}.am-role-card-name{color:var(--text-primary);margin-bottom:3px;font-size:.88rem;font-weight:800}.am-role-card-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.4}.am-role-check{opacity:0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:10px;right:10px;transform:scale(0)}.am-role-card.selected.worker .am-role-check{opacity:1;background:#38bdf8;transform:scale(1)}.am-role-card.selected.admin .am-role-check{opacity:1;background:#fbbf24;transform:scale(1)}.am-permissions{border:1px solid var(--border-color);background:#00000026;border-radius:14px;animation:.3s cubic-bezier(.16,1,.3,1) am-perms-in}@keyframes am-perms-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.am-perm-row{border-bottom:1px solid #ffffff0a;grid-template-columns:1fr 90px 90px;align-items:center;gap:8px;padding:10px 16px;transition:background .15s;display:grid}.am-perm-row:last-child{border-bottom:none}.am-perm-row:hover{background:#ffffff06}.am-perm-row-header{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:#00000040;grid-template-columns:1fr 90px 90px;gap:8px;padding:8px 16px;font-size:.68rem;font-weight:800;display:grid}.am-perm-module{color:var(--text-primary);font-size:.85rem;font-weight:600}.am-perm-toggle{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.am-perm-toggle input[type=checkbox]{display:none}.am-toggle-pill{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:100px;flex-shrink:0;width:36px;height:19px;transition:background .3s,border-color .3s,box-shadow .3s;position:relative}.am-toggle-pill:before{content:"";pointer-events:none;z-index:0;background:0 0;border-radius:100px;transition:background .3s;position:absolute;inset:-3px}.am-toggle-pill:after{content:"";z-index:1;background:#ffffff80;border-radius:50%;width:11px;height:11px;transition:left .22s cubic-bezier(.34,1.56,.64,1),background .25s,box-shadow .25s;position:absolute;top:3px;left:3px}.am-perm-toggle.checked .am-toggle-pill{background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-color:#60a5fab3;animation:1.8s ease-in-out infinite flame-pulse;box-shadow:0 0 4px 1px #3b82f6e6,0 0 10px 3px #60a5fa99,0 0 20px 6px #93c5fd59,0 0 35px 10px #bfdbfe1f}.am-perm-toggle.checked .am-toggle-pill:before{background:radial-gradient(at 50% 140%,#93c5fd40 0%,#3b82f61a 40%,#0000 70%);animation:1.8s ease-in-out infinite flame-halo}.am-perm-toggle.checked .am-toggle-pill:after{background:radial-gradient(circle at 40% 35%,#fff 10%,#bfdbfe 50%,#60a5fa 100%);left:20px;box-shadow:0 0 3px 1px #ffffffe6,0 0 8px 2px #93c5fdcc,0 0 14px 4px #3b82f680}@keyframes flame-pulse{0%,to{box-shadow:0 0 4px 1px #3b82f6e6,0 0 10px 3px #60a5fa99,0 0 20px 6px #93c5fd59,0 0 35px 10px #bfdbfe1f}40%{box-shadow:0 0 6px 2px #3b82f6,0 0 14px 5px #60a5fabf,0 0 28px 9px #93c5fd73,0 0 45px 14px #bfdbfe2e}70%{box-shadow:0 0 3px 1px #3b82f6d9,0 0 8px 2px #60a5fa80,0 0 16px 5px #93c5fd47,0 0 28px 8px #bfdbfe14}}@keyframes flame-halo{0%,to{opacity:.7;transform:scaleY(1)}40%{opacity:1;transform:scaleY(1.15)scaleX(1.05)}70%{opacity:.5;transform:scaleY(.95)}}.am-perm-toggle.disabled{opacity:.3;cursor:not-allowed}.am-notif-section{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;margin-top:4px;padding-top:18px;display:flex}.am-notif-btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.am-notif-btn{cursor:pointer;border:1px solid var(--border-color);color:var(--text-secondary);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.am-notif-btn:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff26}.am-notif-btn.primary{color:#a5b4fc;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f159}.am-notif-btn.primary:hover{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border-color:#6366f180}.am-notif-btn:disabled{opacity:.45;cursor:not-allowed}.am-footer{border-top:1px solid var(--border-color);background:#0000001a;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.am-btn-cancel{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:9px 18px;font-size:.85rem;font-weight:700;transition:all .2s}.am-btn-cancel:hover{color:var(--text-primary);background:#ffffff0d;border-color:#fff3}.am-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 22px;font-size:.85rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #6366f159}.am-btn-save:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f173}.am-btn-save:active{transform:translateY(0)}.accounting-panel{background:var(--bg-app);height:100%;color:var(--text-primary);flex-direction:column;display:flex}.accounting-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:24px 32px 0}.accounting-title{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:16px;font-size:1.5rem;font-weight:600;display:flex}.accounting-tabs{gap:8px;display:flex}.accounting-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.accounting-tab:hover{color:var(--text-primary);background:var(--bg-card-hover)}.accounting-tab.active{color:var(--accent-primary);border-bottom:2px solid var(--accent-primary);background:#38bdf80d}.accounting-content{flex:1;padding:24px 32px;overflow-y:auto}.acc-card{background:var(--bg-card);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:24px;transition:all .2s}.acc-card:hover{box-shadow:var(--shadow-lg);border-color:#ffffff1a}.acc-badge{letter-spacing:.02em;border-radius:20px;justify-content:center;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.acc-badge-activo{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.acc-badge-pasivo{color:#f43f5e;background:#f43f5e26;border:1px solid #f43f5e4d}.acc-badge-capital{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.acc-badge-ingreso{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.acc-badge-gasto{color:#a855f7;background:#a855f726;border:1px solid #a855f74d}.acc-badge-deudora{color:#f8fafc;background:#ffffff1a}.acc-badge-acreedora{color:#cbd5e1;background:#ffffff0d}.acc-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.acc-form-group{flex-direction:column;gap:6px;display:flex}.acc-form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.acc-form-group input,.acc-form-group select{background:var(--bg-input);border:var(--glass-border);color:var(--text-primary);border-radius:var(--radius-sm);outline:none;padding:10px 14px;transition:all .2s}.acc-form-group input:focus,.acc-form-group select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #38bdf833}.acc-primary-btn{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-hover) 100%);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #38bdf84d}.acc-primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #38bdf866}.journal-card{background:var(--bg-card);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:24px;transition:all .2s;overflow:hidden}.journal-card:hover{box-shadow:var(--shadow-md);border-color:#ffffff26}.journal-card-header{border-bottom:var(--glass-border);background:#0206174d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.journal-card-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.journal-card-meta{color:var(--text-muted);gap:16px;font-size:.85rem;display:flex}.journal-card-body{padding:16px 20px}.acc-table-wrapper{background:var(--bg-card);border-radius:var(--radius-md);border:var(--glass-border);overflow:hidden}.acc-table{border-collapse:collapse;width:100%}.acc-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:var(--glass-border);background:#02061766;padding:12px 16px;font-size:.8rem;font-weight:600}.acc-table td{color:var(--text-primary);border-bottom:1px solid #ffffff08;padding:14px 16px;font-size:.95rem}.acc-table tr:last-child td{border-bottom:none}.acc-table tr:hover td{background:#ffffff05}.ledger-dashboard{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.ledger-card{background:var(--bg-card);border:var(--glass-border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:24px;display:flex;position:relative;overflow:hidden}.ledger-card:before{content:"";background:linear-gradient(90deg, var(--accent-primary), transparent);opacity:.5;height:4px;position:absolute;top:0;left:0;right:0}.ledger-card-title{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.ledger-card-balance{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.ledger-card-meta{color:var(--text-muted);justify-content:space-between;font-size:.85rem;display:flex}.login-container{width:100vw;height:100vh;color:var(--text-primary);background:radial-gradient(circle,#101524 0%,#080c14 60%,#030408 150%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";z-index:0;pointer-events:none;background:conic-gradient(#0000 0deg,#00e5ff08 90deg,#0000 180deg,#0066ff08 270deg,#0000 360deg);animation:60s linear infinite rotateBg;position:absolute;inset:-50%}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-background-logos{z-index:1;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.bg-mini-logo{filter:drop-shadow(0 0 8px #00e5ff99)brightness(3)contrast(1.5);animation:linear infinite alternate floatMiniLogo;position:absolute}@keyframes floatMiniLogo{0%{opacity:.1;transform:translate(0)rotate(-15deg)scale(.8)}50%{opacity:.4;transform:translate(50px,-60px)rotate(15deg)scale(1.2)}to{opacity:.1;transform:translate(-30px,-120px)rotate(-10deg)scale(.9)}}.login-box{z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#080c14b3;border:1px solid #00e5ff1a;border-radius:12px;width:100%;max-width:400px;padding:40px;animation:1s cubic-bezier(.2,.8,.2,1) forwards loginBoxEnter;position:relative;box-shadow:0 8px 30px #00e5ff26,0 0 0 1px #00e5ff33,inset 0 0 20px #00e5ff0d}@keyframes loginBoxEnter{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.login-header{text-align:center;margin-bottom:30px}.login-logo-main-wrapper{justify-content:center;margin-bottom:15px;display:flex}.login-main-logo{filter:brightness(2.5)contrast(1.2)drop-shadow(0 10px 15px #c9a75266);max-width:200px;height:auto;animation:4s ease-in-out infinite logoHoverLogin}@keyframes logoHoverLogin{0%{filter:brightness(2.5)contrast(1.2)drop-shadow(0 10px 15px #c9a75266);transform:translateY(0)}50%{filter:brightness(3)contrast(1.3)drop-shadow(0 15px 25px #ffd70099);transform:translateY(-8px)}to{filter:brightness(2.5)contrast(1.2)drop-shadow(0 10px 15px #c9a75266);transform:translateY(0)}}.login-header p{color:var(--text-secondary)}.login-error{color:#ff3b30;text-align:center;background-color:#ff3b301a;border:1px solid #ff3b3033;border-radius:8px;margin-bottom:20px;padding:12px;font-size:.9rem}.login-form{flex-direction:column;gap:16px;display:flex}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);position:absolute;left:12px}.input-group input{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:12px 12px 12px 40px;font-size:1rem;transition:all .2s}.input-group input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #4f8ef733}.login-btn{justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px;font-size:1rem;font-weight:600;display:flex}.login-register-divider{color:var(--text-secondary);align-items:center;gap:12px;margin-top:24px;font-size:.8rem;display:flex}.login-register-divider:before,.login-register-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.login-register-link{color:#c9a752;cursor:pointer;background:0 0;border:1px solid #c9a7524d;border-radius:8px;width:100%;margin-top:12px;padding:11px;font-size:.9rem;font-weight:600;transition:all .2s}.login-register-link:hover{background:#c9a75214;border-color:#c9a75299}.register-box{max-width:440px}.register-title{color:#c9a752;margin-top:0;margin-bottom:4px;font-size:1.3rem;font-weight:700}.register-btn{color:#0a0d13;letter-spacing:.5px;background:linear-gradient(135deg,#c9a752 0%,#a07c2e 100%);font-weight:700;transition:all .3s}.register-btn:hover:not(:disabled){background:linear-gradient(135deg,#e0bb6a 0%,#c9a752 100%);transform:translateY(-1px);box-shadow:0 4px 20px #c9a75266}.register-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:16px;padding:8px;font-size:.875rem;transition:color .2s;display:flex}.register-back-btn:hover{color:var(--text-primary);background:#ffffff0a}.register-success-box{text-align:center;padding:48px 40px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards loginBoxEnter}.register-success-icon{margin-bottom:20px;animation:.6s cubic-bezier(.2,.8,.2,1) .2s both successPop}@keyframes successPop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.register-success-title{color:var(--text-primary);margin:0 0 10px;font-size:1.8rem;font-weight:700}.register-success-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem}.register-code-display{background:#c9a75214;border:1px solid #c9a7524d;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:20px;padding:20px 24px;display:flex}.register-code-label{text-transform:uppercase;letter-spacing:1.5px;color:#c9a752;font-size:.78rem;font-weight:600}.register-code-value{color:var(--text-primary);letter-spacing:3px;font-family:monospace;font-size:1.6rem;font-weight:800}.register-success-hint{color:var(--text-secondary);margin:0;font-size:.82rem}.register-success-box{max-width:580px}.industry-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;margin-bottom:24px;display:grid}@media (width<=500px){.industry-grid{grid-template-columns:repeat(2,1fr)}}.industry-card{background:var(--bg-input);cursor:pointer;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 8px;transition:all .2s;display:flex;position:relative;overflow:hidden}.industry-card:hover{background:#ffffff08}.industry-card.selected{background:#c9a7520d;border-color:#c9a75280}.industry-card-icon{color:var(--text-secondary);transition:color .2s}.industry-card.selected .industry-card-icon{color:#c9a752}.industry-card-label{color:var(--text-secondary);text-align:center;font-size:.75rem;font-weight:600;transition:color .2s}.industry-card.selected .industry-card-label{color:var(--text-primary)}.industry-card-indicator{background:#fcd34d;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px;box-shadow:0 0 6px #fcd34d99}.splash-intro-container{z-index:99999;opacity:1;perspective:1000px;background:radial-gradient(circle,#101524 0%,#080c14 60%,#030408 150%);justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity 1s cubic-bezier(.7,0,.3,1),filter 1s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.splash-intro-container:before{content:"";z-index:10;pointer-events:none;background:#00e5ff;animation:2.5s cubic-bezier(.1,1,.2,1) forwards divineFlash;position:absolute;inset:0}.splash-intro-container.fade-out{opacity:0;pointer-events:none;filter:brightness(2)blur(10px);transform:scale(1.1)translateZ(50px)}.splash-ring{pointer-events:none;border:2px solid #00e5ff66;border-radius:50%;width:100vh;height:100vh;animation:2s cubic-bezier(.1,.9,.2,1) forwards ringShockwave;position:absolute;box-shadow:0 0 80px #00e5ff4d,inset 0 0 80px #00e5ff4d}.splash-ring-2{pointer-events:none;border:1px dashed #00e5ff4d;border-radius:50%;width:150vw;height:150vw;animation:30s linear infinite ringRotate,3s ease-in-out infinite alternate ringPulse;position:absolute}.splash-rays{pointer-events:none;background:conic-gradient(#0000 0deg,#0066ff26 30deg,#0000 60deg,#00e5ff26 90deg,#0000 120deg,#0066ff26 150deg,#0000 180deg,#00e5ff26 210deg,#0000 240deg,#0066ff26 270deg,#0000 300deg,#00e5ff26 330deg,#0000 360deg);width:200vw;height:200vw;animation:40s linear infinite reverse ringRotate;position:absolute}.splash-content{z-index:2;transform-style:preserve-3d;flex-direction:column;align-items:center;gap:50px;display:flex;position:relative}.splash-logo-wrapper{opacity:0;animation:3.5s ease-out forwards slowCoinSpin;position:relative}.splash-logo-wrapper:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(90deg,#fff0 0%,#fff 50%,#fff0 100%);width:200%;height:200%;animation:4.5s cubic-bezier(.4,0,.2,1) 2s infinite majesticShimmer;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)translate(-150%)}.splash-logo{object-fit:contain;filter:drop-shadow(0 30px 40px #00e5ff66);width:100%;max-width:550px;height:auto;animation:3s ease-in-out infinite logoHeartbeat}.particle{opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0%,#00e5ff 30%,#0000 80%);border-radius:50%;animation-fill-mode:forwards;position:absolute;box-shadow:0 0 10px #00e5ff}.diamond{opacity:0;background:linear-gradient(135deg,#00e5ff 0%,#06f 100%);width:20px;height:20px;animation:5s cubic-bezier(.4,0,.2,1) infinite floatDiamond;position:absolute;transform:rotate(45deg);box-shadow:0 0 15px #00e5ff99}.luxury-grid-container{perspective:1000px;z-index:1;opacity:0;width:100vw;height:50vh;animation:3s 1.5s forwards fadeIn;position:absolute;bottom:-20vh}.luxury-grid{background-image:linear-gradient(#00e5ff66 1px,#0000 1px),linear-gradient(90deg,#00e5ff66 1px,#0000 1px);background-size:50px 50px;width:200%;height:200%;margin-left:-50%;animation:10s linear infinite moveGrid;transform:rotateX(70deg);box-shadow:inset 0 0 100px #020408}.gold-comet{opacity:0;background:linear-gradient(90deg,#0000,#00e5ff,#fff);border-radius:50%;width:150px;height:2px;animation:3s ease-in infinite shootingStar;position:absolute;transform:rotate(-15deg)}.logo-ghost{filter:drop-shadow(0 0 20px #00e5ff)brightness(1.5)hue-rotate(180deg);mix-blend-mode:screen;pointer-events:none;position:absolute;top:0;left:0}.logo-ghost-1{animation:3.5s cubic-bezier(.4,0,.2,1) infinite alternate ghostPulseLeft}.logo-ghost-2{animation:3.5s cubic-bezier(.4,0,.2,1) -1.5s infinite alternate ghostPulseRight}@keyframes moveGrid{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes shootingStar{0%{opacity:0;filter:hue-rotate();transform:translate(0)rotate(-15deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;filter:hue-rotate(90deg);transform:translate(120vw)translateY(30vh)rotate(-15deg)}}@keyframes ghostPulseLeft{0%{opacity:0;transform:translate(0)scale(1)}50%{opacity:.5;filter:drop-shadow(0 0 30px #00e5ff)hue-rotate(200deg);transform:translate(-15px)scale(1.05)}to{opacity:0;transform:translate(0)scale(1)}}@keyframes ghostPulseRight{0%{opacity:0;transform:translate(0)scale(1)}50%{opacity:.5;filter:drop-shadow(0 0 30px #06f)hue-rotate(160deg);transform:translate(15px)scale(1.05)}to{opacity:0;transform:translate(0)scale(1)}}@keyframes divineFlash{0%{opacity:1}to{opacity:0}}@keyframes slowCoinSpin{0%{opacity:0;filter:blur(20px);transform:scale(2)rotateY(-720deg)}20%{opacity:1;filter:blur()}to{opacity:1;transform:scale(1)rotateY(0)}}@keyframes logoHeartbeat{0%{filter:drop-shadow(0 30px 40px #00e5ff66)}50%{filter:drop-shadow(0 30px 60px #00e5ffcc)brightness(1.1)}to{filter:drop-shadow(0 30px 40px #00e5ff66)}}@keyframes ringShockwave{0%{opacity:1;border-width:20px;transform:scale(0)}to{opacity:0;border-width:1px;transform:scale(1.5)}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ringPulse{0%{opacity:.3;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}@keyframes majesticShimmer{0%{opacity:0;transform:rotate(45deg)translate(-150%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:rotate(45deg)translate(150%)}}@keyframes floatDiamond{0%{opacity:0;transform:translateY(0)rotate(45deg)scale(0)}50%{opacity:.8;transform:translateY(-100px)rotate(225deg)scale(1)}to{opacity:0;transform:translateY(-200px)rotate(405deg)scale(0)}}@keyframes floatParticleExtra{0%{opacity:0;transform:translateY(0)scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)scale(1.5)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes loadingSweep{0%{left:-100%}to{left:100%}}.superadmin-container{background-color:var(--bg-app);min-height:100vh;color:var(--text-primary);justify-content:center;align-items:center;padding:20px;font-family:inherit;display:flex}.superadmin-box{background:var(--bg-sidebar);border:1px solid var(--border-color);text-align:center;border-radius:12px;width:100%;max-width:420px;padding:40px;box-shadow:0 10px 40px #00000080}.superadmin-header{margin-bottom:30px}.superadmin-header h2{color:var(--text-primary);margin:15px 0 5px;font-size:1.5rem}.superadmin-header p{color:var(--text-muted);font-size:.9rem}.superadmin-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:20px;padding:12px;font-size:.9rem}.superadmin-form{flex-direction:column;gap:16px;display:flex}.superadmin-input-group{align-items:center;display:flex;position:relative}.superadmin-input-group .input-icon{color:var(--text-muted);position:absolute;left:14px}.superadmin-input-group input{background:var(--bg-app);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:12px 14px 12px 42px;font-size:.95rem;transition:all .2s}.superadmin-input-group input:focus{border-color:var(--accent-primary);outline:none}.superadmin-btn{background:var(--accent-primary);color:var(--bg-app);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:1rem;font-weight:600;transition:opacity .2s;display:flex}.superadmin-btn:hover{opacity:.9}.superadmin-dashboard{background-color:var(--bg-app);min-height:100vh;color:var(--text-primary)}.superadmin-dashboard-header{background:var(--bg-sidebar);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:15px 30px;display:flex}.superadmin-brand{align-items:center;gap:12px;display:flex}.superadmin-brand h1{margin:0;font-size:1.2rem;font-weight:600}.superadmin-btn-logout{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex}.superadmin-btn-logout:hover{color:var(--text-primary);background:#ffffff0d}.superadmin-content{max-width:1200px;margin:0 auto;padding:30px}.superadmin-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:10px;padding:20px}.stat-card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:.9rem}.stat-value{font-size:2rem;font-weight:700}.stat-value.success{color:var(--accent-success)}.stat-value.danger{color:#ef4444}.superadmin-table-wrapper{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.superadmin-table{border-collapse:collapse;width:100%}.superadmin-table th,.superadmin-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:14px 20px}.superadmin-table th{color:var(--text-muted);text-transform:uppercase;background:#0003;font-size:.85rem;font-weight:600}.superadmin-table th svg{vertical-align:text-bottom;margin-right:6px}.superadmin-table tr:last-child td{border-bottom:none}.superadmin-table tr.inactive-row{opacity:.6}.code-cell{color:var(--accent-primary);font-family:monospace;font-size:1rem;font-weight:700}.status-badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.status-badge.active{color:#10b981;background:#10b98126}.status-badge.inactive{color:#ef4444;background:#ef444426}.action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex}.btn-suspend{color:#ef4444;background:#ef444426}.btn-suspend:hover{color:#fff;background:#ef4444}.btn-activate{color:#10b981;background:#10b98126}.btn-activate:hover{color:#fff;background:#10b981}.sa-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.sa-icon-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.sa-icon-btn:disabled{opacity:.3;cursor:not-allowed}.sa-icon-btn:not(:disabled):hover{transform:translateY(-2px)}.sa-icon-btn.suspend:hover{color:#ef4444;background:#ef444433;border-color:#ef4444}.sa-icon-btn.activate:hover{color:#10b981;background:#10b98133;border-color:#10b981}.sa-icon-btn.impersonate:hover{color:#38bdf8;background:#38bdf833;border-color:#38bdf8}.sa-icon-btn.reset:hover{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b}.sa-icon-btn.metrics:hover,.sa-icon-btn.metrics.active{color:#8b5cf6;background:#8b5cf633;border-color:#8b5cf6}.sa-icon-btn.delete:hover{color:#fff;background:#ef4444;border-color:#ef4444}.metrics-row td{border-bottom:none!important;padding:0!important}.metrics-row+tr>td{border-top:1px solid var(--border-color)}.metrics-panel{border-bottom:1px solid var(--border-color);background:#0f172a80;padding:20px;box-shadow:inset 0 2px 10px #0003}.metrics-grid{justify-content:center;gap:20px;display:flex}.metric-box{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:8px;min-width:120px;padding:15px 25px}.metric-box .mb-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:5px;font-size:.8rem;display:block}.metric-box .mb-value{color:var(--accent-primary);font-size:1.8rem;font-weight:700;display:block}.sa-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.sa-modal{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:400px;animation:.3s slideUp;overflow:hidden;box-shadow:0 10px 40px #00000080}.sa-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.sa-modal-header h3{margin:0;font-size:1.1rem}.sa-modal-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.sa-modal-header button:hover{color:#fff}.sa-modal-body{flex-direction:column;gap:15px;padding:20px;display:flex}.sa-modal-body p{color:var(--text-secondary);margin:0;font-size:.9rem}.sa-modal-body input{border:1px solid var(--border-color);background:var(--bg-body);border-radius:6px;width:100%;padding:8px}.sa-header-tabs{flex:1;gap:10px;margin-left:40px;display:flex}.sa-header-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px;font-size:.9rem;font-weight:600;transition:all .2s}.sa-header-tabs button:hover{color:var(--text-primary)}.sa-header-tabs button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.sa-revenue-tab{flex-direction:column;gap:30px;display:flex}.highlight-card{background:linear-gradient(135deg,#10b9811a 0%,#10b98105 100%);border-color:#10b9814d}.sa-revenue-breakdown h3{color:var(--text-primary);margin-bottom:10px;font-size:1.1rem;font-weight:700}.sa-btn-primary{background:var(--accent-primary);color:var(--bg-app);cursor:pointer;border:none;border-radius:6px;padding:10px;font-weight:700;transition:opacity .2s}.sa-btn-primary:hover{opacity:.9}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notif-panel-overlay{z-index:1099;position:fixed;inset:0}.notif-panel{background:var(--bg-panel);border:var(--glass-border);border-radius:var(--radius-lg);width:340px;max-height:480px;box-shadow:var(--shadow-lg), 0 0 0 1px #38bdf814;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:1100;flex-direction:column;animation:.2s cubic-bezier(.34,1.56,.64,1) notif-panel-in;display:flex;position:fixed;bottom:70px;left:16px;overflow:hidden}@keyframes notif-panel-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-panel-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.notif-panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.notif-panel-title-badge{background:var(--accent-primary);color:#fff;border-radius:10px;padding:1px 6px;font-size:.65rem;font-weight:700}.notif-panel-actions{gap:4px;display:flex}.notif-panel-action-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;transition:all .15s;display:flex}.notif-panel-action-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.notif-list{flex:1;padding:6px 0;overflow-y:auto}.notif-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;font-size:.85rem;display:flex}.notif-empty-icon{opacity:.3}.notif-item{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:flex-start;gap:10px;padding:10px 14px;transition:background .15s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-card-hover)}.notif-item.unread{background:#38bdf80a}.notif-item.unread:before{content:"";background:var(--accent-primary);border-radius:0 2px 2px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.notif-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.notif-item-icon.sale{color:var(--accent-success);background:#10b98126}.notif-item-icon.low_stock{color:var(--accent-warning);background:#fbbf2426}.notif-item-icon.user_created{color:var(--accent-primary);background:#38bdf826}.notif-item-icon.user_message{color:#8b5cf6;background:#8b5cf626}.notif-item-icon.info{color:var(--accent-primary);background:#38bdf826}.notif-item-icon.warning{color:var(--accent-warning);background:#fbbf2426}.notif-item-icon.success{color:var(--accent-success);background:#10b98126}.notif-item-body{flex:1;min-width:0}.notif-item-title{color:var(--text-primary);margin-bottom:2px;font-size:.82rem;font-weight:600;line-height:1.3}.notif-item-message{color:var(--text-secondary);word-break:break-word;font-size:.78rem;line-height:1.4}.notif-item-time{color:var(--text-muted);margin-top:4px;font-size:.7rem}.notif-bell-wrapper{position:relative}.notif-bell-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;transition:all .2s;display:flex;position:relative}.notif-bell-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.notif-bell-btn.has-unread{color:var(--accent-primary)}.notif-badge{background:var(--accent-danger);color:#fff;pointer-events:none;border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.6rem;font-weight:700;line-height:1;animation:2s infinite notif-pulse;display:flex;position:absolute;top:2px;right:2px}@keyframes notif-pulse{0%,to{box-shadow:0 0 #f43f5e66}50%{box-shadow:0 0 0 5px #f43f5e00}}.billing-banner{flex-shrink:0;align-items:center;gap:12px;padding:10px 18px;font-size:.82rem;font-weight:500;animation:.3s billing-banner-in;display:flex}@keyframes billing-banner-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.billing-banner.warning{color:var(--accent-warning);background:linear-gradient(90deg,#fbbf241f 0%,#fbbf240f 100%);border-bottom:1px solid #fbbf244d}.billing-banner.danger{color:var(--accent-danger);background:linear-gradient(90deg,#f43f5e26 0%,#f43f5e12 100%);border-bottom:1px solid #f43f5e59}.billing-banner-icon{flex-shrink:0}.billing-banner-text{flex:1;line-height:1.4}.billing-banner-text strong{margin-bottom:1px;display:block}.billing-banner-text span{opacity:.85}.billing-banner-btn{color:inherit;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid;flex-shrink:0;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .15s}.billing-banner-btn:hover{background:#ffffff1a}.bp-overlay{z-index:1200;-webkit-backdrop-filter:blur(20px)saturate(120%);background:#000c;justify-content:center;align-items:center;padding:16px;animation:.3s bp-fade-in;display:flex;position:fixed;inset:0}@keyframes bp-fade-in{0%{opacity:0}to{opacity:1}}.bp-hero{background:var(--bg-card,#ffffff08);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;margin-bottom:24px;padding:24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.bp-hero[data-plan=pro]{background:linear-gradient(145deg,#8b5cf614 0%,#8b5cf605 100%);border-color:#8b5cf666;box-shadow:0 4px 30px #8b5cf61a}.bp-hero[data-plan=business]{background:linear-gradient(145deg,#10b98114 0%,#10b98105 100%);border-color:#10b98166;box-shadow:0 4px 30px #10b9811a}.bp-hero[data-plan=starter]{background:linear-gradient(145deg,#38bdf814 0%,#38bdf805 100%);border-color:#38bdf866;box-shadow:0 4px 30px #38bdf81a}.bp-hero-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bp-hero-icon-wrap{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.bp-hero-ring{border:1px solid #ffffff1a;border-radius:14px;position:absolute;inset:-2px}.bp-hero[data-plan=pro] .bp-hero-ring{border-color:#a78bfa}.bp-hero[data-plan=business] .bp-hero-ring{border-color:#34d399}.bp-hero[data-plan=starter] .bp-hero-ring{border-color:#38bdf8}.bp-hero-price{text-align:right}.bp-hero-price-amount{color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1.2}.bp-hero-price-period{color:var(--text-secondary);font-size:.75rem}.bp-hero-info{margin-bottom:20px}.bp-hero-name{color:var(--text-primary);margin-bottom:4px;font-size:1.25rem;font-weight:700}.bp-hero-bottom{border-top:1px solid #ffffff0f;align-items:center;gap:12px;padding-top:16px;display:flex}.bp-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:600}.bp-status-badge.active{color:#34d399;background:#10b98126}.bp-status-badge.trial{color:#38bdf8;background:#38bdf826}.bp-status-badge.expired{color:#f43f5e;background:#f43f5e26}.bp-status-badge.suspended{color:#fbbf24;background:#f59e0b26}.bp-expiry-text{color:var(--text-secondary);font-size:.8rem}.bp{background:#0a0a10;border:1px solid #ffffff12;border-radius:22px;flex-direction:column;width:100%;max-width:580px;max-height:92vh;animation:.45s cubic-bezier(.16,1,.3,1) bp-slide-in;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 40px 80px -20px #000c,0 8px 32px #00000080}@keyframes bp-slide-in{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.bp-body{flex:1;min-height:0;overflow-y:auto}.bp-body::-webkit-scrollbar{width:3px}.bp-body::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:4px}.bp-topbar{border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.bp-topbar-title{color:#fffc;letter-spacing:-.01em;align-items:center;gap:9px;font-size:.95rem;font-weight:700;display:flex}.bp-close{color:#ffffff73;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.bp-close:hover{color:#f43f5e;background:#f43f5e1f;border-color:#f43f5e66;transform:rotate(90deg)scale(1.1)}.bp-hero{border-radius:18px;flex-direction:column;gap:14px;margin:16px 18px 0;padding:22px 22px 18px;transition:background .5s;display:flex;position:relative;overflow:hidden}.bp-hero[data-plan=trial]{background:linear-gradient(135deg,#1a1a28,#1e1e35,#1a1a2e)}.bp-hero[data-plan=starter]{background:linear-gradient(135deg,#0b1a2c,#0e2540,#0a305c)}.bp-hero[data-plan=pro]{background:linear-gradient(135deg,#170f2e,#21154a,#2a0d5c)}.bp-hero[data-plan=business]{background:linear-gradient(135deg,#091f17,#0d2e22,#0b3d2b)}.bp-hero:before{content:"";filter:blur(60px);pointer-events:none;border-radius:50%;width:70%;height:80px;transition:background .5s;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.bp-hero[data-plan=trial]:before{background:#64748b73}.bp-hero[data-plan=starter]:before{background:#38bdf880}.bp-hero[data-plan=pro]:before{background:#8b5cf68c}.bp-hero[data-plan=business]:before{background:#10b98180}.bp-hero:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0a,#0000);width:50%;height:100%;animation:5s infinite bp-hero-sweep;position:absolute;top:0;left:-100%;transform:skew(-15deg)}@keyframes bp-hero-sweep{0%{left:-100%}20%{left:160%}to{left:160%}}.bp-hero-top{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.bp-hero-icon-wrap{flex-shrink:0;width:52px;height:52px;position:relative}.bp-hero-icon{z-index:1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.bp-hero-ring{-webkit-mask-composite:destination-out;background:conic-gradient(#ffffff80,#ffffff0d,#ffffff80) border-box;border:1.5px solid #0000;border-radius:50%;animation:4s linear infinite bp-spin;position:absolute;inset:-5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes bp-spin{to{transform:rotate(360deg)}}.bp-hero-price{text-align:right;z-index:1;position:relative}.bp-hero-price-amount{color:#fff;letter-spacing:-.05em;font-size:2.2rem;font-weight:900;line-height:1}.bp-hero-price-period{color:#ffffff59;margin-top:3px;font-size:.75rem}.bp-hero-info{z-index:1;position:relative}.bp-hero-name{color:#fff;letter-spacing:-.03em;margin-bottom:10px;font-size:1.6rem;font-weight:900}.bp-hero-bottom{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.bp-status-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:.7rem;font-weight:800;display:inline-flex}.bp-status-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite bp-pulse-dot;box-shadow:0 0 6px}@keyframes bp-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.bp-status-badge.trial{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2440}.bp-status-badge.active{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.bp-status-badge.expired{color:#fb7185;background:#f43f5e1f;border:1px solid #f43f5e4d}.bp-status-badge.suspended{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2440}.bp-expiry-text{color:#fff6;font-size:.8rem;font-weight:500}.bp-section{opacity:0;padding:20px 20px 0;animation:.4s cubic-bezier(.16,1,.3,1) both bp-stagger-in}.bp-section:first-of-type{animation-delay:.12s}.bp-section:nth-of-type(2){animation-delay:.2s}@keyframes bp-stagger-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bp-section-label{text-transform:uppercase;letter-spacing:.12em;color:#ffffff47;align-items:center;gap:10px;margin-bottom:14px;font-size:.7rem;font-weight:800;display:flex}.bp-section-label:after{content:"";background:#ffffff0d;flex:1;height:1px}.bp-rings-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.bp-ring-item{cursor:default;background:#ffffff06;border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.bp-ring-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-3px)}.bp-ring-svg{display:block;transform:rotate(-90deg)}.bp-ring-track{fill:none;stroke:#ffffff0d}.bp-ring-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1.4s cubic-bezier(.16,1,.3,1)}.bp-ring-fill.ok{stroke:url(#ring-ok);filter:drop-shadow(0 0 6px #10b98180)}.bp-ring-fill.warning{stroke:url(#ring-warn);filter:drop-shadow(0 0 6px #f59e0b80)}.bp-ring-fill.danger{stroke:url(#ring-danger);filter:drop-shadow(0 0 6px #e11d4880)}.bp-ring-fill.unlimited{stroke:url(#ring-ok);filter:drop-shadow(0 0 6px #10b98180)}.bp-ring-wrap{width:72px;height:72px;position:relative}.bp-ring-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bp-ring-value{color:#fff;font-size:.9rem;font-weight:800;line-height:1}.bp-ring-max{color:#ffffff4d;margin-top:2px;font-size:.58rem;font-weight:600}.bp-ring-label{color:#ffffff73;text-align:center;font-size:.78rem;font-weight:600}.bp-switcher{background:#070710;border-top:1px solid #ffffff0d;flex-shrink:0;margin-top:32px;position:relative;overflow:hidden}.bp-switcher-glow{pointer-events:none;filter:blur(50px);opacity:.6;border-radius:50%;width:300px;height:120px;transition:background .5s;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.bp-plan-tabs{z-index:1;grid-template-columns:repeat(3,1fr);gap:0;padding:16px 18px 0;display:grid;position:relative}.bp-plan-tab{cursor:pointer;background:0 0;border:none;border-radius:14px 14px 0 0;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 12px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.bp-plan-tab:before{content:"";opacity:0;border-radius:14px 14px 0 0;transition:opacity .3s;position:absolute;inset:0}.bp-plan-tab[data-plan=starter]:before{background:linear-gradient(#38bdf81a,#0000)}.bp-plan-tab[data-plan=pro]:before{background:linear-gradient(#8b5cf61f,#0000)}.bp-plan-tab[data-plan=business]:before{background:linear-gradient(#10b9811a,#0000)}.bp-plan-tab:hover:before,.bp-plan-tab.active:before{opacity:1}.bp-plan-tab-indicator{opacity:0;border-radius:2px 2px 0 0;height:2px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:12px;right:12px;transform:scaleX(0)}.bp-plan-tab[data-plan=starter] .bp-plan-tab-indicator{background:#38bdf8}.bp-plan-tab[data-plan=pro] .bp-plan-tab-indicator{background:#a78bfa}.bp-plan-tab[data-plan=business] .bp-plan-tab-indicator{background:#34d399}.bp-plan-tab.active .bp-plan-tab-indicator{opacity:1;transform:scaleX(1)}.bp-plan-tab-icon{z-index:1;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.bp-plan-tab[data-plan=starter] .bp-plan-tab-icon{background:#38bdf81a}.bp-plan-tab[data-plan=pro] .bp-plan-tab-icon{background:#8b5cf61a}.bp-plan-tab[data-plan=business] .bp-plan-tab-icon{background:#10b9811a}.bp-plan-tab.active[data-plan=starter] .bp-plan-tab-icon{background:#38bdf833;box-shadow:0 0 16px #38bdf859}.bp-plan-tab.active[data-plan=pro] .bp-plan-tab-icon{background:#8b5cf633;box-shadow:0 0 16px #8b5cf666}.bp-plan-tab.active[data-plan=business] .bp-plan-tab-icon{background:#10b98133;box-shadow:0 0 16px #10b98166}.bp-plan-tab-name{color:#fff6;z-index:1;letter-spacing:-.01em;font-size:.82rem;font-weight:800;transition:color .25s;position:relative}.bp-plan-tab.active .bp-plan-tab-name{color:#ffffffe6}.bp-plan-tab-price{color:#fff3;z-index:1;font-size:.72rem;font-weight:600;transition:color .25s;position:relative}.bp-plan-tab.active[data-plan=starter] .bp-plan-tab-price{color:#38bdf8b3}.bp-plan-tab.active[data-plan=pro] .bp-plan-tab-price{color:#a78bfacc}.bp-plan-tab.active[data-plan=business] .bp-plan-tab-price{color:#34d399cc}.bp-plan-detail{background:#ffffff06;border:1px solid #ffffff0f;border-top:none;border-radius:0 0 18px 18px;margin:0 18px 18px;position:relative;overflow:hidden}.bp-particles{pointer-events:none;z-index:0;position:absolute;inset:0}.bp-plan-content{z-index:1;padding:20px;animation:.45s cubic-bezier(.16,1,.3,1) both bp-plan-enter;position:relative}@keyframes bp-plan-enter{0%{opacity:0;filter:blur(4px);transform:translateY(16px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.bp-detail-price-row{align-items:baseline;gap:6px;margin-bottom:18px;display:flex}.bp-detail-price{letter-spacing:-.05em;background:var(--plan-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:900;line-height:1}.bp-detail-price-period{color:#ffffff4d;font-size:.85rem;font-weight:600}.bp-limits-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.bp-limit-chip{border:1px solid var(--plan-border);background:var(--plan-chip-bg);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;animation:.4s cubic-bezier(.34,1.56,.64,1) both bp-chip-in;display:flex}.bp-limit-chip:first-child{animation-delay:50ms}.bp-limit-chip:nth-child(2){animation-delay:.1s}.bp-limit-chip:nth-child(3){animation-delay:.15s}@keyframes bp-chip-in{0%{opacity:0;transform:scale(.8)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.bp-limit-value{color:#fff;letter-spacing:-.03em;font-size:1.3rem;font-weight:900}.bp-limit-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:600}.bp-detail-features{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.bp-detail-feature{color:#ffffffa6;background:#ffffff06;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .2s;animation:.4s cubic-bezier(.16,1,.3,1) both bp-feature-in;display:flex}.bp-detail-feature:first-child{animation-delay:60ms}.bp-detail-feature:nth-child(2){animation-delay:.1s}.bp-detail-feature:nth-child(3){animation-delay:.14s}.bp-detail-feature:nth-child(4){animation-delay:.18s}.bp-detail-feature:nth-child(5){animation-delay:.22s}.bp-detail-feature:nth-child(6){animation-delay:.26s}.bp-detail-feature:nth-child(7){animation-delay:.3s}.bp-detail-feature:nth-child(8){animation-delay:.34s}@keyframes bp-feature-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.bp-detail-feature:hover{color:#ffffffe6;border-color:var(--plan-accent-border);background:#ffffff0d}.bp-feature-check{background:var(--plan-chip-bg);border:1px solid var(--plan-border);width:18px;height:18px;color:var(--plan-accent-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bp-msg{box-sizing:border-box;color:#ffffffd9;resize:none;background:#00000080;border:1px solid #ffffff14;border-radius:12px;width:100%;min-height:64px;margin-bottom:14px;padding:12px 14px;font-family:inherit;font-size:.83rem;line-height:1.5;transition:all .2s}.bp-msg::placeholder{color:#ffffff2e}.bp-msg:focus{border-color:var(--plan-accent-color);box-shadow:0 0 0 3px var(--plan-glow);background:#0009;outline:none}.bp-cta{color:#fff;letter-spacing:-.01em;cursor:pointer;background:var(--plan-gradient);width:100%;box-shadow:0 10px 28px var(--plan-shadow), inset 0 1px 0 #ffffff2e;border:none;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:15px;font-size:.9rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.bp-cta:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:60%;height:100%;animation:3.5s infinite bp-btn-shine;position:absolute;top:0;left:-100%;transform:skew(-15deg)}@keyframes bp-btn-shine{0%{left:-100%}25%{left:200%}to{left:200%}}.bp-cta:hover{box-shadow:0 16px 32px var(--plan-shadow), inset 0 1px 0 #ffffff40;transform:translateY(-2px)}.bp-cta:active{transform:translateY(0)}.bp-cta:disabled{opacity:.55;cursor:not-allowed;transform:none}.bp-plan-detail[data-plan=starter]{--plan-gradient:linear-gradient(135deg, #0ea5e9, #38bdf8, #7dd3fc);--plan-border:#38bdf833;--plan-chip-bg:#38bdf80f;--plan-accent-color:#38bdf8;--plan-accent-border:#38bdf84d;--plan-glow:#38bdf826;--plan-shadow:#0ea5e959}.bp-plan-detail[data-plan=pro]{--plan-gradient:linear-gradient(135deg, #7c3aed, #8b5cf6, #a78bfa);--plan-border:#8b5cf633;--plan-chip-bg:#8b5cf60f;--plan-accent-color:#a78bfa;--plan-accent-border:#8b5cf659;--plan-glow:#8b5cf626;--plan-shadow:#7c3aed66}.bp-plan-detail[data-plan=business]{--plan-gradient:linear-gradient(135deg, #059669, #10b981, #34d399);--plan-border:#10b98133;--plan-chip-bg:#10b9810f;--plan-accent-color:#34d399;--plan-accent-border:#10b98159;--plan-glow:#10b98126;--plan-shadow:#05966966}*{box-sizing:border-box}.app{background:var(--bg-app);width:100vw;height:100vh;color:var(--text-primary);display:flex;overflow:hidden}.sidebar-wrapper{z-index:10;height:100vh;box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-wrapper.collapsed{position:absolute;transform:translate(-100%)}.sidebar-main{background:var(--bg-sidebar);width:260px;-webkit-backdrop-filter:var(--glass-blur);border-right:var(--glass-border);z-index:12;flex-direction:column;display:flex}.sidebar-secondary{background:var(--bg-panel);border-right:1px solid var(--border-color);z-index:11;flex-direction:column;width:320px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-x:hidden}.sidebar-secondary.hidden{border-right:none;width:0}.brand{justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.brand-info{align-items:center;gap:12px;display:flex}.brand-logo{border-radius:var(--radius-md);background:#38bdf81a;border:1px solid #38bdf833;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:inset 0 0 10px #38bdf80d}.brand-text h1{letter-spacing:-.5px;color:var(--text-primary);background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.4rem;font-weight:700}.brand-text span{color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:600}.tabs-container{flex:1;padding:0 16px;overflow-y:auto}.tabs{background:0 0;flex-direction:column;gap:4px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:12px;padding:10px 16px;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.tab:hover{color:var(--text-primary);background:#ffffff08;transform:translate(4px)}.tab:active{transform:scale(.98)translate(4px)}.tab.active{border-left:3px solid var(--accent-primary);color:var(--text-primary);background:linear-gradient(90deg,#38bdf826 0%,#0000 100%);font-weight:600}.sidebar-footer{border-top:var(--glass-border);background:#0206174d;flex-direction:column;gap:16px;padding:16px 20px;display:flex}.warehouse-selector{border-radius:var(--radius-sm);background:#0003;border:1px solid #ffffff0a;align-items:center;gap:10px;padding:8px 12px;display:flex}.warehouse-selector select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-weight:500}.warehouse-selector select option{background:var(--bg-app);color:var(--text-primary)}.user-profile{justify-content:space-between;align-items:center;display:flex}.user-info{align-items:center;gap:10px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-hover));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 2px 8px #38bdf866}.user-details{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.user-role{color:var(--text-secondary);font-size:.75rem}.logout-btn{border-radius:var(--radius-sm);color:var(--accent-danger);background:#f43f5e1a;border:1px solid #0000;padding:6px}.logout-btn:hover{background:#f43f5e33;border-color:#f43f5e4d;transform:scale(1.05)}.error-banner{border-radius:var(--radius-sm);color:var(--accent-danger);cursor:pointer;background:#ef44441a;border:1px solid #ef444433;align-items:center;gap:6px;margin:12px 16px 0;padding:8px 12px;font-size:.95rem;font-weight:500;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight}.panel-content{flex-direction:column;flex:1;gap:16px;padding:24px;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex;overflow-y:auto}.panel-header{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 16px;font-size:1.4rem;font-weight:700}.collapsible-section{background:var(--bg-card);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.collapsible-section.open{box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bb3}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-card);justify-content:space-between;align-items:center;padding:10px 12px;transition:background .2s;display:flex}.collapsible-header:hover{background:var(--bg-card-hover)}.collapsible-title{align-items:center;gap:8px;display:flex}.collapsible-icon{color:var(--accent-primary);align-items:center;display:flex}.collapsible-title h3{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.collapsible-actions{align-items:center;gap:6px;display:flex}.icon-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.icon-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.collapsible-content-wrapper{border-top:1px solid var(--border-color);background:var(--bg-sidebar)}.collapsible-content{flex-direction:column;gap:10px;padding:12px;display:flex}.row{align-items:center;gap:8px;display:flex}label{color:var(--text-secondary);margin-bottom:4px;font-size:.9rem;font-weight:500;display:block}input,select,textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);width:100%;padding:8px 12px;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);background:var(--bg-input);outline:none;box-shadow:0 0 0 3px #38bdf840}input[type=color]{cursor:pointer;width:36px;height:30px;padding:2px}.btn-primary,.btn-secondary,.btn-danger{border-radius:var(--radius-md);cursor:pointer;letter-spacing:.3px;border:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-hover) 100%);color:#fff;box-shadow:0 4px 12px #38bdf84d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #38bdf880}.btn-secondary{color:var(--text-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-danger{color:#fff;background:linear-gradient(135deg,#f43f5ecc 0%,#e11d48e6 100%);box-shadow:0 4px 12px #f43f5e4d}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #f43f5e80}.badge{background:var(--bg-card-hover);color:var(--text-secondary);border-radius:10px;padding:2px 6px;font-size:.85rem;font-weight:600}.badge.success{color:var(--accent-success);background:#10b9811a;border:1px solid #10b98133}.search-box{align-items:center;display:flex;position:relative}.search-box input{padding-left:32px}.search-box .icon{color:var(--text-muted);position:absolute;left:10px}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;gap:6px;padding:10px;transition:all .2s;display:flex}.product-card:hover{border-color:var(--border-focus);transform:translateY(-1px)}.product-card.highlighted{border-color:var(--border-focus);background:#3b82f61a}.viewport{background:var(--bg-app);flex:1;position:relative;overflow:hidden}.viewport-scene{background:radial-gradient(circle,#fff 0%,#e2e8f0 100%);width:100%;height:100%}.viewport:after{content:"";pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 100px #0f172a0d}.sidebar-toggle{z-index:50;background:var(--bg-sidebar);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:16px;left:16px}.sidebar-toggle:hover{background:var(--bg-card-hover)}.context-menu{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);z-index:1000;background:#0f172ad9;border:1px solid #ffffff1a;flex-direction:column;gap:2px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:fixed}.context-menu button{color:var(--text-primary);text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:.95rem;font-weight:500;transition:all .2s}.context-menu button:hover{color:var(--accent-primary);background:#ffffff1a;transform:translate(2px)}.metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px;display:flex}.metric .value{color:var(--accent-primary);font-size:1.5rem;font-weight:700}.metric .label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.bar-row{margin-bottom:8px}.bar-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:4px;font-size:.9rem;font-weight:500;display:flex}.bar-track{background:var(--bg-input);border-radius:3px;height:6px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent-hover), var(--accent-primary));border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.table-container{border-radius:var(--radius-lg);border:var(--glass-border);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.data-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;border-bottom:var(--glass-border);background:#0f172a66;padding:12px 16px;font-size:.8rem;font-weight:600}.data-table td{color:var(--text-primary);border-bottom:1px solid #ffffff08;padding:12px 16px;font-size:.95rem;transition:background .2s}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1)}.data-table tbody tr:hover td{background:#ffffff08}.data-table tbody tr:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.dispatch-split-view{width:100%;height:100%;display:flex;overflow:hidden}.dispatch-split-panel{border-right:1px solid var(--border-color);z-index:10;background:var(--bg-app);flex-direction:column;width:25%;min-width:400px;height:100%;display:flex}.dispatch-split-scene{flex:1;height:100%;position:relative;overflow:hidden}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9;background:#0009;animation:.2s fadeIn;display:none;position:fixed;inset:0}.sidebar-toggle--hidden{display:none!important}@media (width<=1024px){.sidebar-main{width:220px}.sidebar-secondary{width:280px}.brand-text h1{font-size:1.1rem}.panel-content{padding:16px}.tab{padding:9px 12px;font-size:.88rem}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:600px}}@media (width<=767px){.sidebar-overlay{display:block}.sidebar-wrapper{z-index:10;height:100vh;position:fixed;top:0;left:0;transform:translate(0);box-shadow:4px 0 24px #00000080}.sidebar-wrapper.collapsed{position:fixed;transform:translate(-100%)}.sidebar-main{width:280px}.viewport{width:100vw}.sidebar-toggle{z-index:8;border-radius:10px;padding:10px;top:12px;left:12px}.panel-content{gap:12px;padding:56px 12px 12px}.panel-header{margin-bottom:12px;font-size:1.1rem}.tab{border-radius:10px;padding:12px 14px;font-size:.9rem}.tabs-container{padding:0 12px}.table-container{-webkit-overflow-scrolling:touch;border-radius:10px;overflow-x:auto}.data-table{min-width:500px;font-size:.85rem}.data-table th,.data-table td{white-space:nowrap;padding:10px 12px}.employee-form,.form-grid{grid-template-columns:1fr!important}.form-actions{flex-direction:column}.brand{padding:16px}.brand-text h1{font-size:1rem}.brand-text span{font-size:.65rem}.sidebar-footer{gap:10px;padding:12px}.user-name{font-size:.8rem}.user-role{font-size:.68rem}.metrics{grid-template-columns:1fr 1fr}.sales-top-panel{flex-direction:column!important;padding:12px!important}.sales-bottom-panel{padding:12px!important}.dispatch-split-view{flex-direction:column}.dispatch-split-panel{width:100%;min-width:unset;border-right:none;height:100%}.dispatch-split-scene{display:none}.sidebar-secondary>div:first-child{-webkit-overflow-scrolling:touch;overflow-x:auto}.collapsible-header{padding:12px}.collapsible-content{padding:10px}input,select,textarea{padding:10px 12px;font-size:16px}.btn-primary,.btn-secondary,.btn-danger{padding:10px 16px;font-size:.9rem}.icon-btn{padding:8px}.search-box input{font-size:16px}}