@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);height:32px}.btn--md{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);height:40px}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);height:48px}.btn--primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-500));box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-light)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.btn--danger{background:linear-gradient(135deg,var(--color-error),#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn--danger:hover:not(:disabled){box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--loading{position:relative;color:transparent}.btn__spinner{position:absolute;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.btn--loading .btn__spinner{color:#fff}.btn__icon{display:flex;align-items:center}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.input-container{position:relative;display:flex;align-items:center}.input{width:100%;height:40px;padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);transition:all var(--transition-fast)}.input::placeholder{color:var(--color-text-secondary);opacity:.8}.input:hover:not(:disabled){border-color:var(--color-border-light)}.input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626}.input:disabled{opacity:.5;cursor:not-allowed}.input--with-left-icon{padding-left:var(--space-10)}.input--with-right-icon{padding-right:var(--space-10)}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-muted);pointer-events:none}.input-icon--left{left:0}.input-icon--right{right:0}.input-helper{font-size:var(--text-xs);color:var(--color-text-muted)}.input-helper--error{color:var(--color-error)}.input-wrapper--error .input{border-color:var(--color-error)}.input-wrapper--error .input:focus{box-shadow:0 0 0 3px #ef444426}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card--padding-none .card__content{padding:0}.card--padding-sm .card__content{padding:var(--space-3)}.card--padding-md .card__content{padding:var(--space-4)}.card--padding-lg .card__content{padding:var(--space-6)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.card__header-text{display:flex;flex-direction:column;gap:var(--space-1)}.card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.card__actions{display:flex;align-items:center;gap:var(--space-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal);animation:fadeIn var(--transition-fast)}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;animation:slideUp var(--transition-base)}.modal--sm{width:100%;max-width:400px}.modal--md{width:100%;max-width:560px}.modal--lg{width:100%;max-width:720px}.modal--xl{width:100%;max-width:960px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal__content{flex:1;overflow-y:auto;padding:var(--space-6)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.table-container{display:flex;flex-direction:column;gap:var(--space-4)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border, #334155);background:var(--color-bg-secondary, #1e293b)}.table-pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);padding:var(--space-2) var(--space-1)}.pagination-btn{padding:var(--space-1-5) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){border-color:var(--color-primary-400);background:var(--color-bg-tertiary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-secondary)}.pagination-info{font-size:var(--text-xs);color:var(--color-text-secondary)}.pagination-info strong{color:var(--color-text-primary)}.table{width:100%;border-collapse:collapse}.table__head{background:var(--color-bg-tertiary, #0f172a)}.table__th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--color-border, #334155)}.table__body{background:var(--color-surface)}.table__row{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.table__row:last-child{border-bottom:none}.table__row:hover{background:var(--color-surface-hover)}.table__row--clickable{cursor:pointer}.table__td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary, #e2e8f0);vertical-align:middle;border-bottom:1px solid var(--color-border, #334155)}.table__empty{padding:var(--space-12) var(--space-4);text-align:center;color:var(--text-muted, #94a3b8);font-size:var(--text-sm)}.table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);color:var(--color-text-secondary)}.table-loading__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}.search-input-wrapper{display:flex;align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:0 16px;width:100%;height:48px;transition:all .2s ease;box-sizing:border-box}.search-input-wrapper:focus-within{border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100);background:var(--color-surface)}.search-input-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);margin-right:12px;flex-shrink:0}.search-input-field{border:none;outline:none;background:transparent;width:100%;height:100%;font-size:var(--text-base);color:var(--color-text-primary);font-family:var(--font-family-sans);line-height:normal}.search-input-field::placeholder{color:var(--color-text-tertiary);opacity:1}[data-theme=dark] .search-input-field::placeholder{color:var(--color-text-secondary)}.product-group-form-container{display:flex;flex-direction:column;height:100%;min-height:400px}.product-group-form__tabs{display:flex;gap:var(--space-4);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-6)}.group-tab-btn{padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center}.group-tab-btn:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.group-tab-btn--active{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500)}.product-group-form{display:flex;flex-direction:column;gap:var(--space-6)}.product-group-form__fields{padding:var(--space-2)}.product-group-form__list{display:flex;flex-direction:column;gap:var(--space-4)}.group-toolbar{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.product-cell{display:flex;flex-direction:column}.product-cell__name{font-weight:var(--font-semibold);color:var(--color-text-primary)}.product-cell__sub{font-size:var(--text-xs);color:var(--color-text-secondary)}.product-group-form__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:auto;padding-top:var(--space-6);border-top:1px solid var(--color-border)}.group-btn-icon{padding:var(--space-1-5);background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.group-btn-icon--delete:hover{background:#fee2e2;color:#ef4444}.group-association-search{display:flex;flex-direction:column;gap:var(--space-4)}.group-search-results{max-height:300px;overflow-y:auto}.group-search-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.group-search-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.group-search-item__info{display:flex;flex-direction:column}.group-search-item__name{font-weight:var(--font-semibold);font-size:var(--text-sm)}.group-search-item__sub{font-size:var(--text-xs);color:var(--color-text-secondary)}.group-search-loading,.group-search-empty{padding:var(--space-4);text-align:center;color:var(--color-text-secondary)}.product-groups-page{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--space-8)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.table-filters{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.group-name-cell{display:flex;align-items:center}.group-name-text{font-weight:var(--font-semibold);color:var(--color-text-primary)}.product-count-badge{display:inline-flex;padding:var(--space-1) var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary)}.error-banner{padding:var(--space-4);background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#b91c1c;font-size:var(--text-sm)}.product-form{display:flex;flex-direction:column;gap:1.5rem;max-height:80vh}.product-form__tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:.5rem}.form-tab{padding:.5rem 1rem;border:none;background:none;cursor:pointer;font-weight:500;color:var(--text-muted, #94a3b8);border-radius:6px;transition:all .2s}.form-tab:hover{background:var(--bg-hover, #f8fafc);color:var(--text-primary, #1e293b)}.form-tab.active{background:var(--primary-light, #eff6ff);color:var(--primary-color, #2563eb)}.product-form__content{flex:1;overflow-y:auto;padding-right:.5rem}.full-width{grid-column:span 2}.form-hint{font-size:.875rem;color:var(--text-muted, #64748b);margin-bottom:1rem}.prices-list{display:flex;flex-direction:column;gap:.75rem}.price-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--color-bg-secondary, #1e293b);border:1px solid var(--color-border, #334155);border-radius:8px}.price-row__group{font-weight:500;color:var(--text-primary, #f1f5f9)}.price-row__inputs{display:flex;gap:.5rem;align-items:center}.inline-select{width:80px;padding:.4rem}.inline-input{width:120px}.suppliers-selection{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.supplier-card{border:1px solid var(--color-border, #334155);border-radius:8px;padding:1rem;transition:all .2s;background:var(--color-bg-secondary, #1e293b);color:var(--text-muted, #94a3b8)}.supplier-card.selected{border-color:var(--primary-color, #3b82f6);background:#3b82f61a;color:var(--text-primary, #f1f5f9)}.supplier-card__header{margin-bottom:.5rem}.supplier-card__details{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border, #334155)}.checkbox-container{display:flex;align-items:center;gap:.5rem;cursor:pointer}.supplier-name{font-weight:500}.checkbox-container.mini{font-size:.75rem}.product-form__actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border, #334155)}.add-price-section{margin-bottom:1rem;padding:.75rem;background:var(--color-bg-secondary, #1e293b);border-radius:8px;border:1px dashed var(--color-border, #334155)}.add-price-label{display:block;margin-bottom:.5rem;font-size:.875rem;color:var(--text-muted, #94a3b8)}.checkbox-wrapper{background:var(--color-bg-secondary, #1e293b);padding:1rem;border-radius:8px;border:1px solid var(--color-border, #334155)}.checkbox-label-text{font-weight:600;font-size:.95rem;color:var(--text-primary, #f1f5f9);display:block}.checkbox-description{font-size:.8rem;color:var(--text-muted, #94a3b8);margin:.25rem 0 0}.form-components{display:flex;flex-direction:column;gap:1.5rem}.add-component-section{position:relative;padding-bottom:1rem;border-bottom:1px dashed var(--color-border, #334155)}.component-search-results{position:absolute;top:75px;left:0;right:0;background:var(--color-bg-primary, #0f172a);border:1px solid var(--color-border, #334155);border-radius:6px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.search-result-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--color-border, #334155);transition:background .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--color-bg-secondary, #1e293b)}.result-name{font-weight:500;color:var(--text-primary, #f1f5f9)}.result-sku{font-size:.8rem;color:var(--text-muted, #94a3b8)}.components-list{display:flex;flex-direction:column;gap:.5rem}.components-header{display:grid;grid-template-columns:2fr 80px 110px 100px 120px 40px;gap:1rem;padding:0 .75rem;font-size:.875rem;font-weight:500;color:var(--text-muted, #94a3b8);margin-bottom:.5rem}.component-row{display:grid;grid-template-columns:2fr 80px 110px 100px 120px 40px;gap:1rem;align-items:center;padding:.75rem;background:var(--color-bg-secondary, #1e293b);border:1px solid var(--color-border, #334155);border-radius:8px}.component-info{display:flex;flex-direction:column}.component-name{font-weight:500;color:var(--text-primary, #f1f5f9)}.component-sku{font-size:.8rem;color:var(--text-muted, #94a3b8)}.component-qty{display:flex;align-items:center;gap:.25rem}.qty-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border, #334155);background:var(--color-bg-primary, #0f172a);color:var(--text-primary, #f1f5f9);border-radius:4px;cursor:pointer}.qty-btn:hover{background:var(--bg-hover, #334155)}.qty-input{width:40px;text-align:center;background:transparent;border:none;color:var(--text-primary, #f1f5f9);font-weight:500}.remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ef44441a;color:#ef4444;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.remove-btn:hover{background:#ef444433}.component-cost,.component-total{font-size:.9rem;color:var(--text-primary, #f1f5f9);text-align:right}.component-total{font-weight:600;color:var(--color-accent, #3b82f6)}.component-markup{display:flex;align-items:center;gap:4px}.input-mini{width:50px;padding:4px;border:1px solid var(--color-border, #334155);background:var(--color-bg-primary, #0f172a);color:var(--text-primary, #f1f5f9);border-radius:4px;text-align:right}.components-footer{display:flex;justify-content:flex-end;gap:2rem;margin-top:1rem;padding:1rem;background:var(--color-bg-secondary, #1e293b);border-radius:8px;border:1px solid var(--color-border, #334155)}.bloque-total{display:flex;flex-direction:column;align-items:flex-end}.bloque-total .label{font-size:.8rem;color:var(--text-muted, #94a3b8)}.bloque-total .value{font-size:1.1rem;font-weight:600;color:var(--text-primary, #f1f5f9)}.bloque-total.highlight .value{color:var(--color-accent, #3b82f6);font-size:1.25rem}.empty-components{text-align:center;padding:2rem;color:var(--text-muted, #94a3b8);background:var(--color-bg-secondary, #1e293b);border-radius:8px;border:1px dashed var(--color-border, #334155)}.table-filters{padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.product-info-cell{display:flex;flex-direction:column;gap:4px}.product-info-cell__name{font-weight:500;color:var(--text-primary, #f8fafc);font-size:.9rem}.product-info-cell__sku{font-size:.75rem;color:var(--text-muted, #94a3b8);font-family:JetBrains Mono,monospace}.stock-badge{padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.stock-badge--low{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.actions-cell{display:flex;gap:8px;justify-content:flex-end}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;cursor:pointer;border-radius:6px;transition:all .2s;color:var(--text-muted, #94a3b8)}.action-btn:hover{background:#ffffff1a;color:var(--text-primary, #f1f5f9)}.action-btn--edit:hover{color:#60a5fa;background:#2563eb26}.action-btn--delete:hover{color:#f87171;background:#ef444426}.filter-wrapper{min-width:200px}.filter-select{width:100%;padding:10px 12px;background:var(--color-bg-secondary, #1e293b);border:1px solid var(--color-border, #334155);border-radius:6px;color:var(--text-primary, #f1f5f9);font-size:.875rem;outline:none;cursor:pointer;transition:all .2s}.filter-select:focus{border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 2px #3b82f633}.kardex-page{padding:2rem;animation:fadeIn .5s ease-out}.kardex-header{margin-bottom:2.5rem}.kardex-title{font-size:2.2rem;font-weight:900;color:var(--color-text-primary);letter-spacing:-1px;margin-bottom:.2rem;text-transform:uppercase}.kardex-subtitle{font-size:.85rem;color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase;font-weight:500}.kardex-search-container{margin-bottom:2rem;max-width:100%}.kardex-card{background:#1e293b;border-radius:12px;border:1px solid #334155;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.kardex-table{width:100%;border-collapse:collapse;text-align:left}.kardex-table th{background:#0f172a;color:#e2e8f0;padding:1.25rem 1.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #334155}.kardex-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #334155;vertical-align:middle;color:#cbd5e1}.kardex-table tr:hover{background:#334155}.kardex-datetime{font-family:JetBrains Mono,monospace;font-size:.85rem;color:#94a3b8;font-weight:500}.kardex-product-info{display:flex;flex-direction:column;gap:4px}.kardex-product-name{font-weight:600;font-size:.95rem;color:#f8fafc}.kardex-product-meta{display:flex;align-items:center;gap:8px}.kardex-product-id{background:#3b82f626;color:#60a5fa;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600}.kardex-product-sku{color:#94a3b8;font-size:.75rem}.kardex-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:.7rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.kardex-badge--in{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.2)}.kardex-badge--out{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.2)}.kardex-badge--adj{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.kardex-quantity{font-size:1rem;font-weight:700;color:#f1f5f9}.kardex-reference{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#94a3b8}.kardex-empty{padding:4rem;text-align:center;color:#64748b}@media (max-width: 768px){.kardex-page{padding:1rem}.kardex-table th:nth-child(4),.kardex-table td:nth-child(4){display:none}}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.stamps-page{padding:2rem;min-height:100vh;animation:fadeIn .5s ease-out}.stamps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.stamps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.stamp-card{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;position:relative;overflow:hidden}.stamp-card:hover{transform:translateY(-5px);background:#ffffff0d;border-color:#fff3;box-shadow:0 10px 30px -10px #00000080}.stamp-card.active{border-left:4px solid var(--primary-accent, #3b82f6)}.stamp-info h3{font-size:1.25rem;margin:0;color:#fff;font-weight:600}.stamp-subtitle{font-size:.85rem;color:#ffffff80;margin-bottom:1.5rem}.stat-group{margin-bottom:1.25rem}.stat-label{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:.5rem;color:#ffffffb3}.stat-value{color:#fff;font-weight:500}.progress-container{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.progress-bar{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1)}.bar-green{background:linear-gradient(90deg,#10b981,#34d399)}.bar-yellow{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.bar-red{background:linear-gradient(90deg,#ef4444,#f87171)}.stamp-actions{display:flex;gap:.75rem;margin-top:2rem}.btn-icon-text{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s ease;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.btn-icon-text:hover{background:#ffffff1a}.btn-primary{background:#3b82f6;border:none;color:#fff}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:4rem;background:#ffffff05;border-radius:20px;border:2px dashed rgba(255,255,255,.1);color:#ffffff4d}.quick-lookup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:flex-start;padding-top:80px;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.quick-lookup-modal{background-color:var(--color-bg-secondary);width:90%;max-width:800px;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--color-border);display:flex;flex-direction:column;max-height:85vh;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.quick-lookup-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:space-between}.quick-lookup-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-3)}.quick-lookup-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);transition:all .2s}.quick-lookup-close:hover{background-color:var(--color-bg-primary);color:var(--color-text-primary)}.quick-lookup-body{padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6)}.search-container{position:relative;width:100%}.search-input-large{width:100%;padding:var(--space-4) var(--space-12);font-size:var(--text-lg);border:2px solid var(--color-accent-primary);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:all .2s;box-shadow:0 0 0 4px #3b82f61a}.search-input-large:focus{outline:none;box-shadow:0 0 0 4px #3b82f640}.search-icon-large{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-accent-primary);pointer-events:none}.clear-search-btn{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1)}.clear-search-btn:hover{color:var(--color-text-primary)}.lookup-result{display:flex;flex-direction:column;gap:var(--space-6);animation:fadeIn .3s;height:100%}.lookup-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);height:100%;overflow-y:auto}.results-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:400px;overflow-y:auto}.result-item-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.result-item-card:hover,.result-item-card.selected{border-color:var(--color-accent-primary);background-color:var(--color-bg-tertiary);transform:translate(4px)}.result-item-card img{width:48px;height:48px;object-fit:contain;background-color:#fff;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.result-item-card .placeholder-img{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-muted)}.result-info{flex:1;display:flex;flex-direction:column;gap:4px}.result-name{font-weight:600;color:var(--color-text-primary);line-height:1.2}.result-sku{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:monospace;margin-bottom:4px}.result-prices-mini{display:flex;flex-wrap:wrap;gap:8px}.price-mini-tag{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:2px 6px;border-radius:4px;font-size:var(--text-xs);display:flex;gap:4px;align-items:center}.price-mini-label{color:var(--color-text-secondary);font-weight:500}.price-mini-amount{color:var(--color-accent-primary);font-weight:700}.result-stock{font-size:var(--text-sm);font-weight:500;padding:2px 8px;border-radius:var(--radius-full)}.product-hero{background-color:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--space-6);border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;text-align:center;height:fit-content}.product-image-large{width:200px;height:200px;object-fit:contain;background-color:#fff;border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-2)}.product-image-placeholder-large{width:200px;height:200px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);margin-bottom:var(--space-4)}.product-name-large{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2);line-height:1.2}.product-sku-large{font-size:var(--text-md);color:var(--color-text-secondary);background-color:var(--color-bg-tertiary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:monospace}.product-details-grid{display:flex;flex-direction:column;gap:var(--space-4)}.stock-card{background-color:var(--color-bg-primary);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.stock-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.stock-value{font-size:var(--text-xl);font-weight:700}.stock-value.in-stock{color:var(--color-success)}.stock-value.low-stock{color:var(--color-warning)}.stock-value.out-of-stock{color:var(--color-danger)}.prices-container{background-color:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.prices-header{background-color:var(--color-bg-tertiary);padding:var(--space-3) var(--space-4);font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.price-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);transition:background-color .1s}.price-item:last-child{border-bottom:none}.price-item:hover{background-color:var(--color-bg-tertiary)}.client-group-name{font-weight:500;color:var(--color-text-primary)}.price-amount{font-size:var(--text-lg);font-weight:700;color:var(--color-accent-primary)}.shortcuts-hint{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;gap:var(--space-4);justify-content:center;font-size:var(--text-xs);color:var(--color-text-muted)}.key-badge{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);padding:2px 6px;border-radius:4px;font-family:monospace;font-weight:700;color:var(--color-text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-secondary);gap:var(--space-4)}.spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.lookup-grid{grid-template-columns:1fr}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:transform var(--transition-normal)}.sidebar__close-btn{display:none;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px}.sidebar__version-wrapper{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px dashed var(--color-border);width:100%}.sidebar__version-text{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--font-medium);letter-spacing:.05em}.sidebar__version-indicator{width:6px;height:6px;border-radius:50%;background-color:var(--color-success);box-shadow:0 0 4px var(--color-success)}.sidebar__cta-container{padding:var(--space-4) var(--space-4) 0}.sidebar__cta-btn{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-800));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:#fff;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px #2563eb33;position:relative;overflow:hidden}.sidebar__cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb4d;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700))}.sidebar__cta-btn:active{transform:translateY(0)}.sidebar__cta-content{display:flex;flex-direction:column;align-items:flex-start}.sidebar__cta-title{font-size:var(--text-sm);font-weight:var(--font-bold);line-height:1.2}.sidebar__cta-subtitle{font-size:.7rem;opacity:.8;font-weight:var(--font-regular)}.sidebar__cta-icon{background:#ffffff26;padding:6px;width:32px;height:32px;border-radius:var(--radius-md);flex-shrink:0}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:calc(var(--z-sticky) - 1);opacity:0;visibility:hidden;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay--visible{opacity:1;visibility:visible}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:280px;box-shadow:4px 0 24px #0000001a}.sidebar--open{transform:translate(0)}.sidebar__close-btn{display:flex;align-items:center;justify-content:center}.sidebar__version{display:none}}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border)}.sidebar__logo{display:flex;align-items:center;gap:var(--space-2)}.sidebar__logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:#fff;font-weight:var(--font-bold);font-size:var(--text-lg);border-radius:var(--radius-md)}.sidebar__logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:.02em}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--space-3)}.sidebar__list{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.sidebar__link:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar__link--active{background:var(--color-primary-500);color:#fff;box-shadow:0 2px 8px #3b82f64d}.sidebar__link--active:hover{background:var(--color-primary-600);color:#fff}.sidebar__link-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.sidebar__link-text{font-size:var(--text-sm);font-weight:var(--font-medium)}.sidebar__footer{padding:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar__user-section{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-2)}.sidebar__user{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.sidebar__user-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent),#0891b2);color:#fff;font-weight:var(--font-semibold);border-radius:var(--radius-full);flex-shrink:0}.sidebar__user-info{display:flex;flex-direction:column;min-width:0}.sidebar__user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);text-transform:capitalize}.sidebar__user-email{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__logout{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);flex-shrink:0}.sidebar__logout:hover{background:#ef44441a;color:var(--color-error)}.sidebar__user{background:transparent;border:none;cursor:pointer;text-align:left;padding:var(--space-2);margin:calc(-1 * var(--space-2));border-radius:var(--radius-md);transition:background var(--transition-fast)}.sidebar__user:hover{background:var(--color-surface-hover)}.sidebar__user:hover .sidebar__user-avatar{box-shadow:0 0 0 2px var(--color-primary-500)}.layout{display:flex;min-height:100vh}.layout__main{flex:1;margin-left:var(--sidebar-width);padding:0;background:var(--color-bg-primary);min-height:100vh;display:flex;flex-direction:column}.layout__content{padding:var(--space-6);flex:1;overflow-x:hidden}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:calc(var(--z-sticky) - 2)}.mobile-menu-btn{background:none;border:none;color:var(--color-text-primary);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}@media (max-width: 768px){.layout__main{margin-left:0}.mobile-header{display:flex}.layout__content{padding:var(--space-4)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.login-bg__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172a,#1e3a8a,#0f172a)}.login-bg__pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(6,182,212,.1) 0%,transparent 50%);animation:pulse-bg 8s ease-in-out infinite}@keyframes pulse-bg{0%,to{opacity:.5}50%{opacity:1}}.login-container{position:relative;z-index:1;width:100%;max-width:440px;padding:var(--space-4)}.login-card{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;animation:slideUp var(--transition-slow)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.login-logo__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:#fff;font-weight:var(--font-bold);font-size:var(--text-2xl);border-radius:var(--radius-lg);box-shadow:0 8px 20px #3b82f666}.login-logo__text{display:flex;flex-direction:column;align-items:flex-start}.login-logo__name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:.02em}.login-logo__version{font-size:var(--text-xs);color:var(--color-primary-400);font-weight:var(--font-medium)}.login-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.login-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.login-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.login-button{width:100%;height:48px;font-size:var(--text-base);margin-top:var(--space-2)}.login-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.login-footer p{color:var(--color-text-muted);font-size:var(--text-xs)}.login-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}.login-loading__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}.login-form .input{background:#0f172a99;border-color:#ffffff1a}.login-form .input:focus{background:#0f172acc;border-color:var(--color-primary-500)}.login-form .input-label{color:var(--color-text-primary)}.dashboard-pro{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2);background:var(--color-bg-primary);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-family-sans)}.dash-pro-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.dash-pro-header__left h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.dash-pro-header__breadcrumb{font-size:var(--text-xs);color:var(--color-text-muted)}.dash-pro-header__right{display:flex;align-items:center;gap:var(--space-4)}.dash-pro-header__stats{display:flex;gap:var(--space-2);font-size:var(--text-xs)}.dash-pro-header__stat{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary)}.dash-pro-header__stat-icon{width:16px;height:16px}.dash-ticker{display:flex;gap:var(--space-3);padding:var(--space-2) 0;overflow-x:auto;scrollbar-width:none}.dash-ticker::-webkit-scrollbar{display:none}.ticker-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-xs);white-space:nowrap;border:1px solid var(--color-border)}.ticker-item__value{font-weight:var(--font-semibold);color:var(--color-text-primary)}.ticker-item__change{color:var(--color-success)}.ticker-item__change--negative{color:var(--color-error)}.dash-main-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 1200px){.dash-main-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.dash-main-cards{grid-template-columns:1fr}}.main-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.main-card:hover{border-color:var(--color-primary-500);box-shadow:0 0 20px #3b82f61a}.main-card__icon{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.main-card__icon--blue{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700))}.main-card__icon--green{background:linear-gradient(135deg,var(--color-success),var(--color-success-dark))}.main-card__icon--cyan{background:linear-gradient(135deg,var(--color-accent),var(--color-info))}.main-card__icon--purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.main-card__icon svg{width:24px;height:24px;color:#fff}.main-card__content{flex:1}.main-card__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.main-card__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.main-card__extra{text-align:right}.main-card__sub{font-size:var(--text-xs);color:var(--color-text-muted)}.main-card__change{font-size:var(--text-xs);font-weight:var(--font-semibold)}.main-card__change--up{color:var(--color-success)}.main-card__change--down{color:var(--color-error)}.dash-center-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}@media (max-width: 1024px){.dash-center-grid{grid-template-columns:1fr}}.dash-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.dash-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.dash-panel__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.dash-panel__actions{display:flex;gap:var(--space-2)}.dash-panel__action{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.dash-panel__action:hover{color:var(--color-text-primary)}.chart-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.chart-stat{border-right:1px solid var(--color-border);padding-right:var(--space-4)}.chart-stat:last-child{border-right:none}.chart-stat__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.chart-stat__value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.chart-stat__change{font-size:var(--text-xs);color:var(--color-success)}.bar-chart-container{height:200px;display:flex;align-items:flex-end;gap:var(--space-2);padding-top:var(--space-4)}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bar-wrapper{width:100%;display:flex;justify-content:center;gap:2px;height:100%;align-items:flex-end}.bar{width:12px;border-radius:2px 2px 0 0;transition:all var(--transition-base);cursor:pointer}.bar--primary{background:var(--color-primary-500)}.bar--secondary{background:var(--color-primary-300);opacity:.5}.bar:hover{filter:brightness(1.2)}.bar-label{margin-top:var(--space-2);font-size:10px;color:var(--color-text-muted)}.history-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:320px;overflow-y:auto}.history-item{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast)}.history-item:hover{background:var(--color-surface-hover)}.history-item__price{font-size:var(--text-sm);color:var(--color-text-primary)}.history-item__amount{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.history-item__dot{width:8px;height:8px;border-radius:50%}.history-item__dot--up{background:var(--color-success)}.history-item__dot--down{background:var(--color-error)}.history-item__date{font-size:var(--text-xs);color:var(--color-text-muted)}.dash-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 900px){.dash-summary{grid-template-columns:repeat(2,1fr)}}.summary-card{padding:var(--space-4)}.summary-card__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.summary-card__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.summary-card__change{font-size:var(--text-xs);margin-top:var(--space-1)}.summary-card__change--up{color:var(--color-success)}.summary-card__change--down{color:var(--color-error)}.dash-bottom-grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-4)}@media (max-width: 1024px){.dash-bottom-grid{grid-template-columns:1fr}}.activity-list{display:flex;flex-direction:column;gap:var(--space-4)}.activity-item{display:flex;gap:var(--space-3)}.activity-item__dot{width:12px;height:12px;border-radius:50%;margin-top:4px;flex-shrink:0}.activity-item__dot--info{background:var(--color-info)}.activity-item__dot--success{background:var(--color-success)}.activity-item__dot--warning{background:var(--color-warning)}.activity-item__content{flex:1}.activity-item__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.activity-item__desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.5}.activity-item__date{font-size:10px;color:var(--color-text-muted);margin-top:var(--space-1)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.data-table td{padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.data-table tr:last-child td{border-bottom:none}.data-table__product{display:flex;align-items:center;gap:var(--space-3)}.data-table__icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-primary-400)}.data-table__name{font-weight:var(--font-semibold);color:var(--color-text-primary)}.data-table__badge{display:inline-flex;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-semibold)}.data-table__badge--up{background:#10b98126;color:var(--color-success)}.data-table__badge--down{background:#ef444426;color:var(--color-error)}.dash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:var(--space-4)}.dash-loading__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.client-form{display:flex;flex-direction:column;gap:var(--space-6)}.client-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.client-form__section{display:flex;flex-direction:column;gap:var(--space-4)}.client-form__section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.client-form__field{display:flex;flex-direction:column;gap:var(--space-1)}.client-form__select{width:100%;height:40px;padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.client-form__select:hover{border-color:var(--color-border-light)}.client-form__select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626}.client-form__actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.clients-page{display:flex;flex-direction:column;gap:var(--space-6);animation:fadeIn var(--transition-base)}.clients-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.clients-page__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.clients-page__subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.clients-page__filters{padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.clients-page__filters-row{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.clients-page__filters-row .input-wrapper{flex:1;min-width:280px}.clients-page__filter-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:180px}.clients-page__filter-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.clients-page__filter-select{height:40px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.clients-page__filter-select:hover{border-color:var(--color-border-light)}.clients-page__filter-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626}.clients-page__clear-filters{display:flex;align-items:center;gap:var(--space-2);height:40px;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.clients-page__clear-filters:hover{background:var(--color-surface-hover);color:var(--color-error)}.client-name-cell{display:flex;flex-direction:column;gap:2px}.client-name-cell__trade{font-size:var(--text-base);font-weight:600;color:var(--text-primary, #f1f5f9);line-height:1.3}.client-name-cell__business{font-size:.75rem;color:var(--text-muted, #94a3b8)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-primary-500);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-500));color:#fff;border-radius:var(--radius-sm)}@media (max-width: 768px){.clients-page__filters-row{flex-direction:column;align-items:stretch}.clients-page__filters-row .input-wrapper,.clients-page__filter-group{min-width:100%}}@media (max-width: 640px){.pagination{flex-direction:column;align-items:flex-start}.pagination__info{flex-wrap:wrap}}.client-group-form-container{display:flex;flex-direction:column;height:100%;min-height:480px}.client-group-form__tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-6);padding:0 var(--space-4)}.tab-btn{padding:var(--space-3) var(--space-6);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center}.tab-btn:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.tab-btn--active{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500)}.client-group-form{display:flex;flex-direction:column;gap:var(--space-6)}.client-group-form__fields{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-2)}.client-group-form__textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.client-group-form__textarea{width:100%;padding:var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);resize:vertical;transition:border-color var(--transition-fast)}.client-group-form__textarea:focus{outline:none;border-color:var(--color-primary-500)}.client-group-form__clients{display:flex;flex-direction:column;gap:var(--space-4)}.clients-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.toolbar-actions{display:flex;gap:var(--space-2)}.client-cell{display:flex;flex-direction:column;gap:2px}.client-cell__name{font-weight:var(--font-semibold);color:var(--color-text-primary)}.client-cell__sub{font-size:var(--text-xs);color:var(--color-text-secondary)}.client-cell__email{font-size:var(--text-sm);color:var(--color-text-primary)}.client-group-form__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:auto;padding-top:var(--space-6);border-top:1px solid var(--color-border)}.btn-icon{padding:var(--space-1-5);background:none;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-icon--delete:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca}.client-association-search{display:flex;flex-direction:column;gap:var(--space-4)}.association-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.search-results{min-height:200px;max-height:400px;overflow-y:auto}.search-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.search-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.search-item:hover{border-color:var(--color-primary-400);background:var(--color-bg-tertiary)}.search-item__info{display:flex;flex-direction:column;gap:2px}.search-item__name{font-weight:var(--font-semibold);color:var(--color-text-primary);font-size:var(--text-sm)}.search-item__sub{font-size:var(--text-xs);color:var(--color-text-secondary)}.search-loading,.search-empty{padding:var(--space-8);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.client-groups-page{padding:var(--space-6);animation:fadeIn var(--transition-base)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);gap:var(--space-4)}.page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.groups-table-card{background:#1e293b66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);overflow:hidden}.group-info{display:flex;flex-direction:column}.group-name{font-weight:var(--font-semibold);color:var(--color-text-primary)}.group-discount{color:var(--color-primary-400);font-weight:var(--font-medium)}.count-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-full);color:var(--color-primary-400);font-size:var(--text-xs);font-weight:var(--font-bold)}.group-conditions{font-size:var(--text-xs);color:var(--color-text-secondary);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-actions{display:flex;gap:var(--space-2)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;cursor:pointer;transition:all var(--transition-fast)}.btn-icon--edit{color:var(--color-primary-400)}.btn-icon--edit:hover{background:#3b82f61a;border-color:#3b82f633}.btn-icon--delete{color:var(--color-error)}.btn-icon--delete:hover{background:#ef44441a;border-color:#ef444433}.alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--text-sm);animation:slideIn var(--transition-base)}.alert--error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.page-header button{width:100%}}.supplier-form{display:flex;flex-direction:column;height:100%;max-height:80vh}.supplier-form__content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-section{display:flex;flex-direction:column;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border, #334155)}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-section__title{font-size:.875rem;font-weight:600;color:var(--color-accent, #3b82f6);text-transform:uppercase;letter-spacing:.05em;margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.full-width{grid-column:1 / -1}.supplier-form__actions{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border, #334155);background:var(--color-bg-secondary, #1e293b);border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}.suppliers-page{display:flex;flex-direction:column;gap:1.5rem;height:100%}.page-header{display:flex;justify-content:space-between;align-items:center}.header-info h1{font-size:1.875rem;font-weight:700;color:var(--text-primary, #f1f5f9);margin-bottom:.25rem}.header-info p{color:var(--text-muted, #94a3b8)}.table-filters{padding:1rem;display:flex;gap:1rem;border-bottom:1px solid var(--color-border, #334155)}.actions-cell{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.action-btn--edit{background:#3b82f61a;color:#3b82f6}.action-btn--edit:hover{background:#3b82f633}.action-btn--delete{background:#ef44441a;color:#ef4444}.action-btn--delete:hover{background:#ef444433}.error-banner{padding:1rem;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#ef4444}.font-medium{font-weight:500}.supplier-name-cell{display:flex;flex-direction:column}.supplier-trade-name{font-weight:600;color:var(--text-primary, #f1f5f9)}.supplier-legal-name{font-size:.75rem;color:var(--text-muted, #94a3b8)}.salesperson-form{display:flex;flex-direction:column;gap:var(--space-6)}.salesperson-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.salesperson-form__field{display:flex;flex-direction:column;gap:var(--space-1)}.salesperson-form__field--full{grid-column:1 / -1}.salesperson-form__textarea{width:100%;padding:var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-family:inherit;resize:vertical;min-height:80px;transition:all var(--transition-fast)}.salesperson-form__textarea::placeholder{color:var(--color-text-secondary);opacity:.8}.salesperson-form__textarea:hover{border-color:var(--color-border-light)}.salesperson-form__textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626}.salesperson-form__actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}@media (max-width: 640px){.salesperson-form__grid{grid-template-columns:1fr}}.salespeople-page{display:flex;flex-direction:column;gap:var(--space-6);animation:fadeIn var(--transition-base)}.salespeople-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.salespeople-page__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.salespeople-page__subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.salespeople-page__filters{padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.salespeople-page__filters .input-wrapper{max-width:400px}.salesperson-name-cell{display:flex;align-items:center;gap:var(--space-3)}.salesperson-name-cell__avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent),#0891b2);color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm);border-radius:var(--radius-full);flex-shrink:0}.salesperson-name-cell__info{display:flex;flex-direction:column;gap:2px}.salesperson-name-cell__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.salesperson-name-cell__desc{font-size:var(--text-xs);color:var(--color-text-muted);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commission-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);background:linear-gradient(135deg,var(--color-success),#059669);color:#fff;border-radius:var(--radius-sm)}.table-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.table__row:hover .table-actions{opacity:1}.table-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.table-action:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.table-action--delete:hover{background:var(--color-error-light);color:var(--color-error)}.table-action:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary);gap:var(--space-4);flex-wrap:wrap}.pagination__info{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.pagination__per-page{display:flex;align-items:center;gap:var(--space-2)}.pagination__per-page select{height:32px;padding:var(--space-1) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer}.pagination__controls{display:flex;align-items:center;gap:var(--space-1)}.pagination__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.pagination__btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.pagination__btn:disabled{opacity:.3;cursor:not-allowed}.pagination__pages{display:flex;align-items:center;gap:var(--space-1)}.pagination__page{min-width:32px;height:32px;padding:0 var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:all var(--transition-fast)}.pagination__page:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.pagination__page--active{background:var(--color-primary-500);color:#fff}.pagination__page--active:hover{background:var(--color-primary-600);color:#fff}.pagination__ellipsis{padding:0 var(--space-1);color:var(--color-text-muted)}.purchase-order-form{display:flex;flex-direction:column;gap:var(--space-6);background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:100%}.po-form-section{display:flex;flex-direction:column;gap:var(--space-4)}.po-form-section__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.po-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.purchase-order-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.purchase-order-form label{font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--color-text-secondary)}.purchase-order-form .form-select,.purchase-order-form .form-input,.purchase-order-form select,.purchase-order-form input[type=text],.purchase-order-form input[type=date],.purchase-order-form input[type=number]{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);width:100%;outline:none;transition:all .2s ease}.purchase-order-form .form-select:focus,.purchase-order-form .form-input:focus,.purchase-order-form select:focus,.purchase-order-form input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100)}.purchase-order-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394a3b8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto;padding-right:2.5rem}.po-items-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:var(--space-4)}.po-items-table th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:var(--font-medium);font-size:var(--text-sm);border-bottom:1px solid var(--color-border)}.po-items-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);vertical-align:middle;color:var(--color-text-primary)}.po-item-row__product{min-width:250px}.po-item-row__input{width:100%}.po-items-actions{margin-top:var(--space-4);display:flex;justify-content:center}.po-summary{display:flex;justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4);border-top:2px solid var(--color-border)}.po-summary__total{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.po-summary__label{font-size:var(--text-sm);color:var(--color-text-secondary)}.po-summary__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-600)}.po-footer-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.payment-modal-content{display:flex;flex-direction:column;gap:1.5rem;color:var(--color-text-primary)}.payment-header-card{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.payment-provider-info{display:flex;flex-direction:column;gap:.25rem}.payment-provider-name{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.01em;text-transform:uppercase}.payment-subtitle{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.payment-balance-amount{font-size:2.5rem;font-weight:900;color:var(--color-error);line-height:1}.payment-form-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem}.payment-field-group{display:flex;flex-direction:column;gap:.5rem}.payment-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.payment-select,.payment-input{width:100%;height:48px;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 1rem;font-size:1rem;font-weight:500;transition:all .2s ease;color-scheme:dark}.payment-select option{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.payment-input-large{font-size:1.5rem;font-weight:700;text-align:right;letter-spacing:.02em}.payment-select:focus,.payment-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-primary-alpha)}.payment-full-width{grid-column:1 / -1}.payment-submit-btn{margin-top:1rem;height:56px;width:100%;background-color:var(--color-primary);color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.payment-submit-btn:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px)}.payment-submit-btn:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-bg-secondary)}.payment-success-banner{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--color-success);padding:1rem;border-radius:var(--radius-md);text-align:center;font-weight:600}.history-modal-content{display:flex;flex-direction:column;gap:1.5rem;min-height:400px}.history-tabs{display:flex;gap:1rem;background-color:var(--color-bg-secondary);padding:.25rem;border-radius:var(--radius-lg);width:fit-content;border:1px solid var(--color-border)}.history-tab-btn{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.history-tab-btn.active{background-color:var(--color-bg-tertiary);color:var(--color-primary-400);box-shadow:var(--shadow-sm)}.history-tab-btn:hover:not(.active){color:var(--color-text-primary);background-color:#ffffff0d}.history-timeline{position:relative;padding-left:2rem;display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.history-timeline:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background-color:var(--color-border);z-index:0}.timeline-item{position:relative;z-index:1}.timeline-marker{position:absolute;left:-2rem;top:0;width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--color-bg-secondary);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--color-text-tertiary);transition:all .3s ease}.timeline-item.latest .timeline-marker{background-color:var(--color-primary-500);border-color:var(--color-primary-600);color:#fff;box-shadow:0 0 0 4px var(--color-primary-100)}.timeline-item[data-status=pending] .timeline-marker{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.timeline-item[data-status=sent] .timeline-marker{border-color:var(--color-info);color:var(--color-info)}.timeline-item[data-status=invoiced] .timeline-marker{border-color:var(--color-warning);color:var(--color-warning)}.timeline-item[data-status=received] .timeline-marker{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.timeline-item[data-status=cancelled] .timeline-marker{border-color:var(--color-error);color:var(--color-error)}.timeline-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.timeline-badges{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.timeline-arrow{color:var(--color-text-tertiary)}.status-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.status-badge.highlight{background-color:var(--color-primary-100);color:var(--color-primary-700)}[data-theme=dark] .status-badge.highlight{background-color:#3b82f633;color:var(--color-primary-300)}.timeline-date{font-size:.75rem;color:var(--color-text-tertiary)}.timeline-message{font-size:.875rem;font-weight:600;color:var(--color-text-primary);line-height:1.4;text-transform:uppercase}.timeline-notes{margin-top:.5rem;padding:.5rem;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-secondary);font-style:italic}.payments-container{display:flex;flex-direction:column;gap:1.5rem}.payment-header-card{background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-secondary));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.payment-provider-info{margin-bottom:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.payment-provider-label{font-size:.75rem;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:.25rem;letter-spacing:.05em}.payment-provider-name{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.payment-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase}.summary-value{font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.summary-value.total{color:var(--color-text-primary)}.summary-value.paid{color:var(--color-success)}.summary-value.balance{color:var(--color-error)}.summary-value.balance.zero{color:var(--color-text-tertiary)}.payments-list{display:flex;flex-direction:column;gap:.75rem}.payment-card-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-success);border-radius:var(--radius-md)}.payment-info{display:flex;flex-direction:column;gap:.25rem}.payment-method-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em}.payment-amount{font-size:1.125rem;font-weight:700;color:var(--color-success)}.payment-date{font-size:.75rem;color:var(--color-text-tertiary)}.invoice-modal-form{display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem}.invoice-modal-info{background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);padding:1rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.invoice-modal-info strong{color:var(--color-primary-400)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.required{color:var(--color-error);margin-left:.25rem}.form-input{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--color-text-primary);font-size:1rem;outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-500-20)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.btn-confirm-invoice{padding:.75rem 1.5rem;background-color:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.btn-confirm-invoice:hover:not(:disabled){background-color:var(--color-primary-500);transform:translateY(-1px)}.btn-confirm-invoice:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-tertiary);color:var(--color-text-disabled)}.kanban-board{display:flex;gap:1rem;height:calc(100vh - 200px);overflow-x:auto;padding-bottom:1rem}.kanban-column{flex:1;min-width:280px;background-color:#ffffff08;border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;border:1px solid var(--color-border)}.kanban-column-header{padding:1rem;background-color:#ffffff0d;border-bottom:1px solid var(--color-border);border-top:3px solid transparent;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;justify-content:space-between;align-items:center}.kanban-column-header h3{font-size:.875rem;font-weight:700;text-transform:uppercase;margin:0;letter-spacing:.05em}.count-badge{background-color:#0003;color:var(--color-text-secondary);padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.kanban-column-content{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.kanban-column-content::-webkit-scrollbar{width:4px}.kanban-column-content::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.kanban-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;cursor:grab;transition:all .2s ease;box-shadow:var(--shadow-sm);position:relative;border-left:3px solid transparent}.kanban-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-500)}.kanban-card:active{cursor:grabbing}.card-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.order-id{font-size:.75rem;font-weight:700;color:var(--color-primary-400)}.order-date{font-size:.75rem;color:var(--color-text-tertiary)}.card-supplier{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-total{font-size:1rem;font-weight:700;text-align:right}.kanban-column.drag-over{background-color:rgba(var(--color-primary-rgb),.08);border:1px dashed var(--color-primary-400)}.kanban-card.dragging{opacity:.5;transform:scale(.95);border:1px dashed var(--color-primary-400)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border-light)}.status-selector{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.7rem;padding:2px 6px;border-radius:4px;cursor:pointer;max-width:100px;outline:none;transition:all .2s}.status-selector:hover{border-color:var(--color-primary-400);color:var(--color-text-primary)}.status-selector:focus{border-color:var(--color-primary-500)}.email-modal-form{display:flex;flex-direction:column;gap:1.5rem;padding-top:.5rem}.email-modal-info{background-color:rgba(var(--color-primary-rgb, 59, 130, 246),.08);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:1rem;display:flex;gap:1rem;align-items:center}.pdf-icon-box{width:3rem;height:3rem;background-color:rgba(var(--color-warning-rgb, 245, 158, 11),.1);color:var(--color-warning-500);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pdf-info-content{display:flex;flex-direction:column;gap:.25rem}.pdf-info-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.pdf-info-subtitle{font-size:.75rem;color:var(--color-text-tertiary)}.email-modal-form .form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.email-modal-form .form-input{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--color-text-primary);font-size:1rem;outline:none;transition:all .2s ease;width:100%}.email-modal-form .form-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-500-20)}.email-suggestion-text{font-size:.75rem;color:var(--color-text-tertiary);font-style:italic;margin-top:.5rem}.email-modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.btn-send-email{padding:.75rem 1.75rem;background-color:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-send-email:hover:not(:disabled){background-color:var(--color-primary-500);transform:translateY(-1px)}.btn-send-email:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-bg-tertiary);color:var(--color-text-disabled)}.status-message{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-align:center;margin-bottom:1rem}.status-message.success{background-color:rgba(var(--color-success-rgb, 16, 185, 129),.1);color:var(--color-success-500);border:1px solid rgba(var(--color-success-rgb, 16, 185, 129),.2)}.status-message.error{background-color:rgba(var(--color-error-rgb, 239, 68, 68),.1);color:var(--color-error-500);border:1px solid rgba(var(--color-error-rgb, 239, 68, 68),.2)}.btn-cancel{padding:.75rem 1.5rem;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.purchase-orders-page{display:flex;flex-direction:column;gap:var(--space-8);animation:fadeIn var(--transition-base);padding:var(--space-4)}.po-header-section{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4)}.po-branding{display:flex;flex-direction:column}.po-main-title{font-family:var(--font-family-sans);font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary);letter-spacing:-.5px;line-height:1.1;text-transform:uppercase}.po-sub-title{font-size:.65rem;font-weight:600;color:var(--color-text-tertiary);letter-spacing:2px;text-transform:uppercase;margin-top:4px}.btn-new-order{background-color:var(--color-primary-600)!important;color:#fff!important;border-radius:var(--radius-lg);padding:12px 24px!important;font-weight:600!important;font-size:var(--text-sm)!important;letter-spacing:.5px;box-shadow:var(--shadow-md);transition:transform .2s,background-color .2s}.btn-new-order:hover{transform:translateY(-2px);background-color:var(--color-primary-700)!important;box-shadow:var(--shadow-lg)}.po-content-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.po-custom-table{width:100%;border-collapse:separate;border-spacing:0}.po-custom-table thead th{background-color:var(--color-bg-tertiary)!important;color:var(--color-text-primary)!important;padding:16px 24px;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--color-border)}.po-custom-table thead th:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.po-custom-table thead th:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.po-custom-table tbody tr{background:var(--color-surface);transition:background-color .2s}.po-custom-table tbody tr:hover{background-color:var(--color-surface-hover)}.po-custom-table tbody td{padding:24px;border-bottom:1px solid var(--color-border-light);vertical-align:middle;font-size:var(--text-sm);color:var(--color-text-primary)}.po-custom-table tbody tr:last-child td{border-bottom:none}.po-status-badge{padding:6px 16px;border-radius:9999px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.po-status-badge.pending{background:var(--color-warning-light);color:var(--color-warning-dark)}.po-status-badge.sent{background:var(--color-info-light);color:var(--color-info-dark)}.po-status-badge.invoiced{background:var(--color-primary-100);color:var(--color-primary-800)}.po-status-badge.paid,.po-status-badge.received{background:var(--color-success-light);color:var(--color-success-dark)}.po-status-badge.cancelled{background:var(--color-error-light);color:var(--color-error-dark)}.po-actions{display:flex;gap:8px;justify-content:flex-start}.po-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-bg-tertiary);border:1px solid transparent;cursor:pointer;transition:all .2s;color:var(--color-text-secondary)}.po-action-btn:hover{background-color:var(--color-surface-active);color:var(--color-text-primary);transform:scale(1.05)}.po-action-btn.bg-primary{background-color:var(--color-primary-100);color:var(--color-primary-700);border-color:var(--color-primary-200)}.po-action-btn.bg-primary:hover{background-color:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.view-toggle-container{background:var(--color-bg-tertiary);border:1px solid var(--color-border);padding:2px;border-radius:var(--radius-lg);display:flex;gap:4px;height:fit-content}.view-toggle-btn{padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:transparent;color:var(--color-text-tertiary)}.view-toggle-btn:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.view-toggle-btn.active{background:var(--color-primary-600);color:#fff;box-shadow:var(--shadow-sm)}.invoice-number-btn{background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:6px 12px;cursor:pointer;transition:all .2s;min-width:100px;text-align:center}.invoice-number-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary-400)}.invoice-number-btn .text-muted{color:var(--color-text-tertiary);font-size:var(--text-xs)}.invoice-number-btn .text-success{color:var(--color-success)}.invoice-edit-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2)}.invoice-edit-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.invoice-edit-form .form-group label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.invoice-edit-form .form-input{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color .2s}.invoice-edit-form .form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.invoice-order-ref{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--color-primary-500);margin-bottom:var(--space-2)}.invoice-order-ref__label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.invoice-order-ref__value{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary)}.invoice-section-title{font-size:var(--text-xs);font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-top:var(--space-3);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border-light)}.invoice-edit-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.invoice-edit-form .form-input--error{border-color:var(--color-error)!important;border-width:2px}.invoice-edit-form .form-input--error:focus{box-shadow:0 0 0 3px #dc262633!important}.invoice-validation-alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error-dark);font-size:var(--text-sm);margin-top:var(--space-2)}.invoice-validation-alert svg{flex-shrink:0;color:var(--color-error)}.pos-client-step{display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:1100px;margin:0 auto;animation:fadeIn var(--transition-base)}.pos-step-header{display:flex;justify-content:center;padding:var(--space-4) 0}.pos-step-indicator{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--color-bg-tertiary);border-radius:var(--radius-full)}.pos-step-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--text-sm);font-weight:var(--font-bold);background:var(--color-surface);color:var(--color-text-muted);border:2px solid var(--color-border)}.pos-step-number--active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.pos-step-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.pos-step-label--muted{color:var(--color-text-muted)}.pos-step-divider{color:var(--color-text-muted);font-size:var(--text-lg)}.pos-client-step__content{display:flex;flex-direction:column;gap:var(--space-4)}.pos-client-search-card{padding:var(--space-10) var(--space-8);overflow:visible;width:100%;min-height:250px;display:flex;flex-direction:column;justify-content:center}.pos-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.pos-section-title svg{color:var(--color-primary-400)}.pos-search-wrapper{position:relative}.pos-search-input{width:100%;padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-base);transition:all var(--transition-fast)}.pos-search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 4px #3b82f626}.pos-search-input::placeholder{color:var(--color-text-muted)}.pos-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:320px;overflow-y:auto}.pos-search-results{min-width:100%}.pos-search-result__main{display:flex;flex-direction:column;gap:2px}.pos-search-result__main strong{color:var(--color-text-primary)}.pos-search-result__main small{font-size:var(--text-xs);color:var(--color-text-muted)}.pos-search-result__ruc{font-family:var(--font-family-mono);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.pos-search-no-results{padding:var(--space-6);text-align:center;display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.pos-search-no-results p{color:var(--color-text-muted)}.pos-create-btn{margin-top:var(--space-4)}.pos-client-data-card{padding:var(--space-6)}.pos-client-data-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.pos-client-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.pos-client-business{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.pos-client-badges{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.pos-client-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.pos-client-field{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.pos-client-field:hover{border-color:var(--color-border-light)}.pos-client-field--empty{border-style:dashed;background:transparent}.pos-client-field__label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.pos-client-field__value{display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:24px}.pos-client-field__value span{color:var(--color-text-primary);font-size:var(--text-sm)}.pos-client-field--empty .pos-client-field__value span{color:var(--color-text-muted);font-style:italic}.pos-client-field__edit{display:flex;gap:var(--space-1)}.pos-client-field__edit input{flex:1;padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);border:1px solid var(--color-primary-500);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-sm)}.pos-field-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast)}.pos-field-btn--edit{background:transparent;color:var(--color-text-muted);opacity:0}.pos-client-field:hover .pos-field-btn--edit{opacity:1}.pos-field-btn--save{background:var(--color-success);color:#fff}.pos-field-btn--cancel{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.pos-sale-config{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.pos-config-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4)}.pos-config-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.pos-config-field{display:flex;flex-direction:column;gap:var(--space-2)}.pos-config-field label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.pos-config-input,.pos-config-select{height:40px;padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);min-width:100px}.pos-config-select{min-width:150px}.pos-due-date{height:40px;display:flex;align-items:center;padding:0 var(--space-3);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:var(--color-warning);font-weight:var(--font-medium);font-size:var(--text-sm)}.pos-toggle{padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.pos-step-actions{display:flex;justify-content:center;padding:var(--space-4) 0}.pos-continue-btn{min-width:280px;font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.pos-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6)}.pos-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .2s ease-out}.pos-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.pos-modal__header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.pos-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xl);transition:all var(--transition-fast)}.pos-modal__close:hover{background:var(--color-error);color:#fff}.pos-modal__body{padding:var(--space-6);overflow-y:auto}.pos-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary)}.pos-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.pos-form-field{display:flex;flex-direction:column;gap:var(--space-2)}.pos-form-field--full{grid-column:span 2}.pos-form-field label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.pos-form-field input,.pos-form-field select{height:44px;padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);transition:all var(--transition-fast)}.pos-form-field input:focus,.pos-form-field select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626}.pos-form-field input::placeholder{color:var(--color-text-muted)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pos-stamp-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);font-family:var(--font-family-sans);color:var(--color-text-primary);margin-top:1rem;width:100%}.pos-stamp-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.pos-stamp-icon-wrapper{width:36px;height:36px;background:var(--color-success-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-success-dark)}.pos-stamp-title-col{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.pos-stamp-label{font-size:.65rem;font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.pos-stamp-badge{background:var(--color-success-light);color:var(--color-success-dark);font-size:.65rem;font-weight:var(--font-bold);padding:.125rem .5rem;border-radius:var(--radius-full);letter-spacing:.025em}.pos-stamp-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-light)}.pos-stamp-label-sm{display:block;font-size:.65rem;font-weight:var(--font-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.pos-stamp-number{font-size:1.25rem;font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:.05em;line-height:1.2}.pos-stamp-row{display:flex;justify-content:space-between;margin-bottom:1rem;gap:.5rem}.pos-stamp-col{display:flex;flex-direction:column}.pos-stamp-value{font-size:.875rem;font-weight:var(--font-semibold);color:var(--color-text-primary)}.pos-stamp-progress-section{display:flex;flex-direction:column;gap:.25rem}.pos-stamp-progress-header{display:flex;justify-content:space-between;align-items:baseline}.pos-stamp-progress-text{font-size:.75rem;color:var(--color-text-tertiary)}.pos-stamp-progress-text strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}.pos-stamp-progress-track{width:100%;height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.pos-stamp-progress-fill{height:100%;background:var(--color-success);border-radius:var(--radius-full);transition:width .5s ease}.pos-product-step{display:flex;flex-direction:column;height:100%;animation:fadeIn var(--transition-base)}.pos-product-header{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.pos-step-number--done{background:var(--color-success);color:#fff;border-color:var(--color-success)}.pos-step-label--done{color:var(--color-success)}.pos-client-header-compact{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.pos-back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pos-back-btn:hover{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.pos-header-client-info{display:flex;flex-direction:column;gap:2px;flex:1}.pos-header-client-name{font-weight:var(--font-semibold);color:var(--color-text-primary)}.pos-header-client-ruc{font-size:var(--text-sm);font-family:var(--font-family-mono);color:var(--color-text-muted)}.pos-header-badges{display:flex;gap:var(--space-2)}.badge--sm{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.badge--warning{background:#f59e0b26;color:var(--color-warning)}.pos-input-bar{display:grid;grid-template-columns:2fr 1.2fr .5fr auto;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:#0f172a;border-bottom:4px solid var(--color-primary-600);align-items:end;margin-bottom:var(--space-2);box-shadow:0 4px 6px -1px #0000001a}.pos-input-group{display:flex;flex-direction:column;gap:var(--space-2)}.pos-input-group label{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.pos-bar-input{height:48px;padding:0 var(--space-4);background:#1e293bb3;border:1px solid #334155;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:500;width:100%;transition:all var(--transition-base)}.pos-bar-input:focus{background:#1e293b;border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 2px #3b82f64d}.pos-bar-input::placeholder{color:#64748b}.pos-bar-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.pos-bar-select option{background:#1e293b;color:#fff}.pos-bar-qty{text-align:center;font-size:var(--text-lg);font-weight:700}.pos-bar-btn-add{height:48px;width:64px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 6px #2563eb33}.pos-bar-btn-add:hover:not(:disabled){background:var(--color-primary-500);transform:translateY(-1px);box-shadow:0 6px 12px #2563eb4d}.pos-bar-btn-add:active:not(:disabled){transform:translateY(0)}.pos-bar-btn-add:disabled{background:#334155;color:#64748b;cursor:not-allowed;box-shadow:none}.pos-search-wrapper{position:relative;width:100%}.pos-search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.pos-input-group--search .pos-bar-input{padding-left:3rem;font-weight:600}.pos-search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-2);background:#1e293b;border:1px solid #334155;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;max-height:300px;overflow-y:auto}.pos-search-result{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid #334155;transition:all var(--transition-fast)}.pos-search-result:last-child{border-bottom:none}.pos-search-result.selected,.pos-search-result:hover{background:#334155}.pos-result-name{display:block;font-weight:500;color:#fff}.pos-result-meta{display:block;font-size:.75rem;color:#94a3b8}.pos-result-price{font-weight:700;color:var(--color-primary-400)}.pos-main-split{display:flex;flex:1;min-height:0;gap:var(--space-4);padding:0 var(--space-4) var(--space-4)}.pos-list-area{flex:1;display:flex;flex-direction:column;min-width:0}.pos-summary-area{width:320px}.pos-cart-list{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;padding-right:var(--space-2);height:100%}.pos-list-item{display:grid;grid-template-columns:48px 1fr auto auto;gap:var(--space-3);align-items:center;padding:var(--space-3);background:#1e293b;border:1px solid #334155;border-radius:var(--radius-lg);margin-bottom:var(--space-2);box-shadow:0 4px 6px -1px #0000001a;transition:all var(--transition-fast)}.pos-list-item:hover{border-color:var(--color-primary-500);box-shadow:0 10px 15px -3px #0000001a}.pos-item-index{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0f172a;color:#94a3b8;font-weight:700;border-radius:var(--radius-md);font-size:var(--text-sm)}.pos-item-content{display:flex;flex-direction:column;gap:4px;min-width:0}.pos-item-main{display:flex;justify-content:space-between;align-items:center;width:100%}.pos-item-name{font-weight:600;color:#fff;font-size:var(--text-sm);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:var(--space-2)}.pos-item-total-price{font-size:var(--text-base);font-weight:700;color:var(--color-primary-400);white-space:nowrap}.pos-item-meta{display:flex;align-items:center;gap:var(--space-2)}.pos-item-sku{font-size:.7rem;font-family:var(--font-family-mono);color:#64748b}.pos-item-details{display:flex;align-items:center;gap:var(--space-2)}.pos-price-badge{font-size:.65rem;padding:2px 6px;background:#0f172a;border:1px solid #334155;border-radius:var(--radius-sm);color:#94a3b8;font-weight:600;text-transform:uppercase}.pos-unit-calc{font-size:.75rem;color:#94a3b8}.pos-item-remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:#64748b;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.pos-item-remove:hover{background:#ef44441a;border-color:#ef444433;color:#f87171}.pos-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b;gap:var(--space-4);opacity:.7}.pos-checkout-card{background:#1e293b;border:1px solid #334155;border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.pos-product-header-mini{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:2px dashed #334155}.pos-back-text{width:fit-content;font-size:var(--text-xs);color:var(--color-primary-400);background:none;border:none;padding:0;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pos-mini-client{display:flex;flex-direction:column;color:#fff}.pos-mini-client small{color:#94a3b8}.pos-totals{display:flex;flex-direction:column;gap:var(--space-3)}.pos-total-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:#94a3b8}.pos-total-row--grand{margin-top:var(--space-2);border-top:2px solid #334155;padding-top:var(--space-4);font-size:var(--text-xl);font-weight:800;color:#fff}.pos-total-row--grand span:last-child{color:var(--color-primary-400)}.pos-invoice-btn{margin-top:auto;background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);box-shadow:0 4px 6px #2563eb40;border:none;height:54px;font-size:var(--text-base);font-weight:700;letter-spacing:.025em;color:#fff;width:100%}.pos-invoice-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #2563eb66;transform:translateY(-2px)}.pos-invoice-btn:disabled{background:#334155;color:#94a3b8;box-shadow:none;cursor:not-allowed}.pos-error-message{padding:var(--space-3);background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.pos-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1200px){.pos-product-layout{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.pos-checkout-panel{grid-column:span 2}.pos-checkout-card{flex-direction:row;align-items:center}.pos-totals,.pos-client-summary{flex:1}.pos-invoice-btn{width:auto;min-width:200px}}.pos-price-select{padding:2px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-xs);max-width:150px}.pos-header-client-details{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.pos-header-separator{color:var(--color-border)}.pos-page{display:flex;flex-direction:column;gap:var(--space-6);animation:fadeIn var(--transition-base)}.pos-page--steps{height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;padding-bottom:var(--space-8)}.pos-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.pos-page__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.pos-page__subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.pos-grid{display:grid;grid-template-columns:320px 1fr 380px;gap:var(--space-4);min-height:calc(100vh - 200px)}.pos-panel{display:flex;flex-direction:column;overflow:hidden}.pos-panel__header{padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-tertiary)}.pos-panel__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.pos-panel__content{flex:1;padding:var(--space-4);overflow-y:auto}.pos-results{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.pos-result{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border)}.pos-result:hover{background:var(--color-surface-hover);border-color:var(--color-primary-500)}.pos-result__info{display:flex;flex-direction:column;gap:2px}.pos-result__name{font-weight:var(--font-medium);color:var(--color-text-primary)}.pos-result__sku{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.pos-result__price{font-weight:var(--font-semibold);color:var(--color-primary-400)}.pos-no-results{text-align:center;color:var(--color-text-muted);padding:var(--space-6)}.pos-select-client-first{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;gap:var(--space-4);color:var(--color-text-muted);text-align:center;padding:var(--space-6)}.pos-select-client-first svg{opacity:.5}.pos-select-client-first p{max-width:200px;line-height:1.5}.pos-cart-list{display:flex;flex-direction:column;gap:var(--space-3)}.pos-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-4);color:var(--color-text-muted)}.pos-cart-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.pos-cart-item:hover{border-color:var(--color-border-light)}.pos-cart-item__main{display:grid;grid-template-columns:1fr 100px 100px 32px;align-items:center;gap:var(--space-3)}.pos-cart-item__info{display:flex;flex-direction:column;gap:2px}.pos-cart-item__name{font-weight:var(--font-medium);color:var(--color-text-primary)}.pos-cart-item__sku{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.pos-cart-item__qty{display:flex;align-items:center;gap:var(--space-1);background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:2px}.pos-cart-item__qty button{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.pos-cart-item__qty button:hover{background:var(--color-primary-500);color:#fff}.pos-cart-item__qty input{width:36px;text-align:center;background:transparent;border:none;color:var(--color-text-primary);font-weight:var(--font-bold)}.pos-cart-item__subtotal{text-align:right}.pos-cart-item__subtotal span{font-weight:var(--font-semibold);color:var(--color-text-primary)}.pos-cart-item__subtotal small{display:block;font-size:var(--text-xs);color:var(--color-success)}.pos-cart-item__remove{background:none;border:none;color:var(--color-error);font-size:1.25rem;cursor:pointer;opacity:.5;transition:opacity var(--transition-fast)}.pos-cart-item__remove:hover{opacity:1}.pos-cart-item__controls{display:flex;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.pos-cart-item__control{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.pos-cart-item__control label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase}.pos-cart-item__control select,.pos-cart-item__control input{height:32px;padding:var(--space-1) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-sm)}.pos-checkout-section{margin-bottom:var(--space-5)}.pos-checkout-label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.pos-input{width:100%;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);transition:all var(--transition-fast)}.pos-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626}.pos-client-compact{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.pos-client-compact__row{display:flex;align-items:center;gap:var(--space-4)}.pos-client-compact__main{flex:1}.pos-client-compact__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.pos-client-compact__ruc{display:flex;flex-direction:column;align-items:flex-end;padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.pos-client-compact__label{font-size:9px;font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.pos-client-compact__value{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-family-mono)}.pos-client-compact__badges{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.badge--outline{background:transparent;border:1px solid var(--color-primary-500);color:var(--color-primary-400)}.badge--ghost{background:transparent;color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-1)}.badge--ghost svg{opacity:.7}.pos-client-selected{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.pos-client-selected__info strong{display:block;margin-bottom:var(--space-2)}.pos-client-selected__badges{display:flex;gap:var(--space-2)}.pos-client-search{position:relative}.pos-client-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:var(--z-dropdown);margin-top:4px;box-shadow:var(--shadow-lg)}.pos-client-option{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast)}.pos-client-option:hover{background:var(--color-surface-hover)}.pos-client-option small{color:var(--color-text-muted);font-family:var(--font-family-mono)}.pos-client-option__info{display:flex;flex-direction:column;gap:2px}.pos-client-option__trade{font-weight:var(--font-medium);color:var(--color-text-primary)}.pos-client-option__business{font-size:var(--text-xs);color:var(--color-text-muted)}.pos-toggle-group{display:flex;background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:4px}.pos-toggle{flex:1;padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.pos-toggle--active{background:var(--color-primary-500);color:#fff;box-shadow:var(--shadow-sm)}.pos-credit-info{margin-top:var(--space-4);display:flex;align-items:flex-end;gap:var(--space-4)}.pos-credit-days{display:flex;flex-direction:column;gap:var(--space-1)}.pos-credit-days label{font-size:var(--text-xs);color:var(--color-text-secondary)}.pos-credit-days input{width:80px;height:36px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);text-align:center}.pos-due-date{padding:var(--space-2) var(--space-3);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-sm);color:var(--color-warning);font-size:var(--text-sm)}.pos-totals{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:auto}.pos-totals__row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.pos-totals__total{display:flex;justify-content:space-between;align-items:baseline;padding-top:var(--space-3);margin-top:var(--space-3);border-top:1px solid var(--color-border)}.pos-totals__total span:first-child{font-weight:var(--font-semibold);color:var(--color-text-primary)}.pos-totals__amount{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-family-mono)}.pos-btn-checkout{width:100%;margin-top:var(--space-4)}.badge--primary{background:var(--color-primary-500)}.badge--success{background:var(--color-success)}@media (max-width: 1200px){.pos-grid{grid-template-columns:1fr 1fr}.pos-panel--checkout{grid-column:span 2}}@media (max-width: 768px){.pos-grid{grid-template-columns:1fr}.pos-panel--checkout{grid-column:span 1}}.issued-invoices-page{padding:2rem;background-color:var(--color-bg-primary);font-family:var(--font-family-sans);color:var(--color-text-primary);min-height:100vh;box-sizing:border-box}.page-header{margin-bottom:2.5rem}.page-title{font-size:2rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.03em;text-transform:uppercase;margin:0}.page-subtitle{font-size:.875rem;color:var(--color-text-secondary);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-top:.5rem}.page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap}.search-container{flex:1;min-width:300px;max-width:500px}.search-input-wrapper{display:flex;align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.75rem 1.25rem;box-shadow:var(--shadow-sm);transition:all .2s ease-in-out}.search-input-wrapper:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 4px #3b82f61a}.search-icon{color:var(--color-text-tertiary);margin-right:.75rem;width:1.25rem;height:1.25rem;flex-shrink:0}.search-input{border:none;font-size:.9375rem;width:100%;outline:none;color:var(--color-text-primary);background:transparent}.search-input::placeholder{color:var(--color-text-secondary)}.action-buttons{display:flex;gap:1rem}.btn-filter,.btn-new{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;gap:.5rem}.btn-filter{background-color:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-filter:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-light);color:var(--color-text-primary)}.btn-new{background-color:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.btn-new:hover{background-color:var(--color-success-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-new:active{transform:translateY(0)}.invoices-table-container{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--color-border)}.invoices-table{width:100%;border-collapse:separate;border-spacing:0}.invoices-table th{background-color:var(--color-bg-secondary);color:var(--color-text-heading, #f1f5f9);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:1.25rem 1.5rem;text-align:left;border-bottom:1px solid var(--color-border)}.invoices-table th:first-child{border-top-left-radius:var(--radius-lg)}.invoices-table th:last-child{border-top-right-radius:var(--radius-lg);padding-right:2rem;text-align:center}.invoices-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-primary);vertical-align:middle;transition:background-color .1s}.invoices-table tr:last-child td{border-bottom:none}.invoices-table tr:hover td{background-color:var(--color-surface-hover)}.invoice-number{font-weight:700;color:var(--color-text-primary);font-feature-settings:"tnum";line-height:1.4}.client-info{display:flex;flex-direction:column}.client-name{font-weight:600;color:var(--color-text-primary);font-size:.9rem}.client-ruc{font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.amount{font-weight:600;font-feature-settings:"tnum"}.balance{font-weight:700;font-feature-settings:"tnum"}.balance.has-debt{color:var(--color-error)}.balance.paid{color:var(--color-success)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.status-badge.paid{background-color:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.status-badge.pending{background-color:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.actions-cell{display:flex;justify-content:center;gap:.5rem}.action-btn{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.action-btn:hover{border-color:var(--color-border-light);color:var(--color-text-primary);background-color:var(--color-surface-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-btn.pay-btn{background-color:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.action-btn.pay-btn:hover{background-color:var(--color-primary-700);border-color:var(--color-primary-700);box-shadow:0 4px 6px -1px #2563eb66}.icon{width:1rem;height:1rem}.payment-modal-content{color:var(--color-text-primary);background-color:#0f172a;border-radius:var(--radius-lg)}.payment-header{background:linear-gradient(135deg,#0f172a,#1e293b);padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:flex-start}.payment-invoice-info{display:flex;flex-direction:column;gap:.25rem}.payment-subtitle{font-size:.75rem;text-transform:uppercase;color:var(--color-text-tertiary);font-weight:600;letter-spacing:.05em}.payment-title{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:-.02em;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.payment-client{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem}.payment-balance-display{text-align:right}.balance-label{display:block;font-size:.75rem;text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.05em;margin-bottom:.25rem}.balance-amount{display:block;font-size:2rem;font-weight:800;color:#3b82f6;text-shadow:0 0 20px rgba(59,130,246,.3);line-height:1}.payment-form-card{background-color:#1e293b;margin:1.5rem 2rem;padding:2rem;border-radius:1rem;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px -10px #00000080;position:relative}.form-section-title{font-size:.875rem;font-weight:700;text-transform:uppercase;color:var(--color-text-primary);margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.form-section-title:after{content:"";flex:1;height:1px;background:#ffffff1a;margin-left:1rem;border-style:dashed;border-width:0 0 1px 0}.form-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.form-row.three-cols{display:grid;grid-template-columns:2fr 1.5fr 1.5fr}.form-row.two-cols{display:grid;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.05em}.payment-input{background-color:#0f172a99;border:1px solid rgba(255,255,255,.1);color:var(--color-text-primary);padding:.875rem 1rem;border-radius:.5rem;font-size:.9375rem;transition:all .2s;outline:none;font-family:var(--font-family-sans)}.payment-input:focus{border-color:#3b82f6;background-color:#0f172acc;box-shadow:0 0 0 2px #3b82f633}.payment-input::placeholder{color:#94a3b880}.highlight-input{font-weight:700;font-size:1.1rem;text-align:right;letter-spacing:.02em}.payment-footer-summary{padding:1.5rem 2rem 2.5rem;display:flex;align-items:center;justify-content:space-between;background-color:#0f172a;border-top:1px dashed rgba(255,255,255,.1);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.total-label{font-size:.875rem;font-weight:700;text-transform:uppercase;color:#3b82f6;letter-spacing:.1em}.total-amount{font-size:2.5rem;font-weight:800;color:#fff;margin-left:1rem;margin-right:auto}.footer-actions{display:flex;align-items:center;gap:1.5rem}.btn-text{background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;cursor:pointer;letter-spacing:.05em;padding:.5rem 1rem;transition:color .2s}.btn-text:hover{color:#fff}.btn-primary-payment{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 4px 6px -1px #2563eb4d,0 10px 15px -3px #2563eb33;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-primary-payment:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #2563eb66;background:linear-gradient(135deg,#3b82f6,#2563eb)}.history-modal-content{padding:1rem;background-color:#0f172a;border-radius:var(--radius-lg)}.history-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem}.history-table th{text-align:left;padding:1rem;color:var(--color-text-secondary);font-size:.75rem;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1);font-weight:700}.history-table td{padding:1rem;color:var(--color-text-primary);font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}.history-table tr:last-child td{border-bottom:none}.history-total-row td{border-top:1px dashed rgba(255,255,255,.2);font-weight:700;color:#3b82f6;font-size:1.1rem}.audit-user{display:flex;flex-direction:column;font-size:.85rem;color:#fff;font-weight:500}.audit-date{font-size:.8rem;color:var(--color-text-secondary)}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;opacity:0;animation:fadeIn .3s forwards}.sidebar-container{position:fixed;top:0;right:0;width:400px;height:100vh;background-color:#0f172a;box-shadow:-5px 0 25px #00000080;z-index:51;transform:translate(100%);animation:slideIn .3s forwards;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.1)}.sidebar-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.sidebar-title{font-size:1.25rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.sidebar-close{background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;transition:color .2s}.sidebar-close:hover{color:#fff}.sidebar-content{flex:1;overflow-y:auto;padding:2rem}.sidebar-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);background-color:#1e293b;display:flex;justify-content:flex-end;gap:1rem}@keyframes fadeIn{to{opacity:1}}@keyframes slideIn{to{transform:translate(0)}}.filter-group label{display:block;color:var(--color-text-tertiary);font-size:.75rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase}.filter-select,.filter-input{width:100%;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.75rem;color:#fff;outline:none;transition:border-color .2s}.filter-select:focus,.filter-input:focus{border-color:#3b82f6}.filter-select option{background-color:#0f172a;color:#fff}.filter-divider{height:1px;background-color:#ffffff1a;margin:2rem 0}.filter-row{display:flex;gap:1rem}.btn-primary-full{width:100%;background-color:#3b82f6;color:#fff;border:none;padding:1rem;border-radius:.5rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:background-color .2s}.btn-primary-full:hover{background-color:#2563eb}.text-right{text-align:right}.history-card-container{padding:1rem;color:#fff;font-family:var(--font-family-sans)}.history-top-bar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1.5rem}.history-title-group h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin:0 0 1.5rem;font-weight:700}.history-main-title{font-size:1.75rem;font-weight:800;margin:0;line-height:1;letter-spacing:-.03em}.history-subtitle{font-size:.8rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.history-balance-group{text-align:right}.history-balance-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:.25rem;display:block}.history-balance-amount{font-size:2rem;font-weight:800;color:#ef4444;line-height:1}.history-balance-amount.paid{color:#10b981}.history-table-v2{width:100%;border-collapse:separate;border-spacing:0 .5rem}.history-table-v2 thead th{background-color:#0f172a;color:#fff;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;border:none}.history-table-v2 thead th:first-child{border-top-left-radius:99px;border-bottom-left-radius:99px}.history-table-v2 thead th:last-child{border-top-right-radius:99px;border-bottom-right-radius:99px}.history-table-v2 tbody tr{background-color:transparent;transition:transform .2s}.history-table-v2 tbody td{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--color-text-secondary);font-size:.85rem;vertical-align:middle}.history-table-v2 tbody tr:last-child td{border-bottom:none}.col-primary{color:#fff!important;font-weight:600}.col-amount{font-weight:700;color:#fff!important;font-size:1rem!important}.pill-badge{background-color:#ffffff0d;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.1)}.profile-page{padding:var(--space-6);max-width:900px;animation:fadeIn var(--transition-base)}.profile-header{margin-bottom:var(--space-8)}.profile-back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);background:transparent;border:none;cursor:pointer;padding:var(--space-2) 0;margin-bottom:var(--space-4);transition:color var(--transition-fast)}.profile-back:hover{color:var(--color-text-primary)}.profile-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.profile-content{display:grid;gap:var(--space-6)}@media (min-width: 768px){.profile-content{grid-template-columns:1fr 1fr}}.profile-card{padding:var(--space-6);background:#1e293b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);transition:all var(--transition-base)}.profile-card:hover{border-color:#ffffff1f;box-shadow:0 8px 32px #0003}.profile-avatar-section{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.profile-avatar{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));border-radius:var(--radius-xl);box-shadow:0 8px 24px #3b82f64d}.profile-avatar__initial{font-size:var(--text-3xl);font-weight:var(--font-bold);color:#fff;text-transform:uppercase}.profile-avatar-info{display:flex;flex-direction:column;gap:var(--space-1)}.profile-name{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);text-transform:capitalize}.profile-role{font-size:var(--text-sm);color:var(--color-text-secondary)}.profile-details{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.profile-detail{display:flex;align-items:center;gap:var(--space-3)}.profile-detail__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-primary-400)}.profile-detail__content{display:flex;flex-direction:column;gap:2px}.profile-detail__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.profile-detail__value{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-medium)}.profile-card__header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.profile-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent),var(--color-primary-500));border-radius:var(--radius-lg);color:#fff}.profile-card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:2px}.profile-card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.profile-form{display:flex;flex-direction:column;gap:var(--space-4)}.profile-submit{width:100%;height:44px;margin-top:var(--space-2)}.profile-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);animation:slideUp var(--transition-fast)}.profile-message--error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.profile-message--success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--color-success)}.profile-form .input-wrapper{background:#0f172a99}.profile-form .input:focus{background:#0f172acc}.users-page{padding:2rem;animation:fadeIn .5s ease-out}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.users-title{font-size:2.2rem;font-weight:900;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:-1px}.users-subtitle{font-size:.85rem;color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase;font-weight:500}.users-card{background:#1e293b;border-radius:12px;border:1px solid #334155;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#0f172a;color:#e2e8f0;padding:1.25rem 1.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;text-align:left;border-bottom:2px solid #334155}.users-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #334155;vertical-align:middle;color:#cbd5e1}.users-table tr:hover{background:#334155}.user-avatar-cell{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:#f8fafc}.user-email{font-size:.8rem;color:#94a3b8}.role-badge{padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.role-admin{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.role-operator{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.role-warehouse{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.role-billing{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.2)}.action-btn-primary{background:#3b82f6;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.action-btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.edit-btn{background:transparent;border:1px solid #475569;color:#94a3b8;padding:.4rem .8rem;border-radius:.375rem;cursor:pointer;font-size:.8rem;transition:all .2s}.edit-btn:hover{border-color:#94a3b8;color:#f8fafc}.role-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.role-modal{background:#1e293b;padding:2rem;border-radius:1rem;width:100%;max-width:500px;border:1px solid #334155;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header h2{color:#fff;margin-bottom:.5rem}.modal-header p{color:#94a3b8;font-size:.9rem;margin-bottom:1.5rem}.role-option{display:flex;align-items:center;padding:1rem;border:1px solid #334155;margin-bottom:.8rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.role-option:hover{background:#334155}.role-option.selected{background:#3b82f61a;border-color:#3b82f6}.radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid #64748b;margin-right:1rem;display:flex;align-items:center;justify-content:center}.role-option.selected .radio-circle{border-color:#3b82f6}.radio-inner{width:10px;height:10px;border-radius:50%;background:#3b82f6;display:none}.role-option.selected .radio-inner{display:block}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-cancel{background:transparent;color:#cbd5e1;border:none;padding:.6rem 1.2rem;cursor:pointer}.btn-save{background:#3b82f6;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer}.form-input,.form-select{width:100%;padding:.75rem 1rem;background:#0f172a;border:1px solid #334155;border-radius:.5rem;color:#fff;font-size:.95rem;transition:all .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;background:#1e293b;box-shadow:0 0 0 2px #3b82f633}.form-select option{background:#0f172a;color:#fff;padding:10px}@media (max-width: 768px){.users-page{padding:1rem}.users-table th:nth-child(3),.users-table td:nth-child(3){display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{min-height:100vh;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}#root{isolation:isolate;min-height:100vh}:root{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-elevated: #1e293b;--color-surface: #1e293b;--color-surface-hover: #334155;--color-surface-active: #475569;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-accent: #06b6d4;--color-accent-hover: #22d3ee;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #047857;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #b45309;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #b91c1c;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #1e40af;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-text-muted: #475569;--color-text-inverse: #0f172a;--color-border: #334155;--color-border-light: #475569;--color-border-focus: var(--color-primary-500);--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--border-width: 1px;--border-width-2: 2px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgb(59 130 246 / .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--z-toast: 500;--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 64px;--container-max: 1400px}[data-theme=light]{--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f5f9;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-border: #e2e8f0;--color-border-light: #cbd5e1}body{font-family:var(--font-family-sans);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-primary)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-slideUp{animation:slideUp var(--transition-slow)}.animate-pulse{animation:pulse 2s infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.protected-loading{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg-primary);color:var(--color-text-primary);gap:var(--space-6)}.protected-loading__spinner{width:48px;height:48px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.protected-loading__text{font-size:var(--text-lg);font-weight:500;color:var(--color-text-secondary);animation:pulse 2s infinite}@keyframes spin{to{transform:rotate(360deg)}}