*{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.input-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.required{color:var(--accent-danger);margin-left:2px}.input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.input:disabled{background-color:var(--bg-secondary);cursor:not-allowed;opacity:.6}.input-error,.input-error:focus{border-color:var(--accent-danger)}.input-error:focus{box-shadow:0 0 0 3px #dc35451a}.input-error-message{color:var(--accent-danger)}@media (max-width:768px){.input{min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md)}.input-label{font-size:.875rem;margin-bottom:var(--spacing-xs)}.input-wrapper{gap:var(--spacing-xs)}}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.btn-secondary{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-hover)}.btn-success{background-color:var(--accent-success);border-color:var(--accent-success);color:#fff}.btn-success:hover:not(:disabled){opacity:.9}.btn-danger{background-color:var(--accent-danger);border-color:var(--accent-danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-warning{background-color:var(--accent-warning);border-color:var(--accent-warning);color:var(--text-primary)}.btn-warning:hover:not(:disabled){opacity:.9}.btn-small{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.btn-medium{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-large{font-size:1.125rem;padding:var(--spacing-md) var(--spacing-lg)}@media (max-width:768px){.btn{padding:var(--spacing-sm) var(--spacing-md)}.btn,.btn-small{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.btn-small{padding:var(--spacing-xs) var(--spacing-sm)}.btn-large{min-height:var(--touch-target-comfortable);padding:var(--spacing-md) var(--spacing-lg)}.btn:active{opacity:.9;transform:scale(.97)}}.login-page{align-items:center;background-color:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.login-container{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--spacing-2xl);width:100%}.login-title{color:var(--accent-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);text-align:center}.login-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-xl);text-align:center}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.login-button{margin-top:var(--spacing-sm);width:100%}.login-demo{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.demo-title{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-sm)}.login-demo p{margin:var(--spacing-xs) 0}.dashboard{margin:0 auto;max-width:1200px}.dashboard-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xl)}.dashboard-loading{color:var(--text-secondary);padding:var(--spacing-2xl);text-align:center}.dashboard-cards{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-2xl)}.dashboard-card{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.dashboard-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-icon{align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.card-content{flex:1 1}.card-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0 0 var(--spacing-xs) 0}.card-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.dashboard-section{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.section-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.view-all-link{color:var(--accent-primary);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.view-all-link:hover{color:var(--accent-primary-hover)}.no-data{padding:var(--spacing-xl)}.quick-navigation{margin-bottom:var(--spacing-xl)}.nav-cards-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.nav-card{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;min-height:120px;padding:var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast)}.nav-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.nav-card-icon{font-size:2.5rem}.nav-card-label{font-size:.875rem;text-align:center}@media (max-width:1024px){.dashboard-cards{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.dashboard-card{padding:var(--spacing-md)}.card-icon{font-size:2rem;height:50px;width:50px}.card-value{font-size:1.25rem}.nav-cards-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width:768px){.dashboard{padding:0}.dashboard-title{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.dashboard-cards{gap:var(--spacing-md);grid-template-columns:1fr;margin-bottom:var(--spacing-lg)}.dashboard-card{padding:var(--spacing-md)}.card-icon{font-size:1.75rem;height:48px;width:48px}.card-label{font-size:.8125rem}.card-value{font-size:1.125rem}.dashboard-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.section-header h2{font-size:1.125rem}.sales-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{font-size:.875rem;min-width:600px}.table td,.table th{padding:var(--spacing-xs) var(--spacing-sm)}.nav-cards-grid{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.nav-card{min-height:90px;padding:var(--spacing-sm)}.nav-card-icon{font-size:1.75rem}.nav-card-label{font-size:.75rem}}@media (max-width:480px){.dashboard-title{font-size:1.25rem}.nav-cards-grid{grid-template-columns:repeat(2,1fr)}.nav-card{min-height:80px}.nav-card-icon{font-size:1.5rem}.nav-card-label{font-size:.6875rem}}.modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.modal{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.modal-small{width:400px}.modal-medium{width:600px}.modal-large{width:800px}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:32px}.modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}@media (max-width:768px){.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0;max-height:95vh}.modal,.modal-large,.modal-medium,.modal-small{max-width:100%;width:100%}.modal-header{background-color:var(--bg-primary);padding:var(--spacing-md);position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-title{font-size:1.125rem}.modal-close{font-size:1.75rem;height:var(--touch-target-min);width:var(--touch-target-min)}.modal-body{max-height:calc(95vh - 80px);padding:var(--spacing-md)}}@media (max-width:480px){.modal{border-radius:0;max-height:100vh}.modal-body{max-height:calc(100vh - 70px)}}@media (min-width:769px) and (max-width:1024px){.modal-small{max-width:500px;width:90%}.modal-medium{max-width:700px;width:90%}.modal-large{max-width:900px;width:90%}}.confirmation-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.confirmation-message{color:var(--text-primary);font-size:1.125rem;line-height:1.6;padding:var(--spacing-md) 0;text-align:center}.confirmation-actions{display:flex;gap:var(--spacing-md);width:100%}.confirmation-cancel-btn,.confirmation-confirm-btn{flex:1 1;font-size:1.125rem;font-weight:600;min-height:56px;padding:var(--spacing-md) var(--spacing-lg)}@media (max-width:768px){.confirmation-actions{flex-direction:column;gap:var(--spacing-sm)}.confirmation-cancel-btn,.confirmation-confirm-btn{font-size:1.25rem;min-height:60px;width:100%}.confirmation-message{font-size:1rem;padding:var(--spacing-sm) 0}}@media (max-width:1024px){.confirmation-cancel-btn,.confirmation-confirm-btn{min-height:52px}}.theme-toggle{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-normal);width:40px}.theme-toggle:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);box-shadow:0 4px 8px #007bff26;transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.language-switcher{align-items:center;display:inline-flex}.language-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.language-select:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary)}.language-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}[dir=rtl] .language-switcher{direction:ltr}.sync-status{align-items:center;background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.sync-status:hover{background-color:#e8e8e8;background-color:var(--bg-tertiary,#e8e8e8)}.sync-status-icon{font-size:14px;line-height:1}.sync-status-text{color:#333;color:var(--text-primary,#333);font-weight:500}.sync-status-time{color:#666;color:var(--text-secondary,#666);font-size:11px;margin-left:4px}[data-theme=dark] .sync-status{background-color:#2a2a2a;background-color:var(--bg-secondary,#2a2a2a);border-color:#404040;border-color:var(--border-color,#404040)}[data-theme=dark] .sync-status:hover{background-color:#353535;background-color:var(--bg-tertiary,#353535)}[data-theme=dark] .sync-status-text{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .sync-status-time{color:#999;color:var(--text-secondary,#999)}.pos-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-bottom:2px solid var(--border-color);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme=dark] .pos-header{background:linear-gradient(135deg,var(--bg-secondary) 0,#252525 100%);box-shadow:0 4px 12px #00000080,0 2px 4px #0000004d}.pos-header-content{margin:0 auto;max-width:100%;min-height:70px;padding:var(--spacing-sm) var(--spacing-lg)}.pos-header-content,.pos-header-left{align-items:center;display:flex;gap:var(--spacing-xl)}.pos-header-left{flex:0 0 auto}.pos-header-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-hover) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0;text-transform:uppercase;white-space:nowrap}[data-theme=dark] .pos-header-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,#66b3ff 100%);-webkit-background-clip:text;background-clip:text}.pos-header-nav{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px #0000000f;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.pos-nav-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.9375rem;font-weight:600;justify-content:center;min-height:36px;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}.pos-nav-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.pos-nav-link.active{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-hover) 100%);box-shadow:0 4px 12px #007bff4d,0 2px 4px #007bff33;color:#fff;transform:translateY(-1px)}[data-theme=dark] .pos-nav-link.active{background:linear-gradient(135deg,var(--accent-primary) 0,#66b3ff 100%);box-shadow:0 4px 12px #4da6ff66,0 2px 4px #4da6ff4d}.pos-header-center{align-items:center;display:flex;flex:1 1 auto;justify-content:center;min-width:0}.pos-header-stock-selector{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:200px;white-space:nowrap}.pos-stock-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pos-stock-select-wrapper{align-items:center;display:flex;gap:var(--spacing-sm);width:100%}.pos-stock-select{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;color:var(--text-primary);cursor:pointer;font-size:.9375rem;font-weight:500;min-width:180px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.pos-stock-select:hover:not(:disabled){border-color:var(--accent-primary);box-shadow:0 4px 8px #007bff26;transform:translateY(-1px)}.pos-stock-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.pos-stock-select:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.pos-stock-locked-badge{align-items:center;background:linear-gradient(135deg,var(--accent-warning) 0,#ffb300 100%);border-radius:var(--radius-md);box-shadow:0 2px 6px #ffc1074d;color:var(--text-primary);display:inline-flex;font-size:.75rem;font-weight:700;gap:var(--spacing-xs);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;white-space:nowrap}[data-theme=dark] .pos-stock-locked-badge{background:linear-gradient(135deg,var(--accent-warning) 0,#ffd54f 100%);color:#1a1a1a}.pos-stock-locked-badge svg{flex-shrink:0}.pos-header-actions{align-items:center;display:flex;flex:0 0 auto;gap:var(--spacing-md)}.pos-new-sale-btn{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-hover) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #007bff4d,0 2px 4px #007bff33;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal);white-space:nowrap}.pos-new-sale-btn:hover{box-shadow:0 6px 16px #007bff66,0 4px 8px #007bff4d;transform:translateY(-2px)}.pos-new-sale-btn:active{box-shadow:0 2px 8px #007bff4d;transform:translateY(0)}.pos-new-sale-btn svg{flex-shrink:0}.pos-logout-btn{align-items:center;background:linear-gradient(135deg,var(--accent-danger) 0,#c82333 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #dc35454d,0 2px 4px #dc354533;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal);white-space:nowrap}.pos-logout-btn:hover{box-shadow:0 6px 16px #dc354566,0 4px 8px #dc35454d;transform:translateY(-2px)}.pos-logout-btn:active{box-shadow:0 2px 8px #dc35454d;transform:translateY(0)}.pos-logout-btn svg{flex-shrink:0}.pos-tax-toggle,.pos-tax-toggle-label{align-items:center;display:flex}.pos-tax-toggle-label{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap}.pos-tax-toggle-label:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);box-shadow:0 4px 8px #007bff26;color:var(--accent-primary);transform:translateY(-2px)}.pos-tax-toggle-label:active{transform:translateY(0)}.pos-tax-toggle-input{accent-color:var(--accent-warning);cursor:pointer;flex-shrink:0;height:16px;margin:0;transition:all var(--transition-fast);width:16px}.pos-tax-toggle-input:hover{transform:scale(1.1)}.pos-tax-toggle-input:checked{accent-color:var(--accent-warning)}.pos-tax-toggle-icon{color:var(--text-secondary);flex-shrink:0;transition:color var(--transition-fast)}.pos-tax-toggle-label:hover .pos-tax-toggle-icon{color:var(--accent-primary)}.pos-tax-toggle-text{font-size:.875rem;font-weight:500}[data-theme=dark] .pos-tax-toggle-label{box-shadow:0 2px 4px #0000004d}[data-theme=dark] .pos-tax-toggle-label:hover{box-shadow:0 4px 8px #4da6ff33}.pos-user-badge{align-items:center;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d;cursor:default;display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-normal)}.pos-user-badge:hover{border-color:var(--accent-primary);box-shadow:0 4px 8px #007bff26;transform:translateY(-1px)}.pos-user-avatar{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-hover) 100%);border-radius:50%;box-shadow:0 2px 6px #007bff4d;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:36px;justify-content:center;width:36px}[data-theme=dark] .pos-user-avatar{background:linear-gradient(135deg,var(--accent-primary) 0,#66b3ff 100%);box-shadow:0 2px 6px #4da6ff66}.pos-user-name{color:var(--text-primary);font-size:.9375rem;font-weight:600;white-space:nowrap}.pos-header-utils{align-items:center;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs)}[dir=rtl] .pos-header-actions,[dir=rtl] .pos-header-content,[dir=rtl] .pos-header-left,[dir=rtl] .pos-header-nav,[dir=rtl] .pos-header-utils,[dir=rtl] .pos-user-badge{flex-direction:row-reverse}@media (max-width:1024px){.pos-header-content{padding:var(--spacing-md)}.pos-header-content,.pos-header-left{gap:var(--spacing-md)}.pos-header-center{min-width:180px}.pos-stock-select{min-width:160px}}@media (max-width:768px){.pos-header-content{flex-wrap:wrap;gap:var(--spacing-md);min-height:auto;padding:var(--spacing-md)}.pos-header-left{flex:1 1 100%;justify-content:space-between;order:1}.pos-header-logo{font-size:1.5rem}.pos-header-nav{flex:1 1;justify-content:center}.pos-header-center{flex:1 1 100%;justify-content:flex-start;order:2}.pos-header-stock-selector{align-items:center;flex-direction:row;gap:var(--spacing-md);justify-content:space-between;width:100%}.pos-stock-label{margin-bottom:0}.pos-stock-select-wrapper{flex:1 1;max-width:300px}.pos-stock-select{flex:1 1;min-width:0}.pos-header-actions{flex:1 1 100%;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;order:3}.pos-tax-toggle-label{font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}.pos-tax-toggle-text{display:none}.pos-logout-btn,.pos-new-sale-btn{flex:1 1;font-size:.875rem;justify-content:center;min-width:120px;padding:var(--spacing-sm) var(--spacing-md)}.pos-user-badge{flex:0 0 auto;order:-1}.pos-user-name{display:none}.pos-header-utils{flex:0 0 auto}}@media (max-width:480px){.pos-header-content{padding:var(--spacing-sm) var(--spacing-md)}.pos-header-logo{font-size:1.25rem}.pos-nav-link{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-md)}.pos-logout-btn span,.pos-new-sale-btn span{display:none}.pos-logout-btn,.pos-new-sale-btn{justify-content:center;min-width:44px;padding:var(--spacing-sm)}.pos-tax-toggle-label{font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}.pos-tax-toggle-text{display:none}.pos-tax-toggle-icon{height:16px;width:16px}.pos-user-avatar{height:40px;width:40px}}.pos-layout{background-color:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.pos-layout-main{flex:1 1;overflow-y:auto;padding:var(--spacing-lg);width:100%}.pos-page{margin:0 auto;max-width:1400px;padding-bottom:60px}@media (max-width:768px){.pos-page{padding-bottom:80px}}.pos-content{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 400px}.pos-left{display:flex;flex-direction:column;gap:var(--spacing-md)}.pos-cards-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}@media (max-width:768px){.pos-cards-row{gap:var(--spacing-sm);grid-template-columns:1fr}}.pos-search{width:100%}.pos-search-wrapper{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.pos-search-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a,var(--shadow-md)}.pos-search-icon{color:var(--text-secondary);left:var(--spacing-md);pointer-events:none;position:absolute;transition:color var(--transition-fast);z-index:1}.pos-search-wrapper:focus-within .pos-search-icon{color:var(--accent-primary)}.pos-search-input{padding-left:calc(var(--spacing-md) + 24px + var(--spacing-sm));width:100%}.pos-search-input .input{background-color:initial;padding:var(--spacing-sm) 0}.pos-search-input .input,.pos-search-input .input:focus{border:none;box-shadow:none}.pos-products{grid-gap:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:600px;overflow-y:auto;padding:var(--spacing-lg);scrollbar-color:var(--border-color) var(--bg-secondary);scrollbar-width:thin}@media (max-width:1024px){.pos-products{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:var(--spacing-md)}}@media (max-width:768px){.pos-products{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);max-height:none;padding:var(--spacing-sm)}}@media (max-width:480px){.pos-products{gap:var(--spacing-xs);grid-template-columns:repeat(2,1fr)}}.pos-products::-webkit-scrollbar{width:8px}.pos-products::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.pos-products::-webkit-scrollbar-thumb{background-color:var(--border-color);border:2px solid var(--bg-secondary);border-radius:var(--radius-sm)}.pos-products::-webkit-scrollbar-thumb:hover{background-color:var(--border-hover)}.product-item{align-items:stretch;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-hover) 100%);border:1px solid #fff3;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0;padding-bottom:var(--spacing-xs);position:relative;text-align:center;transition:all var(--transition-normal)}.product-item:before{background:linear-gradient(90deg,var(--accent-primary),var(--accent-primary-hover));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.product-item:hover{background:linear-gradient(135deg,var(--accent-primary-hover) 0,var(--accent-primary) 100%);border-color:#ffffff4d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-item:hover:before{transform:scaleX(1)}.product-item-content{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:var(--spacing-xs) var(--spacing-xs) 0}.product-item-name{color:#ffffffe6;font-size:.6875rem;font-weight:500;letter-spacing:.5px;line-height:1.2;opacity:.9;text-transform:uppercase}.product-item-name,.product-name{margin-bottom:0;padding:0 var(--spacing-xs)}.product-name{align-items:center;color:#fff;display:flex;font-size:.8125rem;font-weight:600;justify-content:center;line-height:1.3;min-height:2.2em;text-align:center}.product-item-footer{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:space-between;margin-top:2px;padding:var(--spacing-xs) var(--spacing-xs) 0}.product-price{color:#fff;flex:1 1;font-size:.9375rem;font-weight:700;margin:0;text-align:left;text-shadow:0 1px 2px #0000001a}.product-stock{color:#ffffffd9;font-size:.6875rem;font-weight:500;margin:0;text-align:right;white-space:nowrap}.product-stock.stock-negative{color:#ffc8c8;font-weight:600;text-shadow:0 1px 2px #0003}.product-stock.stock-zero{color:#ffeb96;font-weight:500;text-shadow:0 1px 2px #0003}.product-item-image{align-items:center;background:#ffffff1a;border:none;border-bottom:1px solid #ffffff26;border-radius:0;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);display:flex;flex-shrink:0;height:140px;justify-content:center;margin-bottom:0;overflow:hidden;position:relative;transition:transform var(--transition-normal);width:100%}.product-item:hover .product-item-image{transform:none}.product-item-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.product-item:hover .product-item-image img{transform:scale(1.05)}.product-item-placeholder{align-items:center;color:#fff9;display:flex;height:100%;justify-content:center;opacity:.7;transition:opacity var(--transition-normal);width:100%}.product-item:hover .product-item-placeholder{opacity:.9}.pos-right{display:flex;flex-direction:column;gap:var(--spacing-md);height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky}.customer-card{box-shadow:var(--shadow-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.customer-card:hover{background-color:var(--bg-secondary);box-shadow:var(--shadow-lg)}.customer-card-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs)}.customer-card-value{color:var(--text-primary);font-size:1.125rem;font-weight:600}.payment-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.payment-card:hover{background-color:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.payment-card-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs)}.payment-card-value{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:1.125rem;font-weight:600;gap:var(--spacing-xs)}.remaining-badge{color:var(--accent-danger);font-weight:500}.pos-cart{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.pos-cart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.pos-cart h2{color:var(--text-primary);font-size:1.5rem;margin:0}.mobile-cart-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:none;font-size:2rem;height:var(--touch-target-min);justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:var(--touch-target-min)}.mobile-cart-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.cart-items{margin-bottom:var(--spacing-md);max-height:300px;overflow-y:auto}.empty-cart{color:var(--text-secondary);padding:var(--spacing-xl);text-align:center}.cart-item{grid-gap:var(--spacing-sm);align-items:center;border-bottom:1px solid var(--border-color);border-left:3px solid #0000;cursor:pointer;display:grid;gap:var(--spacing-sm);grid-template-columns:1fr auto auto;padding:var(--spacing-md);transition:all var(--transition-fast)}.cart-item.selected,.cart-item:hover{background-color:var(--bg-secondary)}.cart-item.selected{border-left-color:var(--accent-primary);box-shadow:0 2px 4px #0000001a}.cart-item:last-child{border-bottom:none}.cart-item-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cart-item-name{color:var(--text-primary);font-weight:500}.cart-item-price{color:var(--text-secondary);font-size:.875rem}.cart-item-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.cart-item-controls button{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.cart-item-controls button:hover{background-color:var(--bg-tertiary);border-color:var(--border-hover)}.cart-item-controls input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--spacing-xs);text-align:center;width:50px}.remove-btn{color:var(--accent-danger)!important}.action-btn{background-color:var(--accent-primary)!important;color:#fff!important;font-size:.875rem!important;padding:var(--spacing-xs) var(--spacing-sm)!important}.action-btn:hover{background-color:var(--accent-primary-hover)!important}.discount-badge{background-color:var(--accent-success);border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-left:var(--spacing-xs);padding:2px 6px}.warning-text{font-size:var(--font-size-sm)}.cart-item-total{color:var(--text-primary);font-weight:700;text-align:right}.cart-totals{border-top:2px solid var(--border-color);margin-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.total-line{color:var(--text-secondary);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.total-line-final{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.payment-section,.total-line-final{border-top:1px solid var(--border-color)}.payment-section{margin-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.payment-section h3{color:var(--text-primary);font-size:1.125rem;margin:0 0 var(--spacing-md) 0}.payment-inputs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.payment-inputs select{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md)}.payment-inputs input{flex:1 1}.payments-list{margin-bottom:var(--spacing-md)}.payment-item{align-items:center;border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm)}.payment-item button{align-items:center;background:none;border:none;color:var(--accent-danger);cursor:pointer;display:flex;font-size:1.25rem;height:24px;justify-content:center;padding:0;width:24px}.payment-summary{background-color:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.payment-summary div{margin-bottom:var(--spacing-xs)}.payment-summary .remaining{color:var(--accent-danger);font-weight:600}.payment-summary .complete{color:var(--accent-success);font-weight:600}.complete-sale-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.sale-actions{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.complete-sale-btn,.hold-sale-btn{width:100%}.view-held-sales-btn{margin-top:var(--spacing-xs);width:100%}.customer-form,.customer-select-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-select-modal{min-height:300px}.customer-search{width:100%}.customer-list{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:400px;overflow-y:auto}.customer-option{border-bottom:1px solid var(--border-color);cursor:pointer;padding:var(--spacing-md);transition:all var(--transition-fast)}.customer-option:last-child{border-bottom:none}.customer-option:hover{background-color:var(--bg-secondary)}.customer-option.selected{background-color:var(--accent-primary);color:#fff}.customer-option.selected .customer-option-name,.customer-option.selected .customer-option-phone{color:#fff}.customer-option-name{color:var(--text-primary);font-weight:500;margin-bottom:var(--spacing-xs)}.customer-option-phone{color:var(--text-secondary);font-size:.875rem}.payment-modal{display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:300px}.payment-total-info{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.payment-total-line{align-items:center;color:var(--text-primary);display:flex;font-size:.9375rem;font-weight:500;justify-content:space-between;margin-bottom:var(--spacing-sm)}.payment-total-line:last-child{border-top:2px solid var(--border-color);font-size:1.125rem;font-weight:700;margin-bottom:0;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.payment-total-line.remaining{color:var(--accent-danger);font-weight:600}.payment-total-line.complete{color:var(--accent-success);font-weight:600}.payment-method-selection{margin-bottom:var(--spacing-lg)}.payment-method-label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm)}.payment-method-cards{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-md)}.payment-method-card{align-items:center;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);justify-content:center;min-height:100px;padding:var(--spacing-md);transition:all var(--transition-fast)}.payment-method-card:hover{background-color:var(--bg-secondary);transform:translateY(-2px)}.payment-method-card.active,.payment-method-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.payment-method-card.active{background-color:var(--accent-primary);color:#fff}.payment-method-card.active svg{color:#fff}.payment-method-card svg{color:var(--text-primary);height:28px;transition:color var(--transition-fast);width:28px}.payment-modal .payment-inputs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.payment-modal .payment-inputs input{flex:1 1}.payment-modal .payments-list{margin-bottom:var(--spacing-md)}.payments-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.payment-modal .payments-list-header h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.clear-payments-btn{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.payment-modal .payments-list .no-payments{background-color:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-md)}.payment-modal .no-totals,.payment-modal .payments-list .no-payments{color:var(--text-secondary);font-style:italic;padding:var(--spacing-lg);text-align:center}.payment-modal .payment-item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);padding:var(--spacing-md);transition:all var(--transition-fast)}.payment-modal .payment-item:hover{background-color:var(--bg-primary);border-color:var(--accent-primary)}.payment-modal .payment-item span{color:var(--text-primary);font-weight:500}.payment-modal .payment-item .remove-payment-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--accent-danger);cursor:pointer;display:flex;font-size:1.5rem;height:28px;justify-content:center;padding:0;transition:all var(--transition-fast);width:28px}.payment-modal .payment-item .remove-payment-btn:hover{background-color:var(--accent-danger);color:#fff}.modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.receipt{font-family:Courier New,monospace}.receipt-header{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);text-align:center}.receipt-header h2{font-size:1.5rem;margin:0 0 var(--spacing-sm) 0}.receipt-logo{display:block;margin-left:auto;margin-right:auto;max-height:80px;max-width:200px;object-fit:contain}.receipt-items,.receipt-logo{margin-bottom:var(--spacing-md)}.receipt-line{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.receipt-totals{border-top:1px solid var(--border-color);margin-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.receipt-total{font-size:1.25rem;font-weight:700;margin-top:var(--spacing-sm)}.receipt-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);padding-top:var(--spacing-md);text-align:center}.receipt-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg)}.mobile-cart-toggle{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-hover) 100%);border:none;border-radius:var(--radius-xl);bottom:var(--spacing-md);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:none;font-size:1rem;font-weight:600;gap:var(--spacing-sm);min-height:var(--touch-target-comfortable);padding:var(--spacing-md) var(--spacing-lg);position:fixed;right:var(--spacing-md);transition:all var(--transition-normal);z-index:999}.mobile-cart-toggle:active{transform:scale(.95)}.cart-badge{align-items:center;background-color:#ffffff4d;border-radius:50%;display:flex;font-size:.875rem;font-weight:700;height:24px;justify-content:center;width:24px}.cart-total-mobile{font-size:.9375rem}@media (max-width:1024px){.pos-content{grid-template-columns:1fr}.pos-right{position:static}.pos-cards-row{grid-template-columns:1fr}}@media (max-width:768px){.mobile-cart-toggle{display:flex}.pos-content{gap:0;grid-template-columns:1fr}.pos-left{width:100%}.pos-right{background-color:var(--bg-primary);border-left:1px solid var(--border-color);box-shadow:var(--shadow-lg);height:100vh;max-width:400px;overflow-y:auto;padding:0;position:fixed;right:-100%;top:0;transition:right var(--transition-normal);width:100%;z-index:1000}.pos-right.mobile-cart-open{right:0}.pos-cart{border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;padding:var(--spacing-md)}.pos-cart-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobile-cart-close{display:flex}.pos-cart h2{font-size:1.25rem}.cart-items{flex:1 1;margin-bottom:var(--spacing-md);max-height:none;overflow-y:auto}.cart-item{gap:var(--spacing-sm);grid-template-columns:1fr;padding:var(--spacing-md)}.cart-item-controls{justify-content:space-between;width:100%}.cart-item-controls button{font-size:1.125rem;height:var(--touch-target-min);width:var(--touch-target-min)}.cart-item-controls input{font-size:1rem;min-height:var(--touch-target-min);width:60px}.cart-item-total{font-size:1rem;font-weight:600;margin-top:var(--spacing-xs);text-align:right}.complete-sale-card{background-color:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;margin-top:auto;padding-top:var(--spacing-md);position:-webkit-sticky;position:sticky}.sale-actions{flex-direction:column;gap:var(--spacing-sm)}.sale-actions .btn{min-height:var(--touch-target-comfortable);width:100%}.customer-card,.payment-card{padding:var(--spacing-sm) var(--spacing-md)}.customer-card-label,.payment-card-label{font-size:.8125rem}.customer-card-value,.payment-card-value{font-size:1rem}.product-item{padding-bottom:var(--spacing-xs)}.product-item-image{height:120px}.product-item-content{padding:var(--spacing-xs) var(--spacing-xs) 0}.product-name{font-size:.75rem;min-height:2em}.product-price{font-size:.875rem}.product-stock{font-size:.625rem}}@media (max-width:480px){.mobile-cart-toggle{bottom:var(--spacing-sm);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);right:var(--spacing-sm)}.pos-right{max-width:100%}.product-item-image{height:100px}.product-name{font-size:.6875rem;min-height:1.8em}.product-price{font-size:.8125rem}.product-stock{font-size:.5625rem}}.held-sales-modal{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:300px}.held-sales-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:400px;overflow-y:auto}.held-sale-item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md)}.held-sale-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.held-sale-header{align-items:center;display:flex;justify-content:space-between}.held-sale-time{color:var(--text-secondary);font-size:.875rem}.held-sale-total{color:var(--text-primary);font-size:1.125rem;font-weight:600}.held-sale-details{color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-md)}.held-sale-customer{color:var(--text-primary);font-weight:500}.held-sale-actions{display:flex;gap:var(--spacing-sm)}.no-held-sales{color:var(--text-secondary);padding:var(--spacing-xl);text-align:center}@media print{.receipt{color:#000}.receipt-actions{display:none}}.keyboard-shortcuts-bar{background-color:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 8px #0000001a;left:0;padding:var(--spacing-sm) var(--spacing-md);position:fixed;right:0;z-index:100}.shortcuts-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin:0 auto;max-width:1400px}.shortcut-item{align-items:center;border-radius:var(--radius-sm);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color var(--transition-fast)}.shortcut-item:hover,.shortcut-key{background-color:var(--bg-secondary)}.shortcut-key{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000001a;color:var(--text-primary);display:inline-flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;min-width:32px;padding:0 var(--spacing-xs)}.shortcut-label{color:var(--text-secondary);font-size:.875rem;white-space:nowrap}@media (max-width:1024px){.shortcuts-container{gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.shortcut-item{padding:var(--spacing-xs)}.shortcut-key{font-size:.6875rem;height:20px;min-width:28px}.shortcut-label{font-size:.8125rem}}@media (max-width:768px){.keyboard-shortcuts-bar{display:none}.payment-modal .payment-inputs{flex-direction:column;gap:var(--spacing-sm)}.payment-modal .payment-inputs input{min-height:var(--touch-target-min);width:100%}.payment-method-cards{gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr)}.payment-method-card{font-size:.8125rem;min-height:80px;padding:var(--spacing-sm)}.payment-method-card svg{height:24px;width:24px}.payments-list-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.clear-payments-btn{width:100%}}@media (max-width:480px){.payment-method-cards{gap:var(--spacing-xs);grid-template-columns:1fr}.payment-method-card{flex-direction:row;justify-content:flex-start;min-height:60px;padding:var(--spacing-sm) var(--spacing-md)}.payment-method-card svg{height:20px;width:20px}.modal-actions{flex-direction:column;gap:var(--spacing-sm)}.modal-actions .btn{border-radius:var(--radius-sm);min-height:var(--touch-target-min);width:100%}.shortcut-item{flex-shrink:0}.shortcut-label{font-size:.75rem}}.returns-page{margin:0 auto;max-width:1400px;padding:var(--spacing-lg)}.page-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.returns-summary{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl)}.returns-filters{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.filter-row{grid-template-columns:2fr 1fr 2fr 1fr}.returns-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-lg)}.returns-search{margin-bottom:var(--spacing-lg)}.returns-search h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-md) 0}.search-form{align-items:stretch;flex-wrap:wrap}.search-fields,.search-form{display:flex;gap:var(--spacing-md)}.search-fields{flex:1 1;flex-direction:column;min-width:0}.date-filters{grid-gap:var(--spacing-md);display:grid;grid-template-columns:1fr 1fr}.date-input{min-width:0}.search-input-wrapper{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex:1 1;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.search-input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a,var(--shadow-md)}.search-icon{color:var(--text-secondary);left:var(--spacing-md);pointer-events:none;position:absolute;transition:color var(--transition-fast);z-index:1}.search-input-wrapper:focus-within .search-icon{color:var(--accent-primary)}.search-input{padding-left:calc(var(--spacing-md) + 24px + var(--spacing-sm));width:100%}.search-input .input{background-color:initial;padding:var(--spacing-sm) 0}.search-input .input,.search-input .input:focus{border:none;box-shadow:none}.search-button{align-items:center;display:inline-flex;gap:var(--spacing-sm);white-space:nowrap}.search-button svg{flex-shrink:0}.loading-spinner-small{animation:spin .8s linear infinite}.sale-info{margin-bottom:var(--spacing-xl)}.sale-info h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-lg) 0}.info-card{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.info-card:before{background:var(--accent-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-normal);width:4px}.info-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-card:hover:before{opacity:1}.info-card-icon{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-hover) 100%);border-radius:var(--radius-md);box-shadow:0 2px 8px #007bff4d;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.info-card-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.info-card .info-label{color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.info-card .info-value{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0;word-break:break-word}.return-items{margin-bottom:var(--spacing-xl)}.return-items h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-lg) 0}.returns-table-view{display:block}.returns-table,.table-wrapper{background-color:var(--bg-primary)}.returns-table{border-collapse:collapse;width:100%}.returns-table thead{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);position:-webkit-sticky;position:sticky;top:0;z-index:10}.returns-table th{border-bottom:2px solid var(--border-color);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap}.returns-table td,.returns-table th{color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg)}.returns-table td{border-bottom:1px solid var(--border-color);font-size:.9375rem}.returns-table .table-row{transition:all var(--transition-fast)}.returns-table .table-row:hover{background-color:var(--bg-secondary)}.returns-table .table-row:last-child td{border-bottom:none}.returns-table .product-name{color:var(--text-primary);font-weight:500}.returns-table .original-qty{color:var(--text-secondary);font-weight:500;text-align:center}.quantity-input,.returns-table .return-qty{text-align:center}.quantity-input{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;font-weight:500;min-height:44px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:80px}.quantity-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.quantity-input:hover{border-color:var(--border-hover)}.returns-table .unit-price{color:var(--text-secondary);font-weight:500;text-align:right}.returns-table .line-total{color:var(--text-primary);font-weight:700;text-align:right}.table-row{transition:all var(--transition-fast)}.table-cell-return-number{color:var(--accent-primary);font-weight:600}.table-cell-date,.table-cell-original-sale{color:var(--text-secondary)}.table-cell-date{font-size:.875rem}.table-cell-customer{color:var(--text-primary)}.table-cell-action{text-align:right}.matching-sales-list{margin-top:var(--spacing-lg)}.matching-sales-list h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.sale-selection-card{cursor:pointer}.return-item-action{border-top:1px solid var(--border-color);display:flex;justify-content:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.select-sale-button{width:100%}.original-sale-link{color:var(--accent-primary);cursor:pointer;font-weight:500;text-decoration:underline;transition:all var(--transition-fast)}.original-sale-link:hover{color:var(--accent-primary);opacity:.8}.returns-card-view{display:none}.return-item-card{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.return-item-card:last-child{margin-bottom:0}.return-item-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.return-item-header{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.return-item-name{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.return-item-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.return-item-info-row{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.return-item-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.return-item-value{color:var(--text-primary);font-size:.9375rem;font-weight:500}.return-item-quantity-control{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) 0}.quantity-input-mobile{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-weight:500;min-height:var(--touch-target-comfortable);padding:var(--spacing-md);text-align:center;transition:all var(--transition-fast);width:100%}.quantity-input-mobile:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.quantity-input-mobile:hover{border-color:var(--border-hover)}.return-item-total-row{border-top:2px solid var(--border-color);margin-top:var(--spacing-xs);padding-top:var(--spacing-md)}.return-item-total{color:var(--accent-primary);font-size:1.25rem;font-weight:700}.return-card{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.return-card-clickable{cursor:pointer}.return-card-clickable:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.return-card:last-child{margin-bottom:0}.return-card-actions{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding-top:var(--spacing-md)}.return-card-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.return-card-title h3{color:var(--accent-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.return-card-date{color:var(--text-secondary);font-size:.875rem}.return-card-status{flex-shrink:0}.return-card-body{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.return-card-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.return-card-total,.return-info-item{align-items:center;display:flex;justify-content:space-between}.return-card-total{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.return-total-card{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border:2px solid var(--accent-primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #007bff26,var(--shadow-md);margin:var(--spacing-lg) 0;padding:var(--spacing-lg);transition:all var(--transition-normal)}.return-total-card:hover{box-shadow:0 6px 16px #007bff33,var(--shadow-lg);transform:translateY(-2px)}.return-total-content{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.return-total-label{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:var(--spacing-sm)}.return-total-label svg{color:var(--accent-primary);flex-shrink:0}.return-total-amount{color:var(--accent-primary);font-size:1.75rem;font-weight:700;white-space:nowrap}.return-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.cancel-return-btn,.process-return-btn{align-items:center;display:inline-flex;flex:1 1;gap:var(--spacing-sm);justify-content:center;min-width:150px}.cancel-return-btn svg,.process-return-btn svg{flex-shrink:0}.alert{align-items:center;animation:slideIn .3s ease-out;box-shadow:var(--shadow-sm);display:flex;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.alert-success{border:1px solid #28a7454d}[data-theme=dark] .alert-success{background-color:#48c77426;border-color:#48c7744d}.alert-danger{border:1px solid #dc35454d}[data-theme=dark] .alert-danger{background-color:#f5656526;border-color:#f565654d}@media (max-width:1024px){.returns-page{padding:var(--spacing-md)}.page-header h1{font-size:1.75rem}.returns-content{gap:var(--spacing-lg);padding:var(--spacing-md)}.return-items h2,.returns-search h2,.sale-info h2{font-size:1.25rem}.search-form{flex-direction:column}.search-fields,.search-form{gap:var(--spacing-sm)}.date-filters{grid-template-columns:1fr}.search-button{justify-content:center;width:100%}.info-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-card{padding:var(--spacing-md)}.info-card-icon{height:40px;width:40px}.info-card-icon svg{height:18px;width:18px}.returns-table-view{display:none}.returns-card-view{display:block}.return-total-amount{font-size:1.5rem}.return-actions{flex-direction:column}.cancel-return-btn,.process-return-btn{width:100%}}@media (max-width:768px){.returns-page{padding:0}.page-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:0 var(--spacing-md)}.page-header h1{font-size:1.5rem}.returns-content{border-radius:var(--radius-md);gap:var(--spacing-lg);margin:0 var(--spacing-md);padding:var(--spacing-md)}.return-items h2,.returns-search h2,.sale-info h2{font-size:1.125rem;margin-bottom:var(--spacing-md)}.search-form{flex-direction:column}.search-fields,.search-form{gap:var(--spacing-sm)}.date-filters{grid-template-columns:1fr}.search-input-wrapper{width:100%}.matching-sales-list h3{font-size:1.125rem}.search-button{justify-content:center;min-height:var(--touch-target-comfortable);width:100%}.info-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.info-card{padding:var(--spacing-md)}.info-card-icon{height:40px;width:40px}.info-card-icon svg{height:18px;width:18px}.info-card .info-value{font-size:1rem}.returns-table-view{display:none}.returns-card-view{display:block}.return-item-card{padding:var(--spacing-md)}.return-item-name{font-size:1rem}.return-item-info-row{padding:var(--spacing-xs) 0}.return-item-total{font-size:1.125rem}.return-total-card{margin:var(--spacing-md) 0;padding:var(--spacing-md)}.return-total-content{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.return-total-label{font-size:1rem}.return-total-amount{font-size:1.5rem;text-align:right;width:100%}.return-actions{flex-direction:column;gap:var(--spacing-sm)}.cancel-return-btn,.process-return-btn{min-height:var(--touch-target-comfortable);width:100%}.alert{margin:0 var(--spacing-md) var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:480px){.returns-page{padding:0}.page-header{margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm)}.page-header h1{font-size:1.25rem}.returns-content{gap:var(--spacing-md);margin:0 var(--spacing-sm);padding:var(--spacing-sm)}.return-items h2,.returns-search h2,.sale-info h2{font-size:1rem;margin-bottom:var(--spacing-sm)}.search-input-wrapper{padding:var(--spacing-xs) var(--spacing-sm)}.search-icon{height:18px;left:var(--spacing-sm);width:18px}.search-input{padding-left:calc(var(--spacing-sm) + 20px + var(--spacing-xs))}.date-filters{grid-template-columns:1fr}.matching-sales-list h3{font-size:1rem}.info-card{gap:var(--spacing-sm);padding:var(--spacing-sm)}.info-card-icon{height:36px;width:36px}.info-card-icon svg{height:16px;width:16px}.info-card .info-label{font-size:.75rem}.info-card .info-value{font-size:.9375rem}.return-item-card{padding:var(--spacing-sm)}.return-item-name{font-size:.9375rem}.return-item-body{gap:var(--spacing-sm)}.return-item-label{font-size:.8125rem}.return-item-value{font-size:.875rem}.quantity-input-mobile{font-size:.9375rem;padding:var(--spacing-sm)}.return-item-total{font-size:1rem}.return-total-card{padding:var(--spacing-sm)}.return-total-label{font-size:.9375rem}.return-total-label svg{height:18px;width:18px}.return-total-amount{font-size:1.25rem}.cancel-return-btn,.process-return-btn{font-size:.9375rem;padding:var(--spacing-sm) var(--spacing-md)}.cancel-return-btn svg,.process-return-btn svg{height:14px;width:14px}.alert{font-size:.875rem;margin:0 var(--spacing-sm) var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.alert svg{height:18px;width:18px}}.products-page{margin:0 auto;max-width:1400px;padding:var(--spacing-md)}.empty-state-variants{padding:var(--spacing-xl)}.products-content{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.products-list{gap:var(--spacing-md)}.product-card,.products-list{display:flex;flex-direction:column}.product-card{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;gap:var(--spacing-sm);padding:var(--spacing-lg);transition:all var(--transition-fast)}.product-card:hover{transform:translateY(-2px)}.product-card.selected,.product-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.product-card.selected{background-color:var(--bg-secondary)}.product-card-header,.product-card-title-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.product-card-title-section h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.product-card-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.category-badge{font-size:.75rem}.product-card-body{display:flex;flex-direction:column;gap:var(--spacing-xs)}.product-card-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-sm)}.variant-count{align-items:center;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);display:inline-flex;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.product-card-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.variants-section{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-height:calc(100vh - var(--spacing-xl));overflow-y:auto;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:var(--spacing-md)}.variants-section-desktop{display:block}.variants-section-mobile{display:none}.variants-header{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.variants-header-content{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.variants-header h2{color:var(--text-primary);flex:1 1;font-size:1.5rem;margin:0}.close-variants-btn{flex-shrink:0}.variants-header-mobile{margin-bottom:var(--spacing-md)}.variants-list{flex-direction:column}.variant-card,.variants-list{display:flex;gap:var(--spacing-md)}.variant-card{align-items:flex-start;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:all var(--transition-fast)}.variant-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.variant-image-container{flex-shrink:0}.variant-image{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.variant-image img{height:100%;object-fit:cover;width:100%}.variant-image-placeholder{color:var(--text-tertiary);font-size:2rem}.variant-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.variant-info h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.variant-pricing{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.variant-cost,.variant-price{align-items:center;display:flex;font-size:.875rem;gap:var(--spacing-sm)}.cost-label,.price-label{color:var(--text-secondary);font-weight:500}.price-value{color:var(--accent-primary);font-size:1rem;font-weight:700}.cost-value{color:var(--text-secondary);font-weight:500}.variant-barcodes{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.variant-barcodes-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.variant-barcodes-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.variant-barcode-code{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);display:inline-block;font-family:Courier New,monospace;font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.variant-actions{display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs)}.file-input{background-color:var(--bg-primary)}.form-hint{margin:0}.variant-image-preview{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.variant-image-preview-image{border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:200px;max-width:200px;object-fit:contain}@media (max-width:1024px){.products-content{gap:var(--spacing-lg);grid-template-columns:1fr}.variants-section{max-height:none;position:static}.variants-section-desktop{display:block}.header-title-row{align-items:stretch;flex-direction:column}.header-filters-row{flex-direction:column;width:100%}.filter-select,.search-input{width:100%}}@media (max-width:768px){.products-page{padding:var(--spacing-sm)}.page-header h1{font-size:1.5rem}.page-header{margin-bottom:var(--spacing-lg)}.filter-select,.header-filters-row,.header-title-row,.search-input{width:100%}.products-content{gap:var(--spacing-md)}.products-list{gap:var(--spacing-sm)}.product-card{padding:var(--spacing-md)}.product-card-title-section h3{font-size:1.125rem}.product-card-actions{flex-direction:column}.product-card-actions .btn{width:100%}.variants-section-desktop{display:none}.variants-section-mobile{display:block}.variant-card{align-items:stretch;flex-direction:column}.variant-image{height:200px;width:100%}.variant-actions{flex-direction:row;width:100%}.variant-actions .btn{flex:1 1}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media (max-width:480px){.products-page{padding:var(--spacing-xs)}.page-header h1{font-size:1.25rem}.product-card{padding:var(--spacing-sm)}.product-card-title-section h3{font-size:1rem}.variant-card{padding:var(--spacing-sm)}.variant-image{height:150px}.variant-info h4{font-size:1rem}.empty-state-icon{font-size:3rem}.empty-state h3{font-size:1.125rem}}.inventory-page{margin:0 auto;max-width:1400px;padding:var(--spacing-md)}.primary-actions,.secondary-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.btn-icon{font-size:1rem;margin-right:var(--spacing-xs)}.inventory-layout{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:280px 1fr;margin-top:var(--spacing-lg)}.stock-selector-sidebar{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);height:-webkit-fit-content;height:fit-content;padding:var(--spacing-md);position:-webkit-sticky;position:sticky;top:calc(var(--spacing-lg) + 60px)}.stock-selector-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.stock-selector-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.stock-selector-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:none;font-size:1rem;padding:var(--spacing-xs)}.stock-selector-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (min-width:1024px){.stock-selector-content{max-height:none!important;overflow:visible!important}.stock-selector-toggle{display:none!important}}.stock-selector-card{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-md);transition:all var(--transition-fast)}.stock-selector-card.selected,.stock-selector-card:hover{background-color:var(--bg-secondary);border-color:var(--accent-primary)}.stock-selector-card.selected{box-shadow:0 2px 8px #007bff26}.stock-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.stock-card-header h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.selected-indicator{color:var(--accent-primary);font-size:1.25rem;font-weight:700}.stock-card-description{margin:var(--spacing-xs) 0}.stock-card-description,.stock-card-stats{color:var(--text-secondary);font-size:.875rem}.stock-card-stats{border-top:1px solid var(--border-color);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.inventory-main-content{min-width:0}.inventory-summary-cards{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-xl)}.summary-card.warning .summary-card-icon{background-color:#ffc1071a}.summary-card.danger .summary-card-icon{background-color:#dc35451a}.summary-card.success .summary-card-icon{background-color:#28a7451a}.summary-card-label{margin-bottom:var(--spacing-xs)}.summary-card-value{font-size:1.75rem}.stock-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.stock-header-info h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 var(--spacing-xs) 0}.stock-description{color:var(--text-secondary);font-size:.875rem;margin:0}.inventory-filters{align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.filter-search{flex:1 1;min-width:200px}.filter-status{min-width:150px}.filter-select{width:100%}.stock-items{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.stock-items-table-view{display:block}.stock-items-card-view{display:none}.stock-item-table{border-collapse:collapse;width:100%}.stock-item-table thead{background-color:var(--bg-secondary)}.stock-item-table th{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:var(--spacing-md);text-align:left}.stock-item-table th.sortable{cursor:pointer;transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}.stock-item-table th.sortable:hover{background-color:var(--bg-tertiary)}.sort-indicator{color:var(--accent-primary);font-weight:700;margin-left:var(--spacing-xs)}.stock-item-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-md)}.stock-item-table tbody tr:hover{background-color:var(--bg-secondary)}.stock-item-table tbody tr:last-child td{border-bottom:none}.product-group-header{background-color:var(--bg-secondary)}.product-header-cell{border-bottom:2px solid var(--border-color);font-weight:600;padding:var(--spacing-md) var(--spacing-lg)!important}.product-header-content{align-items:center;display:flex;gap:var(--spacing-sm)}.product-header-name{color:var(--text-primary);font-size:1.125rem;font-weight:600}.product-header-count{color:var(--text-secondary);font-size:.875rem;font-weight:400}.variant-row{background-color:var(--bg-primary)}.variant-row:hover{background-color:var(--bg-secondary)}.product-group{margin-bottom:var(--spacing-xl)}.product-group:last-child{margin-bottom:0}.product-group-header-mobile{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.product-group-name{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.product-group-count{color:var(--text-secondary);font-size:.875rem;font-weight:400}.variant-name{font-weight:500}.quantity-display{align-items:center;display:flex;gap:var(--spacing-md)}.quantity-value{font-weight:600;min-width:60px}.quantity-indicator{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);flex:1 1;height:8px;max-width:200px;overflow:hidden}.indicator-bar{border-radius:var(--radius-sm);height:100%;transition:width var(--transition-normal)}.indicator-bar.ok{background-color:var(--accent-success)}.indicator-bar.low{background-color:var(--accent-warning)}.indicator-bar.negative{background-color:var(--accent-danger)}.stock-item-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.stock-item-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.stock-item-card:last-child{margin-bottom:0}.stock-item-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.stock-item-name{color:var(--text-primary);flex:1 1;font-size:1.125rem;font-weight:600;margin:0}.stock-item-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stock-item-quantity{align-items:baseline;display:flex;justify-content:space-between}.quantity-label{color:var(--text-secondary);font-size:.875rem}.quantity-value-large{color:var(--text-primary);font-size:2rem;font-weight:700}.stock-item-indicator{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);height:12px;overflow:hidden}.modal-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-select{font-size:.875rem;width:100%}.form-select:hover{border-color:var(--accent-primary)}.form-actions{flex-wrap:wrap;gap:var(--spacing-sm)}.stock-count-form{max-width:800px}.stock-count-table-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-md);margin:var(--spacing-md) 0;max-height:400px;overflow-y:auto}.stock-count-table-wrapper .table{margin:0}.count-input{border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;padding:var(--spacing-sm);text-align:center;width:100px}.count-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #007bff40;outline:none}.positive-diff{color:var(--accent-success);font-weight:600}.negative-diff{color:var(--accent-danger);font-weight:600}.info-text{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md)}.warning-text{color:var(--accent-warning);margin-top:var(--spacing-sm)}@media (min-width:768px) and (max-width:1023px){.inventory-page{padding:var(--spacing-md)}.inventory-layout{gap:var(--spacing-lg);grid-template-columns:1fr}.stock-selector-sidebar{order:2;position:static}.stock-selector-header{cursor:pointer}.stock-selector-toggle{display:block}.stock-selector-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.stock-selector-content.expanded{max-height:1000px}.inventory-summary-cards{grid-template-columns:repeat(2,1fr)}.inventory-filters{align-items:stretch;flex-direction:column}.filter-search,.filter-status{width:100%}.stock-items-table-view{overflow-x:auto}.stock-item-table{min-width:600px}}@media (max-width:767px){.inventory-page{padding:var(--spacing-sm)}.page-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.page-header h1{font-size:1.5rem}.header-actions,.primary-actions,.secondary-actions{flex-direction:column;width:100%}.primary-actions .btn,.secondary-actions .btn{min-height:var(--touch-target-min);width:100%}.inventory-layout{gap:var(--spacing-md);grid-template-columns:1fr;margin-top:var(--spacing-md)}.stock-selector-sidebar{order:2;position:static}.stock-selector-header{cursor:pointer}.stock-selector-toggle{display:block}.stock-selector-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.stock-selector-content.expanded{max-height:2000px}.inventory-summary-cards{gap:var(--spacing-sm);grid-template-columns:1fr}.summary-card{padding:var(--spacing-md)}.summary-card-icon{font-size:2rem;height:50px;width:50px}.summary-card-value{font-size:1.5rem}.stock-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.stock-header-info h2{font-size:1.5rem}.inventory-filters{align-items:stretch;flex-direction:column;padding:var(--spacing-sm)}.filter-search,.filter-status{width:100%}.stock-items{padding:var(--spacing-md)}.stock-items-table-view{display:none}.stock-items-card-view{display:block}.stock-item-card{padding:var(--spacing-md)}.product-group{margin-bottom:var(--spacing-lg)}.product-group-header-mobile{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.product-group-name{font-size:1rem}.product-group-count{font-size:.8125rem}.form-actions{flex-direction:column}.form-actions .btn{min-height:var(--touch-target-min);width:100%}.stock-count-table-wrapper{max-height:300px}.count-input{min-height:var(--touch-target-min);width:100%}}@media (max-width:480px){.inventory-page{padding:var(--spacing-xs)}.page-header h1{font-size:1.25rem}.summary-card{flex-direction:column;padding:var(--spacing-sm);text-align:center}.summary-card-icon{font-size:1.75rem;height:40px;width:40px}.stock-header-info h2,.summary-card-value{font-size:1.25rem}.stock-item-card{padding:var(--spacing-sm)}.stock-item-name{font-size:1rem}.quantity-value-large{font-size:1.75rem}.product-group{margin-bottom:var(--spacing-md)}.product-group-header-mobile{padding:var(--spacing-xs) var(--spacing-sm)}.product-group-name{font-size:.9375rem}.product-group-count{font-size:.75rem}.product-header-cell{padding:var(--spacing-sm) var(--spacing-md)!important}.product-header-name{font-size:1rem}.product-header-count{font-size:.8125rem}.empty-state-icon{font-size:3rem}.empty-state h3{font-size:1.125rem}}.customers-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--spacing-lg)}.page-header{border-bottom:1px solid var(--border-color);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg)}.page-header h1{font-size:2.25rem;letter-spacing:-.02em}.header-actions{align-items:center;flex:1 1;justify-content:flex-end}.header-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);min-width:250px}.search-input{max-width:400px;min-width:280px}.search-input input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.search-input input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.search-input input::placeholder{color:var(--text-tertiary)}.loading-state{min-height:400px;padding:var(--spacing-2xl) var(--spacing-xl)}.loading-state-small{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--spacing-xl) var(--spacing-lg)}.loading-spinner{animation:spin .9s cubic-bezier(.5,0,.5,1) infinite;border:3px solid var(--bg-tertiary);height:48px;margin-bottom:var(--spacing-lg);width:48px}.loading-state-small .loading-spinner{border-width:2.5px;height:36px;margin-bottom:var(--spacing-md);width:36px}.loading-state p,.loading-state-small p{color:var(--text-secondary);font-size:.9375rem;margin:0}.empty-state{min-height:400px;padding:var(--spacing-2xl) var(--spacing-xl)}.empty-state-icon{font-size:5rem;line-height:1;margin-bottom:var(--spacing-lg);opacity:.4}.empty-state h3{font-size:1.5rem;margin:0 0 var(--spacing-md) 0}.empty-state h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.empty-state p{line-height:1.6;margin:0 0 var(--spacing-xl) 0;max-width:400px}.empty-state-sales{min-height:300px;padding:var(--spacing-xl) var(--spacing-lg)}.empty-state-sales .empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.customers-content{grid-gap:var(--spacing-2xl);align-items:start;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.customer-card,.customers-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;cursor:pointer;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.customer-card:before{background:linear-gradient(90deg,var(--accent-primary),#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.customer-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.customer-card:hover:before{opacity:1}.customer-card.selected{background-color:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 4px 12px #007bff26}.customer-card.selected:before{opacity:1}.customer-card-header{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customer-card-title-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-card-title-section h3{color:var(--text-primary);font-size:1.375rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0}.customer-card-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.customer-badge{border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;letter-spacing:.01em;padding:var(--spacing-xs) var(--spacing-sm)}.customer-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customer-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-notes,.customer-phone{align-items:center;color:var(--text-secondary);display:flex;font-size:.9375rem;gap:var(--spacing-sm);line-height:1.5}.info-icon{flex-shrink:0;font-size:1.125rem;opacity:.6}.customer-notes{color:var(--text-tertiary);font-style:italic}.customer-card-meta{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.customer-stat-preview{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.stat-label-small{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.stat-value-small{color:var(--accent-primary);font-size:1rem;font-weight:700;line-height:1.2}.customer-card-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-md)}.customer-details{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000f;max-height:calc(100vh - var(--spacing-2xl));overflow-x:hidden;overflow-y:auto;padding:var(--spacing-xl);position:-webkit-sticky;position:sticky;top:var(--spacing-lg)}.customer-details::-webkit-scrollbar{width:6px}.customer-details::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.customer-details::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.customer-details::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.customer-details-desktop{display:block}.customer-details-mobile{display:none}.customer-details-header{border-bottom:2px solid var(--border-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.customer-details-header-content{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.customer-details-header h2{color:var(--text-primary);flex:1 1;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.close-details-btn{flex-shrink:0}.customer-info-section{margin-bottom:var(--spacing-xl)}.customer-info-card{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.customer-info-item{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xs);padding-bottom:var(--spacing-md)}.customer-info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-value{font-size:1.125rem;line-height:1.5}.customer-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-xl)}.stat-card{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);box-shadow:0 1px 3px #0000000d;overflow:hidden;position:relative}.stat-card:before{background:var(--accent-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-normal);width:4px}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-card:hover:before{opacity:1}.stat-icon{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d;flex-shrink:0;font-size:2.25rem;height:56px;width:56px}.stat-content{flex:1 1;gap:var(--spacing-xs)}.stat-label{font-size:.8125rem;font-weight:600;letter-spacing:.05em}.stat-value{letter-spacing:-.02em;line-height:1.2}.customer-sales{display:flex;flex-direction:column;gap:var(--spacing-lg)}.customer-sales-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:var(--spacing-md)}.customer-sales-header h3{color:var(--text-primary);font-size:1.375rem;font-weight:700;letter-spacing:-.01em;margin:0}.sales-table-wrapper{-webkit-overflow-scrolling:touch;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-x:auto}.sales-table-wrapper::-webkit-scrollbar{height:6px}.sales-table-wrapper::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.sales-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.sales-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sales-table-wrapper .table{border-collapse:collapse;margin:0;width:100%}.sales-table-wrapper .table thead{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);position:-webkit-sticky;position:sticky;top:0;z-index:10}.sales-table-wrapper .table th{border-bottom:2px solid var(--border-color);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.sales-table-wrapper .table td,.sales-table-wrapper .table th{color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg)}.sales-table-wrapper .table td{border-bottom:1px solid var(--border-color);font-size:.9375rem;transition:background-color var(--transition-fast)}.sales-table-wrapper .table tbody tr{transition:all var(--transition-fast)}.sales-table-wrapper .table tbody tr:hover{background-color:var(--bg-secondary)}.sales-table-wrapper .table tbody tr:last-child td{border-bottom:none}.sale-total{color:var(--accent-primary);font-size:1rem;font-weight:700}.sales-table-wrapper .table .badge{border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;white-space:nowrap}.sales-table-wrapper .table .badge-success{background-color:#28a7451a;border:1px solid #28a74533;color:#28a745;color:var(--accent-success,#28a745)}.sales-table-wrapper .table .badge-warning{background-color:#ffc1071a;border:1px solid #ffc10733;color:#ffc107;color:var(--accent-warning,#ffc107)}.sales-table-wrapper .table .unpaid-amount{color:#f59e0b;color:var(--accent-warning,#f59e0b);font-size:.9375rem;font-weight:600}@media (max-width:1024px){.customers-page{padding:var(--spacing-md)}.customers-content{gap:var(--spacing-xl);grid-template-columns:1fr}.customer-details{max-height:none;position:static}.customer-details-desktop{display:block}.page-header{align-items:stretch;flex-direction:column;margin-bottom:var(--spacing-xl)}.page-header h1{font-size:2rem}.header-actions{flex-direction:row;justify-content:space-between;width:100%}.header-filters{flex:1 1;min-width:auto}.search-input{max-width:none;min-width:auto;width:100%}.customer-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.customers-page{padding:var(--spacing-md)}.page-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.page-header h1{font-size:1.75rem}.header-actions{flex-direction:column;gap:var(--spacing-sm);width:100%}.header-filters,.search-input{min-width:auto;width:100%}.search-input{max-width:none}.customers-content{gap:var(--spacing-lg)}.customers-list{gap:var(--spacing-md)}.customer-card{border-radius:var(--radius-md);padding:var(--spacing-md)}.customer-card-title-section h3{font-size:1.25rem}.customer-card-actions{flex-direction:column}.customer-card-actions .btn{min-height:var(--touch-target-comfortable);width:100%}.customer-details-desktop{display:none}.customer-details-mobile{display:block}.customer-details{border-radius:var(--radius-lg);padding:var(--spacing-lg)}.customer-details-header h2{font-size:1.5rem}.customer-info-card{padding:var(--spacing-md)}.customer-stats{gap:var(--spacing-sm);grid-template-columns:1fr}.stat-card{flex-direction:row;padding:var(--spacing-md)}.stat-icon{font-size:1.75rem;height:48px;width:48px}.stat-value{font-size:1.5rem}.customer-sales-header h3{font-size:1.25rem}.sales-table-wrapper{border-left:none;border-radius:var(--radius-md);border-right:none;margin:0 calc(var(--spacing-md)*-1)}.sales-table-wrapper .table{font-size:.875rem;min-width:600px}.sales-table-wrapper .table td,.sales-table-wrapper .table th{padding:var(--spacing-sm) var(--spacing-md)}.sale-total{font-size:.9375rem}.empty-state,.loading-state{min-height:300px;padding:var(--spacing-xl) var(--spacing-md)}.empty-state-icon{font-size:4rem}.empty-state h3{font-size:1.25rem}}.customers-page .form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.customers-page .form .input-wrapper{margin-bottom:0}.customers-page .form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-lg)}.customers-page .form-actions .btn{flex:1 1;min-height:var(--touch-target-comfortable)}@media (max-width:768px){.customers-page .form{gap:var(--spacing-md)}.customers-page .form-actions{flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.customers-page .form-actions .btn{width:100%}}@media (max-width:480px){.customers-page{padding:var(--spacing-sm)}.page-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.page-header h1{font-size:1.5rem}.customer-card{border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.customer-card-title-section h3{font-size:1.125rem}.customer-info-card{padding:var(--spacing-sm) var(--spacing-md)}.customer-info-item{gap:var(--spacing-xs);padding-bottom:var(--spacing-sm)}.info-value{font-size:1rem}.stat-card{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.stat-icon{font-size:1.5rem;height:44px;width:44px}.stat-value{font-size:1.375rem}.stat-label{font-size:.75rem}.customer-details{padding:var(--spacing-md)}.customer-details-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.customer-details-header h2{font-size:1.375rem}.customer-sales-header h3{font-size:1.125rem}.sales-table-wrapper .table{font-size:.8125rem;min-width:500px}.sales-table-wrapper .table td,.sales-table-wrapper .table th{padding:var(--spacing-xs) var(--spacing-sm)}.empty-state-icon{font-size:3.5rem}.empty-state h3{font-size:1.125rem}.empty-state p{font-size:.875rem}.loading-spinner{height:40px;width:40px}.loading-state-small .loading-spinner{height:32px;width:32px}}.reports-page{margin:0 auto;max-width:1400px;padding:var(--spacing-lg)}.date-filters{align-items:flex-end;display:flex;gap:var(--spacing-md)}.reports-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);transition:all var(--transition-normal)}.reports-overview{animation:fadeIn .3s ease-in}.reports-summary-section{margin-bottom:var(--spacing-2xl)}.reports-navigation-section{margin-top:var(--spacing-2xl)}.section-title{font-size:1.5rem}.reports-summary-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}.summary-icon{align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.summary-content{flex:1 1}.summary-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0 0 var(--spacing-xs) 0}.summary-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.reports-navigation-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.report-nav-card{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:140px;padding:var(--spacing-xl);text-align:center;transition:all var(--transition-fast)}.report-nav-card:hover{background-color:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.report-nav-card:active{transform:translateY(-2px)}.nav-card-icon{font-size:3rem;margin-bottom:var(--spacing-xs)}.nav-card-label{color:var(--text-primary);font-size:1rem;font-weight:500}.report-detail-view{animation:slideIn .3s ease-out}.detail-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.detail-title{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0}.detail-content{margin-top:var(--spacing-lg)}.report-section{margin-bottom:var(--spacing-lg)}.report-section h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 var(--spacing-lg) 0}.report-cards{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.report-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.report-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-xs)}.report-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.payment-breakdown{display:flex;flex-direction:column;gap:var(--spacing-md)}.payment-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;font-weight:500;justify-content:space-between;padding:var(--spacing-md)}.stock-report-section{margin-bottom:var(--spacing-xl)}.stock-report-section h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 var(--spacing-md) 0}@media (max-width:1024px){.reports-page{padding:var(--spacing-md)}.reports-content{padding:var(--spacing-lg)}.page-header h1{font-size:1.75rem}.reports-summary-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.summary-card{padding:var(--spacing-md)}.summary-icon{font-size:2rem;height:50px;width:50px}.summary-value{font-size:1.25rem}.reports-navigation-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.report-nav-card{min-height:120px;padding:var(--spacing-lg)}.nav-card-icon{font-size:2.5rem}.section-title{font-size:1.25rem}.detail-title{font-size:1.5rem}}@media (max-width:768px){.reports-page{padding:0}.page-header{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.page-header h1{font-size:1.5rem;margin-bottom:var(--spacing-md)}.date-filters{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.date-filters .input-wrapper{width:100%}.reports-content{border-left:none;border-radius:0;border-right:none;padding:var(--spacing-md)}.reports-summary-section{margin-bottom:var(--spacing-xl)}.reports-navigation-section{margin-top:var(--spacing-xl)}.reports-summary-grid{gap:var(--spacing-md);grid-template-columns:1fr}.summary-card{padding:var(--spacing-md)}.summary-icon{font-size:1.75rem;height:48px;width:48px}.summary-label{font-size:.8125rem}.summary-value{font-size:1.125rem}.reports-navigation-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.report-nav-card{min-height:100px;padding:var(--spacing-md)}.nav-card-icon{font-size:2rem}.nav-card-label{font-size:.875rem}.section-title{font-size:1.125rem}.detail-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.back-button{justify-content:center;width:100%}.detail-title{font-size:1.25rem}.report-cards{gap:var(--spacing-sm);grid-template-columns:1fr}.report-card{padding:var(--spacing-md)}.report-value{font-size:1.25rem}.stock-report-section h3{font-size:1.125rem}.table{font-size:.875rem;min-width:600px}.table td,.table th{padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.page-header h1{font-size:1.25rem}.reports-navigation-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.report-nav-card{min-height:90px;padding:var(--spacing-sm)}.nav-card-icon{font-size:1.75rem}.nav-card-label{font-size:.75rem}.summary-icon{font-size:1.5rem;height:40px;width:40px}.summary-value{font-size:1rem}.detail-title,.report-value{font-size:1.125rem}.table{font-size:.8125rem}}.toggle-wrapper{align-items:flex-start;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md);transition:all var(--transition-fast)}.toggle-wrapper:hover{background-color:var(--bg-secondary);border-color:var(--border-hover)}.toggle-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.toggle-label{color:var(--text-primary);cursor:pointer;font-size:.9375rem;font-weight:500;margin:0;-webkit-user-select:none;user-select:none}.toggle-description{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}.toggle-switch-container{align-items:center;display:flex;flex-shrink:0}.toggle-input{height:0;opacity:0;position:absolute;width:0}.toggle-switch{cursor:pointer;display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.toggle-slider{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:26px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all var(--transition-normal)}.toggle-slider:before{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;bottom:2px;box-shadow:var(--shadow-sm);content:"";height:20px;left:2px;width:20px}.toggle-input:checked+.toggle-switch .toggle-slider{background-color:var(--accent-primary);border-color:var(--accent-primary)}.toggle-input:checked+.toggle-switch .toggle-slider:before{border-color:var(--accent-primary);transform:translateX(22px)}.toggle-input:focus+.toggle-switch .toggle-slider{box-shadow:0 0 0 3px #007bff1a}.toggle-input:disabled+.toggle-switch{cursor:not-allowed;opacity:.6}.toggle-input:disabled+.toggle-switch .toggle-slider{background-color:var(--bg-tertiary);cursor:not-allowed}[data-theme=dark] .toggle-slider{background-color:var(--bg-tertiary)}[data-theme=dark] .toggle-input:checked+.toggle-switch .toggle-slider{background-color:var(--accent-primary)}@media (max-width:768px){.toggle-wrapper{flex-direction:column;gap:var(--spacing-sm)}.toggle-switch-container{align-self:flex-start}.toggle-label{font-size:.875rem}.toggle-description{font-size:.8125rem}}.settings-page{margin:0 auto;max-width:1400px;padding:var(--spacing-lg)}.page-header h1{margin-bottom:var(--spacing-lg)}.access-denied{background-color:var(--bg-primary)}.access-denied h2{color:var(--accent-danger)}.settings-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);transition:all var(--transition-normal)}.settings-grid-container{animation:fadeIn .3s ease-in}.settings-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.settings-card{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:140px;padding:var(--spacing-xl);text-align:center;transition:all var(--transition-fast)}.settings-card:hover{background-color:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.settings-card:active{transform:translateY(-2px)}.settings-card-icon{font-size:3rem;margin-bottom:var(--spacing-xs)}.settings-card-label{color:var(--text-primary);font-size:1rem;font-weight:500}.settings-detail-view{animation:slideIn .3s ease-out}.settings-detail-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.back-button{background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.9375rem;font-weight:500;min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.back-button:hover{background-color:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.settings-detail-title{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0}.settings-detail-content{margin-top:var(--spacing-lg)}.settings-section{margin-bottom:var(--spacing-lg)}.settings-section h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 var(--spacing-lg) 0}.form{gap:var(--spacing-lg)}.form-group{gap:var(--spacing-sm)}.form-group label{font-size:.875rem;margin-bottom:var(--spacing-xs)}.form-select{background:var(--bg-primary);min-height:var(--touch-target-min)}.form-select:hover{border-color:var(--border-hover)}.form-select:focus{box-shadow:0 0 0 3px #007bff1a}.form-select-enhanced{-webkit-appearance:none;appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:1rem;min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);padding-right:calc(var(--spacing-md)*2 + 12px);transition:all var(--transition-fast);width:100%}.form-select-enhanced:hover{background-color:var(--bg-secondary);border-color:var(--border-hover)}.form-select-enhanced:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}[data-theme=dark] .form-select-enhanced{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23b0b0b0' d='M6 9 1 4h10z'/%3E%3C/svg%3E")}.form-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs)}.form-actions{margin-top:var(--spacing-md)}.form-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;min-height:100px;padding:var(--spacing-sm) var(--spacing-md);resize:vertical;transition:all var(--transition-fast)}.form-textarea:hover{border-color:var(--border-hover)}.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.form-section-divider{border-top:2px solid var(--border-color);margin:var(--spacing-xl) 0 var(--spacing-lg) 0;padding-top:var(--spacing-xl)}.form-section-subtitle{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.form-section-description{color:var(--text-secondary);font-size:.875rem;margin:0 0 var(--spacing-md) 0}.settings-group{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);transition:all var(--transition-fast)}.settings-group:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.settings-group-header{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.settings-group-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.settings-group-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.settings-group-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-with-suffix{align-items:center;display:flex;position:relative;width:100%}.input-with-suffix .input-wrapper{flex:1 1}.input-with-suffix .input-percentage{padding-right:calc(var(--spacing-md) + 24px)}.input-suffix{color:var(--text-secondary);font-size:.9375rem;font-weight:500;pointer-events:none;position:absolute;right:var(--spacing-md);-webkit-user-select:none;user-select:none}.logo-preview{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.logo-preview-image{max-height:100px;max-width:200px;object-fit:contain}.file-input,.logo-preview-image{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm)}.file-input{color:var(--text-primary);cursor:pointer;margin:var(--spacing-sm) 0;min-height:var(--touch-target-min);transition:all var(--transition-fast)}.file-input:hover{border-color:var(--border-hover)}.file-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.audit-log{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-wrapper{margin-top:var(--spacing-md)}.no-data{font-size:1rem;padding:var(--spacing-2xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.settings-page{padding:var(--spacing-md)}.settings-content{padding:var(--spacing-lg)}.page-header h1{font-size:1.75rem}.settings-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.settings-card{min-height:120px;padding:var(--spacing-lg)}.settings-card-icon{font-size:2.5rem}.settings-detail-title{font-size:1.5rem}.settings-section h2{font-size:1.25rem}}@media (max-width:768px){.settings-page{padding:0}.page-header{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.page-header h1{font-size:1.5rem;margin-bottom:var(--spacing-md)}.settings-content{border-left:none;border-radius:0;border-right:none;padding:var(--spacing-md)}.settings-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.settings-card{min-height:100px;padding:var(--spacing-md)}.settings-card-icon{font-size:2rem}.settings-card-label{font-size:.875rem}.settings-detail-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.back-button{justify-content:center;width:100%}.settings-detail-title{font-size:1.25rem}.settings-section h2{font-size:1.125rem}.logo-preview{align-items:flex-start;flex-direction:column}.logo-preview-image{max-width:100%}.file-input{width:100%}.form-actions{flex-direction:column}.form-actions .btn,.form-actions button{min-height:var(--touch-target-min);width:100%}.settings-group{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.settings-group-title{font-size:1rem}.settings-group-description{font-size:.8125rem}.settings-group-content{gap:var(--spacing-sm)}.form-select-enhanced{background-size:10px;font-size:.9375rem;padding-right:calc(var(--spacing-md)*2 + 10px)}.table{font-size:.875rem;min-width:600px}.table td,.table th{padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.page-header h1{font-size:1.25rem}.settings-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.settings-card{min-height:90px;padding:var(--spacing-sm)}.settings-card-icon{font-size:1.75rem}.settings-card-label{font-size:.75rem}.settings-detail-title{font-size:1.125rem}.table{font-size:.8125rem}.table td,.table th{padding:var(--spacing-xs)}.settings-group{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.settings-group-title{font-size:.9375rem}.settings-group-description{font-size:.75rem}}.purchases-page{margin:0 auto;max-width:1400px}.purchases-summary{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-xl)}.purchases-filters{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.filter-row{grid-template-columns:2fr 1fr 1fr 2fr 1fr}.filter-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.filter-select{min-height:var(--touch-target-min)}.purchases-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.purchases-table-view{display:block}.table-cell-sale-number{align-items:center;color:var(--accent-primary);display:flex;font-weight:600;gap:var(--spacing-xs)}.invoice-indicator{cursor:help;font-size:.875rem;opacity:.7}.purchases-card-view{display:none}.purchase-card{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;margin-bottom:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.purchase-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.purchase-card:last-child{margin-bottom:0}.purchase-card-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.purchase-card-title h3{color:var(--accent-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.purchase-card-date{color:var(--text-secondary);font-size:.875rem}.purchase-card-status{flex-shrink:0}.purchase-card-body{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.purchase-card-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.purchase-card-total,.purchase-info-item{align-items:center;display:flex;justify-content:space-between}.purchase-card-total{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.purchase-card-actions{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding-top:var(--spacing-md)}.badge-success{background-color:var(--accent-success,#10b981)}.badge-danger{background-color:var(--accent-danger,#ef4444)}.badge-warning{background-color:var(--accent-warning,#f59e0b)}@media (max-width:1024px){.page-header h1{font-size:1.75rem}.purchases-summary{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.summary-card{padding:var(--spacing-md)}.summary-card-icon{font-size:2rem;height:50px;width:50px}.summary-card-value{font-size:1.25rem}.purchases-filters{padding:var(--spacing-md)}.filters-toggle{display:block}.filters-content{max-height:0}.filters-content.expanded{max-height:1000px}.filter-row{gap:var(--spacing-sm)}.filter-dates,.filter-row{grid-template-columns:1fr}.purchases-content{padding:var(--spacing-md)}.purchases-table-view{display:none}.purchases-card-view{display:block}.purchase-card{padding:var(--spacing-md)}}@media (max-width:768px){.purchases-page{padding:0}.page-header{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-md)}.page-header h1{font-size:1.5rem}.purchases-summary{gap:var(--spacing-sm);grid-template-columns:1fr;margin-bottom:var(--spacing-md);padding:0 var(--spacing-md)}.summary-card{padding:var(--spacing-md)}.summary-card-icon{font-size:1.75rem;height:48px;width:48px}.summary-card-label{font-size:.8125rem}.summary-card-value{font-size:1.125rem}.purchases-filters{border-radius:var(--radius-md);margin:0 var(--spacing-md) var(--spacing-md);padding:var(--spacing-md)}.filters-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.filters-title{font-size:1rem}.filter-row{gap:var(--spacing-sm);grid-template-columns:1fr}.filter-search,.filter-select{width:100%}.purchases-content{border-radius:var(--radius-md);margin:0 var(--spacing-md)}.purchase-card,.purchases-content{padding:var(--spacing-md)}.purchase-card-title h3{font-size:1.125rem}.purchase-card-date{font-size:.8125rem}.total-value{font-size:1.125rem}.purchase-card-actions,.purchase-card-actions button{width:100%}.empty-state{padding:var(--spacing-xl)}.empty-state-icon{font-size:3rem}.empty-state h3{font-size:1.125rem}}@media (max-width:480px){.page-header{padding:0 var(--spacing-sm)}.page-header h1{font-size:1.25rem}.purchases-summary{gap:var(--spacing-xs);padding:0 var(--spacing-sm)}.summary-card{padding:var(--spacing-sm)}.summary-card-icon{font-size:1.5rem;height:40px;width:40px}.summary-card-label{font-size:.75rem}.summary-card-value{font-size:1rem}.purchases-filters{margin:0 var(--spacing-sm) var(--spacing-sm);padding:var(--spacing-sm)}.purchases-content{margin:0 var(--spacing-sm)}.purchase-card,.purchases-content{padding:var(--spacing-sm)}.purchase-card-title h3,.total-value{font-size:1rem}.empty-state{padding:var(--spacing-lg)}.empty-state-icon{font-size:2.5rem}}.purchase-details-page{margin:0 auto;max-width:1400px}.header-content{align-items:center}.header-actions{gap:var(--spacing-md)}.purchase-details-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.details-section{background-color:var(--bg-primary);padding:var(--spacing-lg)}.details-section h2{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm)}.info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-value{font-size:1rem}.link-button{text-decoration:underline}.link-button:hover{color:var(--accent-secondary)}.details-table{border-collapse:collapse;margin-top:var(--spacing-md);width:100%}.details-table thead{background-color:var(--bg-secondary)}.details-table th{border-bottom:2px solid var(--border-color);font-weight:600;text-align:left}.details-table td,.details-table th{color:var(--text-primary);padding:var(--spacing-md)}.details-table td{border-bottom:1px solid var(--border-color)}.totals-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.total-item{background-color:var(--bg-secondary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.total-item-main{background-color:var(--bg-primary);border:2px solid var(--accent-primary);font-size:1.125rem;font-weight:700;padding:var(--spacing-md)}.total-label,.total-value{color:var(--text-primary)}.total-value{font-weight:600}.total-item-main .total-value{color:var(--accent-primary)}.badge-success{background-color:#10b981;background-color:var(--success-color,#10b981)}.badge-danger{background-color:#ef4444;background-color:var(--danger-color,#ef4444)}.badge-warning{background-color:#f59e0b;background-color:var(--warning-color,#f59e0b);color:#fff}.error-message{background-color:#ef4444;background-color:var(--danger-color,#ef4444);border-radius:var(--radius-md);color:#fff;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);text-align:center}.warning-text{color:#f59e0b;color:var(--warning-color,#f59e0b);font-weight:500}.no-data{color:var(--text-secondary);padding:var(--spacing-lg);text-align:center}@media (max-width:1024px){.purchase-details-content{gap:var(--spacing-md)}.details-section{padding:var(--spacing-md)}}@media (max-width:768px){.purchase-details-page{padding:0}.header-content{align-items:stretch}.header-actions,.header-content{flex-direction:column;gap:var(--spacing-sm)}.header-actions{width:100%}.header-actions button{min-height:var(--touch-target-min);width:100%}.details-section{padding:var(--spacing-md)}.details-section h2{font-size:1.125rem}.info-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.details-table{-webkit-overflow-scrolling:touch;display:block;font-size:.875rem;overflow-x:auto}.details-table tbody,.details-table thead,.details-table tr{display:block}.details-table td,.details-table th{display:block;padding:var(--spacing-sm);text-align:left}.details-table th{border-bottom:none;padding-bottom:var(--spacing-xs)}.details-table td{border-bottom:1px solid var(--border-color);padding-top:var(--spacing-xs)}.total-item{padding:var(--spacing-sm)}.total-item-main{font-size:1rem;padding:var(--spacing-md)}}@media (max-width:480px){.details-table{font-size:.8125rem}.details-table td,.details-table th{padding:var(--spacing-xs)}}.invoices-page{margin:0 auto;max-width:1400px}.invoices-summary{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-xl)}.summary-card{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.summary-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-card-icon{align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.summary-card-content{flex:1 1;min-width:0}.summary-card-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0 0 var(--spacing-xs) 0}.summary-card-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0;word-break:break-word}.invoices-filters{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.filters-header{border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.filters-header,.filters-title{align-items:center;display:flex}.filters-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;gap:var(--spacing-sm)}.filter-badge{align-items:center;background-color:var(--accent-primary);border-radius:10px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 var(--spacing-xs)}.filters-toggle{background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:none;font-size:1.25rem;line-height:1;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}.filters-toggle:hover{background-color:var(--bg-secondary);border-color:var(--accent-primary)}.filters-content{overflow:hidden;transition:max-height var(--transition-normal)}.filter-row{grid-gap:var(--spacing-md);align-items:end;display:grid;gap:var(--spacing-md);grid-template-columns:2fr 2fr 1fr}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-search{width:100%}.filter-dates{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.date-input-group{display:flex;flex-direction:column}.filter-actions{align-items:flex-end;display:flex}.invoices-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.invoices-table-view{display:block}.table thead{background-color:var(--bg-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.table th{border-bottom:2px solid var(--border-color);font-size:.875rem;letter-spacing:.5px;text-align:left;text-transform:uppercase}.table td,.table th{padding:var(--spacing-md)}.table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.9375rem}.table-row-clickable{cursor:pointer;transition:all var(--transition-fast)}.table-row-clickable:hover{background-color:var(--bg-secondary);transform:scale(1.01)}.table-cell-invoice-number{color:var(--accent-primary);font-weight:600}.table-cell-total{color:var(--text-primary);font-weight:600}.table-cell-actions{text-align:right}.invoices-card-view{display:none}.invoice-card{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;margin-bottom:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.invoice-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.invoice-card:last-child{margin-bottom:0}.invoice-card-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.invoice-card-title h3{color:var(--accent-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.invoice-card-date{color:var(--text-secondary);font-size:.875rem}.invoice-card-body{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.invoice-card-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.invoice-info-item{align-items:center;display:flex;justify-content:space-between}.info-label{font-weight:500}.info-value{font-size:.9375rem;text-align:right}.invoice-card-total{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md)}.total-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.total-value{color:var(--accent-primary);font-size:1.25rem;font-weight:700}.invoice-card-actions{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding-top:var(--spacing-md)}.loading-state p{font-size:1rem;margin:0}.empty-state p{font-size:.9375rem}@media (max-width:1024px){.page-header h1{font-size:1.75rem}.invoices-summary{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.summary-card{padding:var(--spacing-md)}.summary-card-icon{font-size:2rem;height:50px;width:50px}.summary-card-value{font-size:1.25rem}.invoices-filters{padding:var(--spacing-md)}.filters-toggle{display:block}.filters-content{max-height:0}.filters-content.expanded{max-height:1000px}.filter-row{gap:var(--spacing-sm)}.filter-dates,.filter-row{grid-template-columns:1fr}.invoices-content{padding:var(--spacing-md)}.invoices-table-view{display:none}.invoices-card-view{display:block}.invoice-card{padding:var(--spacing-md)}}@media (max-width:768px){.invoices-page{padding:0}.page-header{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-md)}.page-header h1{font-size:1.5rem}.invoices-summary{gap:var(--spacing-sm);grid-template-columns:1fr;margin-bottom:var(--spacing-md);padding:0 var(--spacing-md)}.summary-card{padding:var(--spacing-md)}.summary-card-icon{font-size:1.75rem;height:48px;width:48px}.summary-card-label{font-size:.8125rem}.summary-card-value{font-size:1.125rem}.invoices-filters{border-radius:var(--radius-md);margin:0 var(--spacing-md) var(--spacing-md);padding:var(--spacing-md)}.filters-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.filters-title{font-size:1rem}.filter-row{gap:var(--spacing-sm);grid-template-columns:1fr}.filter-search{width:100%}.invoices-content{border-radius:var(--radius-md);margin:0 var(--spacing-md)}.invoice-card,.invoices-content{padding:var(--spacing-md)}.invoice-card-title h3{font-size:1.125rem}.invoice-card-date{font-size:.8125rem}.total-value{font-size:1.125rem}.invoice-card-actions,.invoice-card-actions button{width:100%}.empty-state{padding:var(--spacing-xl)}.empty-state-icon{font-size:3rem}.empty-state h3{font-size:1.125rem}}@media (max-width:480px){.page-header{padding:0 var(--spacing-sm)}.page-header h1{font-size:1.25rem}.invoices-summary{gap:var(--spacing-xs);padding:0 var(--spacing-sm)}.summary-card{padding:var(--spacing-sm)}.summary-card-icon{font-size:1.5rem;height:40px;width:40px}.summary-card-label{font-size:.75rem}.summary-card-value{font-size:1rem}.invoices-filters{margin:0 var(--spacing-sm) var(--spacing-sm);padding:var(--spacing-sm)}.invoices-content{margin:0 var(--spacing-sm)}.invoice-card,.invoices-content{padding:var(--spacing-sm)}.invoice-card-title h3,.total-value{font-size:1rem}.empty-state{padding:var(--spacing-lg)}.empty-state-icon{font-size:2.5rem}}.invoice-details-page{margin:0 auto;max-width:1400px}.invoice-details-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width:1024px){.invoice-details-content{gap:var(--spacing-md)}.invoice-details-page .details-section{padding:var(--spacing-md)}}@media (max-width:768px){.invoice-details-page{padding:0}.invoice-details-page .header-content{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.invoice-details-page .header-actions{flex-direction:column;gap:var(--spacing-sm);width:100%}.invoice-details-page .header-actions button{min-height:var(--touch-target-min);width:100%}.invoice-details-page .details-section{padding:var(--spacing-md)}.invoice-details-page .details-section h2{font-size:1.125rem}.invoice-details-page .info-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.invoice-details-page .details-table{-webkit-overflow-scrolling:touch;display:block;font-size:.875rem;overflow-x:auto}.invoice-details-page .details-table tbody,.invoice-details-page .details-table thead,.invoice-details-page .details-table tr{display:block}.invoice-details-page .details-table td,.invoice-details-page .details-table th{display:block;padding:var(--spacing-sm);text-align:left}.invoice-details-page .details-table th{border-bottom:none;padding-bottom:var(--spacing-xs)}.invoice-details-page .details-table td{border-bottom:1px solid var(--border-color);padding-top:var(--spacing-xs)}.invoice-details-page .total-item{padding:var(--spacing-sm)}.invoice-details-page .total-item-main{font-size:1rem;padding:var(--spacing-md)}}@media (max-width:480px){.invoice-details-page .details-table{font-size:.8125rem}.invoice-details-page .details-table td,.invoice-details-page .details-table th{padding:var(--spacing-xs)}}.users-page{margin:0 auto;max-width:1400px;padding:var(--spacing-md)}@media (max-width:768px){.users-page{padding:var(--spacing-md)}.page-header h1{font-size:1.5rem}.header-filters-row{align-items:stretch;flex-direction:column}.search-input{min-width:100%}.users-content{margin-top:var(--spacing-sm);padding:var(--spacing-md)}.users-table{font-size:.875rem}.users-table td,.users-table th{padding:var(--spacing-xs) var(--spacing-sm)}.action-buttons{flex-direction:column;gap:var(--spacing-xs);width:100%}.action-buttons .btn{min-height:var(--touch-target-min);width:100%}.stocks-cell{max-width:150px}}@media (max-width:480px){.users-page{padding:var(--spacing-sm)}.page-header h1{font-size:1.25rem}.users-table{font-size:.75rem}.users-table td,.users-table th{padding:var(--spacing-xs)}.badge{font-size:.75rem;padding:.25rem .5rem}.stocks-cell{max-width:100px}}.user-form-page{margin:0 auto;max-width:900px;padding:var(--spacing-lg)}@media (max-width:768px){.user-form-page{padding:var(--spacing-md)}.user-form-container{padding:var(--spacing-lg)}.user-form-header h1{font-size:1.5rem}.form-section{padding:var(--spacing-md)}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.stock-checkboxes{max-height:200px}}@media (max-width:480px){.user-form-page{padding:var(--spacing-sm)}.user-form-container{border-radius:var(--radius-md);padding:var(--spacing-md)}.user-form-header h1{font-size:1.25rem}.form-section-title{font-size:1.125rem}}.admin-page{margin:0 auto;max-width:1400px;padding:var(--spacing-lg)}.admin-loading{color:var(--text-secondary);padding:var(--spacing-xxl);text-align:center}.admin-overview{display:flex;flex-direction:column;gap:var(--spacing-xl)}.admin-section{background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.admin-section h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-lg) 0}.diagnostics-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.diagnostic-card{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.diagnostic-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.diagnostic-icon{align-items:center;background-color:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.diagnostic-content{flex:1 1}.diagnostic-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs)}.diagnostic-value{color:var(--primary-color);font-size:1.75rem;font-weight:700}.action-cards-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:var(--text-primary);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast)}.action-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-card-icon{align-items:center;background-color:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.action-card-content{flex:1 1}.action-card-label{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs)}.action-card-description{color:var(--text-secondary);font-size:.875rem}.access-denied{padding:var(--spacing-xxl)}@media (max-width:1024px){.action-cards-grid,.diagnostics-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.action-card,.diagnostic-card{padding:var(--spacing-md)}.action-card-icon,.diagnostic-icon{font-size:2rem;height:50px;width:50px}.diagnostic-value{font-size:1.5rem}}@media (max-width:768px){.admin-page{padding:var(--spacing-md)}.page-header h1{font-size:1.5rem}.admin-section{padding:var(--spacing-md)}.admin-section h2{font-size:1.25rem;margin-bottom:var(--spacing-md)}.action-cards-grid,.diagnostics-grid{gap:var(--spacing-md);grid-template-columns:1fr}.action-card,.diagnostic-card{padding:var(--spacing-md)}.action-card-icon,.diagnostic-icon{font-size:1.75rem;height:48px;width:48px}.action-card-description,.diagnostic-label{font-size:.8125rem}.diagnostic-value{font-size:1.5rem}.action-card-label{font-size:1rem}}.companies-page{margin:0 auto;max-width:1600px;padding:var(--spacing-lg)}.header-title-row{margin-bottom:var(--spacing-md)}.header-actions-row{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}.companies-content{margin-top:var(--spacing-lg)}.companies-list-section{width:100%}.companies-table{border-collapse:collapse;width:100%}.companies-table thead{background:var(--bg-secondary)}.companies-table th{border-bottom:2px solid var(--border-color);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.companies-table td,.companies-table th{color:var(--text-primary);padding:var(--spacing-md)}.companies-table td{border-bottom:1px solid var(--border-color)}.companies-table tbody tr{cursor:pointer;transition:background-color var(--transition-fast)}.companies-table tbody tr:hover{background:var(--bg-secondary)}.link-button{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:inherit;font-weight:500;padding:0;text-decoration:none;transition:color var(--transition-fast)}.link-button:hover{color:var(--accent-primary-hover);text-decoration:underline}.companies-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.company-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-normal)}.company-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.company-card-header{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:space-between}.company-card-name{color:var(--text-primary);flex:1 1;font-size:1.125rem;font-weight:600;margin:0}.company-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.company-card-info{align-items:center;display:flex;justify-content:space-between}.company-card-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md)}@media (min-width:768px) and (max-width:1024px){.companies-page{padding:var(--spacing-md)}.statistics-cards{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.stat-value{font-size:1.5rem}.companies-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.header-filters-row{align-items:stretch;flex-direction:row}.search-input{flex:1 1}.view-toggle{display:none}}@media (max-width:767px){.companies-page{padding:var(--spacing-sm)}.page-header h1{font-size:1.5rem}.statistics-cards{gap:var(--spacing-sm);grid-template-columns:1fr;margin-bottom:var(--spacing-lg)}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:1.75rem}.header-filters-row{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.filter-select,.search-input{width:100%}.view-toggle{display:none}.companies-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.company-card{padding:var(--spacing-md)}.company-card-actions{flex-direction:column}.company-card-actions button{min-height:var(--touch-target-min);width:100%}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.companies-table{min-width:600px}.companies-table td,.companies-table th{font-size:.875rem;padding:var(--spacing-sm)}.action-buttons{flex-direction:column}.action-buttons button{min-height:var(--touch-target-min);width:100%}.stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.stat-item-value{font-size:1.25rem}.form-actions{flex-direction:column}.form-actions button{min-height:var(--touch-target-min);width:100%}}@media (max-width:480px){.companies-page{padding:var(--spacing-xs)}.page-header h1{font-size:1.25rem}.stat-card{padding:var(--spacing-sm)}.stat-value{font-size:1.5rem}.company-card{padding:var(--spacing-sm)}.company-card-name{font-size:1rem}.empty-state-icon{font-size:3rem}.empty-state h3{font-size:1.125rem}.stats-grid{grid-template-columns:1fr}}.company-details-page{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.header-title-section{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md)}.back-button{align-items:center;display:flex;gap:var(--spacing-xs)}.header-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.details-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.details-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.section-title{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.details-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.detail-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:1.125rem;font-weight:600}.stats-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md)}.stat-card:hover{border-color:var(--accent-primary)}.stat-card-clickable{cursor:pointer}.stat-card-clickable:hover{background:var(--bg-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.stat-value{color:var(--accent-primary);font-size:1.75rem}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:var(--spacing-2xl);text-align:center}.error-state h3{font-weight:600}.access-denied h2{font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.access-denied p{margin:0 0 var(--spacing-lg) 0}.warning-text{background:#ffc1071a;border-left:3px solid var(--accent-warning);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}@media (min-width:768px) and (max-width:1024px){.company-details-page{padding:var(--spacing-md)}.page-header h1{font-size:1.75rem}.details-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.header-content{align-items:stretch;flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1 1}}@media (max-width:767px){.company-details-page{padding:var(--spacing-sm)}.page-header h1{font-size:1.5rem}.header-content,.header-title-section{align-items:stretch;flex-direction:column}.header-title-section{gap:var(--spacing-sm)}.back-button{align-self:flex-start}.header-actions{flex-direction:column;width:100%}.header-actions button{min-height:var(--touch-target-min);width:100%}.details-section{padding:var(--spacing-md)}.section-title{font-size:1.125rem}.details-grid{gap:var(--spacing-md)}.details-grid,.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:row;padding:var(--spacing-md)}.stat-icon{height:50px;width:50px}.stat-icon,.stat-value{font-size:1.5rem}.form-actions{flex-direction:column}.form-actions button{min-height:var(--touch-target-min);width:100%}}@media (max-width:480px){.company-details-page{padding:var(--spacing-xs)}.page-header h1{font-size:1.25rem}.details-section{padding:var(--spacing-sm)}.section-title{font-size:1rem}.detail-item,.stat-card{padding:var(--spacing-sm)}.stat-icon{height:40px;width:40px}.stat-icon,.stat-value{font-size:1.25rem}}.create-company-page{margin:0 auto;max-width:1000px;padding:var(--spacing-lg)}.create-company-container{background:var(--bg-primary);background:var(--card-bg,var(--bg-primary));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.create-company-header{border-bottom:2px solid var(--border-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.create-company-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:var(--spacing-md) 0 0 0}.step-indicator{justify-content:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg) 0}.step,.step-indicator{align-items:center;display:flex}.step{flex:1 1;flex-direction:column;gap:var(--spacing-sm);position:relative}.step-number{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.125rem;font-weight:600;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.step.active .step-number{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.step.completed .step-number{background:#28a745;background:var(--success-color,#28a745);border-color:#28a745;border-color:var(--success-color,#28a745);color:#fff}.step.completed .step-number:after{content:"✓";font-size:1.25rem}.step-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-align:center}.step.active .step-label{color:var(--text-primary);font-weight:600}.step-connector{background:var(--border-color);flex:1 1;height:2px;margin:0 var(--spacing-md);transition:all var(--transition-fast)}.step-connector.active{background:var(--accent-primary)}.create-company-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-step{min-height:400px}.step-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.step-description{color:var(--text-secondary);font-size:.9375rem;margin:0 0 var(--spacing-xl) 0}.form-row{grid-template-columns:1fr 1fr}.form-group .input-label{color:var(--text-primary);font-size:.9375rem;font-weight:500}.form-group .form-select,.form-group .input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.form-group .form-select:focus,.form-group .input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #007bff40;outline:none}.form-group .input-error,.form-group .input-error:focus{border-color:#dc3545;border-color:var(--error-color,#dc3545)}.form-group .input-error:focus{box-shadow:0 0 0 2px #dc354540}.input-error-message{color:#dc3545;color:var(--error-color,#dc3545);font-size:.875rem;margin-top:var(--spacing-xs)}.textarea{font-family:inherit;min-height:100px;resize:vertical}.required{color:#dc3545;color:var(--error-color,#dc3545)}.form-actions{justify-content:space-between}@media (max-width:768px){.create-company-page{padding:var(--spacing-md)}.create-company-container{padding:var(--spacing-lg)}.create-company-header h1{font-size:1.5rem}.step-indicator{padding:var(--spacing-md) 0}.step-number{font-size:1rem;height:35px;width:35px}.step-label{font-size:.75rem}.step-connector{margin:0 var(--spacing-sm)}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media (max-width:480px){.create-company-page{padding:var(--spacing-sm)}.create-company-container{border-radius:var(--radius-md);padding:var(--spacing-md)}.create-company-header h1,.step-title{font-size:1.25rem}.step-number{font-size:.875rem;height:30px;width:30px}.step-label{font-size:.6875rem}}.company-users-page{margin:0 auto;max-width:1400px;padding:var(--spacing-md)}.page-header{flex-direction:column}.header-title-row{justify-content:space-between}.back-button{margin-right:auto}.header-filters-row{gap:var(--spacing-sm)}.search-input input{width:100%}.empty-state p{margin:0 0 var(--spacing-lg) 0}.error-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl);text-align:center}.error-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.error-state h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 var(--spacing-md) 0}.users-content{background:var(--bg-primary);background:var(--card-bg,var(--bg-primary));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:var(--spacing-md);padding:var(--spacing-lg)}.users-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.users-table{border-collapse:collapse;font-size:.9375rem;width:100%}.users-table thead{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.users-table th{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.users-table tbody tr:hover{background-color:var(--bg-secondary)}.users-table td{color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}.username-cell{color:var(--text-primary);font-weight:500}.name-cell,.stocks-cell{color:var(--text-secondary)}.stocks-cell{font-size:.875rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:.8125rem;text-transform:capitalize}.badge-primary{background-color:var(--accent-primary);color:#fff}.action-buttons{align-items:center}.password-modal-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.password-modal-user-info{color:var(--text-secondary);font-size:.9375rem;margin:0 0 var(--spacing-md) 0}.password-modal-user-info strong{color:var(--text-primary);font-weight:600}.password-modal-content .form-group{margin-bottom:var(--spacing-md)}.password-modal-content .form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}@media (max-width:1024px){.users-content{padding:var(--spacing-md)}.users-table td,.users-table th{padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:768px){.company-users-page{padding:var(--spacing-md)}.page-header h1{font-size:1.5rem}.header-filters-row{align-items:stretch;flex-direction:column}.search-input{min-width:100%}.users-content{margin-top:var(--spacing-sm);padding:var(--spacing-md)}.users-table{font-size:.875rem}.users-table td,.users-table th{padding:var(--spacing-xs) var(--spacing-sm)}.action-buttons{flex-direction:column;gap:var(--spacing-xs);width:100%}.action-buttons .btn{min-height:var(--touch-target-min);width:100%}.stocks-cell{max-width:150px}}@media (max-width:480px){.company-users-page{padding:var(--spacing-sm)}.page-header h1{font-size:1.25rem}.users-table{font-size:.75rem}.users-table td,.users-table th{padding:var(--spacing-xs)}.badge{font-size:.75rem;padding:.25rem .5rem}.stocks-cell{max-width:100px}}.company-user-form-page{margin:0 auto;max-width:900px;padding:var(--spacing-lg)}.user-form-container{background:var(--bg-primary);background:var(--card-bg,var(--bg-primary));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.user-form-header{border-bottom:2px solid var(--border-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.user-form-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:var(--spacing-md) 0 0 0}.company-name-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:400;margin:var(--spacing-xs) 0 0 0}.user-form{gap:var(--spacing-xl)}.form-section,.user-form{display:flex;flex-direction:column}.form-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:var(--spacing-md);padding:var(--spacing-lg)}.form-section-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-sm)}.form-group label{color:var(--text-primary);font-size:.9375rem;font-weight:500}.form-select{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.form-select:focus,.form-select:hover:not(:disabled){border-color:var(--accent-primary)}.form-select:focus{box-shadow:0 0 0 2px #007bff40;outline:none}.form-select:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.stock-checkboxes{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;margin-top:var(--spacing-sm);max-height:300px;overflow-y:auto;padding:var(--spacing-md)}.checkbox-label,.stock-checkboxes{display:flex;gap:var(--spacing-sm)}.checkbox-label{align-items:center;border-radius:var(--radius-sm);cursor:pointer;padding:var(--spacing-sm);transition:background-color var(--transition-fast)}.checkbox-label:hover{background:var(--bg-secondary);background:var(--hover-bg,var(--bg-secondary))}.checkbox-label input[type=checkbox]{accent-color:var(--accent-primary);cursor:pointer;height:18px;width:18px}.checkbox-label span{color:var(--text-primary);flex:1 1}.no-stocks-message{padding:var(--spacing-md);text-align:center}.form-hint,.no-stocks-message{color:var(--text-secondary);font-style:italic}.form-hint{font-size:.875rem;margin-top:var(--spacing-xs)}.form-actions{border-top:2px solid var(--border-color);padding-top:var(--spacing-lg)}.access-denied{box-shadow:var(--shadow-sm)}.access-denied h2{color:var(--text-primary);margin-bottom:var(--spacing-md)}@media (max-width:768px){.company-user-form-page{padding:var(--spacing-md)}.user-form-container{padding:var(--spacing-lg)}.user-form-header h1{font-size:1.5rem}.form-section{padding:var(--spacing-md)}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.stock-checkboxes{max-height:200px}}@media (max-width:480px){.company-user-form-page{padding:var(--spacing-sm)}.user-form-container{border-radius:var(--radius-md);padding:var(--spacing-md)}.user-form-header h1{font-size:1.25rem}.form-section-title{font-size:1.125rem}}.currencies-page{margin:0 auto;max-width:1600px;padding:var(--spacing-lg)}.header-title-row{flex-wrap:wrap;gap:var(--spacing-md)}.back-link,.header-title-row{align-items:center;display:flex}.back-link{color:var(--accent-primary);font-weight:500;gap:var(--spacing-xs);text-decoration:none;transition:color var(--transition-fast)}.back-link:hover{color:var(--accent-primary-hover);text-decoration:underline}.statistics-cards{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:all var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700}.stat-card-total .stat-value{color:var(--accent-primary)}.stat-card-active .stat-value{color:var(--accent-success)}.stat-card-suspended .stat-value{color:var(--accent-danger)}.header-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-input{flex:1 1;min-width:200px}.filter-select{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.875rem;min-width:150px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.filter-select:focus,.filter-select:hover{border-color:var(--accent-primary)}.filter-select:focus{box-shadow:0 0 0 2px #007bff40;outline:none}.view-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-xs);padding:2px}.view-toggle-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.view-toggle-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.view-toggle-btn.active{background:var(--bg-primary);box-shadow:var(--shadow-sm);color:var(--accent-primary);font-weight:600}.currencies-content{margin-top:var(--spacing-lg)}.currencies-list-section{width:100%}.table-wrapper{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.currencies-table{border-collapse:collapse;width:100%}.currencies-table thead{background:var(--bg-secondary)}.currencies-table th{border-bottom:2px solid var(--border-color);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.currencies-table td,.currencies-table th{color:var(--text-primary);padding:var(--spacing-md)}.currencies-table td{border-bottom:1px solid var(--border-color)}.currencies-table tbody tr{transition:background-color var(--transition-fast)}.currencies-table tbody tr:hover{background:var(--bg-secondary)}.currency-code-cell{color:var(--accent-primary);font-family:monospace;font-weight:600}.currency-name-cell{font-weight:500}.currency-symbol-cell{font-size:1.125rem;font-weight:500}.currencies-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.currency-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-normal)}.currency-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.currency-card-header{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:space-between}.currency-card-code{color:var(--accent-primary);font-family:monospace;font-size:1.5rem;font-weight:700;margin:0}.currency-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.currency-card-info{align-items:center;display:flex;justify-content:space-between}.info-label{color:var(--text-secondary);font-size:.875rem}.info-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.currency-card-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md)}.badge{font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.badge-success{background:#28a7451a;color:var(--accent-success)}.badge-danger{background:#dc35451a;color:var(--accent-danger)}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl)}.loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);height:40px;margin-bottom:var(--spacing-md);width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-state h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.empty-state p{color:var(--text-secondary);font-size:.875rem;margin:0}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.access-denied{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);padding:var(--spacing-2xl);text-align:center}.currency-modal-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}@media (min-width:768px) and (max-width:1024px){.currencies-page{padding:var(--spacing-md)}.statistics-cards{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.stat-value{font-size:1.5rem}.currencies-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.header-filters-row{align-items:stretch;flex-direction:row}.search-input{flex:1 1}.view-toggle{display:none}}@media (max-width:767px){.currencies-page{padding:var(--spacing-sm)}.page-header h1{font-size:1.5rem}.statistics-cards{gap:var(--spacing-sm);grid-template-columns:1fr;margin-bottom:var(--spacing-lg)}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:1.75rem}.header-filters-row{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.filter-select,.search-input{width:100%}.view-toggle{display:none}.currencies-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.currency-card{padding:var(--spacing-md)}.currency-card-actions{flex-direction:column}.currency-card-actions button{min-height:var(--touch-target-min);width:100%}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.currencies-table{min-width:600px}.currencies-table td,.currencies-table th{font-size:.875rem;padding:var(--spacing-sm)}.action-buttons{flex-direction:column}.action-buttons button{min-height:var(--touch-target-min);width:100%}.form-actions{flex-direction:column}.form-actions button{min-height:var(--touch-target-min);width:100%}}@media (max-width:480px){.currencies-page{padding:var(--spacing-xs)}.page-header h1{font-size:1.25rem}.stat-card{padding:var(--spacing-sm)}.stat-value{font-size:1.5rem}.currency-card{padding:var(--spacing-sm)}.currency-card-code{font-size:1.25rem}.empty-state-icon{font-size:3rem}.empty-state h3{font-size:1.125rem}}.layout{background-color:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.layout-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--bg-secondary) 0,#f8f8f8 100%);border-bottom:none;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014,0 2px 4px #0000000a;margin:var(--spacing-md) var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme=dark] .layout-header{background:linear-gradient(135deg,var(--bg-secondary) 0,#252525 100%);box-shadow:0 8px 24px #0006,0 4px 8px #0000004d,0 2px 4px #0003}.layout-header-content{align-items:center;display:flex;gap:var(--spacing-xl);margin:0 auto;max-width:1400px;padding:var(--spacing-md) var(--spacing-lg)}.layout-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-hover) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin:0;white-space:nowrap}[data-theme=dark] .layout-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,#66b3ff 100%);-webkit-background-clip:text;background-clip:text}.layout-nav{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);flex:1 1;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs)}[data-theme=dark] .layout-nav{background-color:#2d2d2d66}.nav-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}.nav-link:hover{background-color:var(--bg-tertiary);box-shadow:0 2px 8px #00000014;color:var(--text-primary);transform:translateY(-1px)}.nav-link.active{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-hover) 100%);box-shadow:0 2px 8px #007bff40;color:#fff;font-weight:600}[data-theme=dark] .nav-link.active{background:linear-gradient(135deg,var(--accent-primary) 0,#66b3ff 100%);box-shadow:0 2px 8px #4da6ff4d}.layout-header-actions{align-items:center;display:flex;gap:var(--spacing-md)}[dir=rtl] .layout-header-actions,[dir=rtl] .layout-header-content,[dir=rtl] .layout-header-left,[dir=rtl] .layout-nav{flex-direction:row-reverse}[dir=rtl] .nav-link{text-align:right}[dir=rtl] .nav-link:hover{transform:translateY(-1px) translateX(1px)}[dir=rtl] .mobile-menu-toggle{order:1}.user-info{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#fff9;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}[data-theme=dark] .user-info{background-color:#2d2d2d80}.user-info:hover{background-color:var(--bg-tertiary);box-shadow:0 2px 6px #0000001a;color:var(--text-primary);transform:translateY(-1px)}.logout-btn{align-items:center;background:linear-gradient(135deg,var(--accent-danger) 0,#c82333 100%);border:none;border-radius:var(--radius-md);box-shadow:0 2px 6px #dc354540;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.logout-btn:hover{box-shadow:0 4px 12px #dc354559;opacity:.95;transform:translateY(-1px)}.logout-btn:active{box-shadow:0 2px 4px #dc354540;transform:translateY(0)}[data-theme=dark] .logout-btn{background:linear-gradient(135deg,var(--accent-danger) 0,#f56565 100%);box-shadow:0 2px 6px #f565654d}[data-theme=dark] .logout-btn:hover{box-shadow:0 4px 12px #f5656566}.layout-main{flex:1 1;margin:0 auto;max-width:1400px;padding:var(--spacing-lg);width:100%}.layout-header-left{align-items:center;display:flex;gap:var(--spacing-md)}.mobile-menu-toggle{align-items:center;background:#ffffff1a;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;color:var(--text-primary);cursor:pointer;display:none;justify-content:center;min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:var(--spacing-sm);transition:all var(--transition-normal)}.mobile-menu-toggle:hover{background-color:var(--bg-tertiary);box-shadow:0 4px 8px #0000001a;transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}[data-theme=dark] .mobile-menu-toggle{background:#2d2d2d80;box-shadow:0 2px 4px #0003}.mobile-menu-overlay,.mobile-nav-header{display:none}@media (max-width:1024px){.layout-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin:var(--spacing-sm) var(--spacing-md)}.layout-nav{background-color:#fff6;gap:var(--spacing-xs);padding:var(--spacing-xs)}[data-theme=dark] .layout-nav{background-color:#2d2d2d4d}.nav-link{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-sm)}.nav-link:hover{transform:translateY(0)}.user-info{font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}.user-info:hover{transform:translateY(0)}.logout-btn{padding:var(--spacing-sm) var(--spacing-sm)}.logout-btn:hover{transform:translateY(0)}}@media (max-width:768px){.layout-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,var(--bg-secondary) 0,#f8f8f8 100%);border-bottom:2px solid var(--border-color);border-radius:0;box-shadow:0 4px 12px #0000001a,0 2px 6px #0000000f;margin:0}[data-theme=dark] .layout-header{background:linear-gradient(135deg,var(--bg-secondary) 0,#252525 100%);box-shadow:0 4px 12px #0006,0 2px 6px #0000004d}.layout-header-content{flex-wrap:nowrap;gap:var(--spacing-sm);min-height:64px;padding:var(--spacing-md) var(--spacing-md)}.layout-header-left{flex:0 0 auto;gap:var(--spacing-sm)}.mobile-menu-toggle{display:flex}.layout-logo{font-size:1.25rem;letter-spacing:-.2px}.layout-nav{align-items:stretch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);background-color:initial;border-right:2px solid var(--border-color);box-shadow:0 16px 40px #00000040,0 8px 16px #0000002e,0 4px 8px #0000001f;flex-direction:column;height:100vh;left:-100%;overflow-y:auto;padding:0;pointer-events:auto;position:fixed;top:0;transition:left var(--transition-slow) cubic-bezier(.4,0,.2,1);width:300px;z-index:10000}[data-theme=dark] .layout-nav{background:linear-gradient(135deg,var(--bg-primary) 0,#252525 100%);box-shadow:0 16px 40px #0009,0 8px 16px #0006,0 4px 8px #0000004d}.layout-nav.mobile-open{left:0}[dir=rtl] .layout-nav{border-left:2px solid var(--border-color);border-right:none;left:auto;right:-100%;transition:right var(--transition-slow) cubic-bezier(.4,0,.2,1)}[dir=rtl] .layout-nav.mobile-open{left:auto;right:0}.mobile-nav-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-bottom:2px solid var(--border-color);box-shadow:0 4px 12px #0000001f,0 2px 4px #00000014;display:flex;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:1}[data-theme=dark] .mobile-nav-header{background:linear-gradient(135deg,var(--bg-secondary) 0,#2d2d2d 100%);box-shadow:0 4px 12px #0000004d,0 2px 4px #0003}.mobile-nav-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-hover) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.5px;margin:0}[data-theme=dark] .mobile-nav-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,#66b3ff 100%);-webkit-background-clip:text;background-clip:text}.mobile-nav-close{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 2px 6px #0000001a;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:44px;justify-content:center;line-height:1;min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:0;transition:all var(--transition-normal);width:44px}[data-theme=dark] .mobile-nav-close{background:linear-gradient(135deg,var(--bg-secondary) 0,#2d2d2d 100%);box-shadow:0 2px 6px #0000004d}.mobile-nav-close:hover{background:linear-gradient(135deg,var(--accent-danger) 0,#c82333 100%);border-color:var(--accent-danger);box-shadow:0 6px 12px #dc354559;color:#fff;transform:translateY(-2px) scale(1.05)}[data-theme=dark] .mobile-nav-close:hover{background:linear-gradient(135deg,var(--accent-danger) 0,#f56565 100%);box-shadow:0 6px 12px #f5656566}.mobile-nav-close:active{transform:translateY(0) scale(.95)}.nav-link{align-items:center;border-bottom:1px solid var(--border-color);border-radius:0;color:var(--text-secondary);display:flex;font-size:.9375rem;font-weight:600;min-height:56px;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-align:left;transition:all var(--transition-normal);width:100%}.nav-link:before{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-hover) 100%);border-radius:0 var(--radius-sm) var(--radius-sm) 0;bottom:0;content:"";left:0;position:absolute;top:0;transition:width var(--transition-normal);width:0}.nav-link:after{background-color:var(--accent-primary);border-radius:50%;content:"";height:6px;opacity:0;position:absolute;right:var(--spacing-lg);transform:scale(0);transition:all var(--transition-normal);width:6px}.nav-link:hover{background:linear-gradient(90deg,var(--bg-tertiary) 0,#ffffff1a 100%);box-shadow:inset 4px 0 8px #0000000d;color:var(--text-primary);padding-left:calc(var(--spacing-xl) + 8px);transform:translateX(4px)}[data-theme=dark] .nav-link:hover{background:linear-gradient(90deg,var(--bg-tertiary) 0,#2d2d2d4d 100%)}.nav-link:hover:before{width:4px}.nav-link:hover:after{opacity:.3;transform:scale(1)}.nav-link.active{background:linear-gradient(135deg,#007bff1f,#007bff0f);border-left:4px solid var(--accent-primary);box-shadow:inset 4px 0 12px #007bff1a;color:var(--accent-primary);font-weight:700;padding-left:calc(var(--spacing-xl) - 4px)}[data-theme=dark] .nav-link.active{background:linear-gradient(135deg,#4da6ff2e,#4da6ff1a);border-left-color:var(--accent-primary);box-shadow:inset 4px 0 12px #4da6ff26}.nav-link.active:before{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-hover) 100%);width:4px}.nav-link.active:after{background-color:var(--accent-primary);opacity:1;transform:scale(1)}[dir=rtl] .nav-link{text-align:right}[dir=rtl] .nav-link:before{border-radius:var(--radius-sm) 0 0 var(--radius-sm);left:auto;right:0}[dir=rtl] .nav-link:after{left:var(--spacing-lg);right:auto}[dir=rtl] .nav-link:hover{background:linear-gradient(270deg,var(--bg-tertiary) 0,#ffffff1a 100%);box-shadow:inset -4px 0 8px #0000000d;padding-left:var(--spacing-xl);padding-right:calc(var(--spacing-xl) + 8px);transform:translateX(-4px)}[data-theme=dark][dir=rtl] .nav-link:hover{background:linear-gradient(270deg,var(--bg-tertiary) 0,#2d2d2d4d 100%)}[dir=rtl] .nav-link.active{border-left:none;border-right:4px solid var(--accent-primary);box-shadow:inset -4px 0 12px #007bff1a;padding-left:var(--spacing-xl);padding-right:calc(var(--spacing-xl) - 4px)}[data-theme=dark][dir=rtl] .nav-link.active{box-shadow:inset -4px 0 12px #4da6ff26}.mobile-menu-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0009;bottom:0;display:block;left:0;opacity:1;pointer-events:auto;position:fixed;right:0;top:0;transition:opacity var(--transition-slow) cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter var(--transition-slow);transition:opacity var(--transition-slow) cubic-bezier(.4,0,.2,1),backdrop-filter var(--transition-slow);transition:opacity var(--transition-slow) cubic-bezier(.4,0,.2,1),backdrop-filter var(--transition-slow),-webkit-backdrop-filter var(--transition-slow);z-index:10}[data-theme=dark] .mobile-menu-overlay{background-color:#000c}.layout-header-actions{align-items:center;display:flex;gap:var(--spacing-xs);margin-left:auto}.user-info{display:none}.logout-btn{border-radius:var(--radius-md);box-shadow:0 2px 6px #dc354533;min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:var(--spacing-sm)}.logout-btn:active{transform:scale(.95)}[data-theme=dark] .logout-btn{box-shadow:0 2px 6px #f5656540}.layout-main{padding:var(--spacing-md)}}@media (max-width:480px){.layout-header{border-bottom-width:2px}.layout-header-content{min-height:60px;padding:var(--spacing-sm) var(--spacing-md)}.layout-logo{font-size:1.125rem;letter-spacing:-.2px}.mobile-menu-toggle{min-height:40px;min-width:40px;padding:var(--spacing-xs)}.layout-nav{width:280px}.mobile-nav-header{padding:var(--spacing-lg) var(--spacing-md)}.mobile-nav-header h2{font-size:1.125rem}.mobile-nav-close{height:40px;width:40px}.nav-link{font-size:.875rem;min-height:52px;padding:var(--spacing-md) var(--spacing-lg)}.nav-link:hover{padding-left:calc(var(--spacing-lg) + 8px)}.nav-link.active{padding-left:calc(var(--spacing-lg) - 4px)}.layout-header-actions{gap:var(--spacing-xs)}.logout-btn{min-height:40px;min-width:40px;padding:var(--spacing-xs)}.layout-main{padding:var(--spacing-sm)}[dir=rtl] .nav-link:hover{padding-left:var(--spacing-lg);padding-right:calc(var(--spacing-lg) + 8px)}[dir=rtl] .nav-link.active{padding-left:var(--spacing-lg);padding-right:calc(var(--spacing-lg) - 4px)}}.access-denied{align-items:center;background:#f5f5f5;background:var(--bg-primary,#f5f5f5);display:flex;justify-content:center;min-height:100vh;padding:2rem}.access-denied-content{background:#fff;background:var(--bg-secondary,#fff);border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:500px;padding:3rem;text-align:center}.access-denied-title{color:#333;color:var(--text-primary,#333);font-size:2rem;font-weight:600;margin-bottom:1rem}.access-denied-message{color:#666;color:var(--text-secondary,#666);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}@media (prefers-color-scheme:dark){.access-denied{background:#1a1a1a;background:var(--bg-primary,#1a1a1a)}.access-denied-content{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a)}.access-denied-title{color:#fff;color:var(--text-primary,#fff)}.access-denied-message{color:#ccc;color:var(--text-secondary,#ccc)}}:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e8e8e8;--text-primary:#1a1a1a;--text-secondary:#666;--text-tertiary:#999;--border-color:#d0d0d0;--border-hover:#b0b0b0;--accent-primary:#007bff;--accent-primary-hover:#0056b3;--accent-success:#28a745;--accent-warning:#ffc107;--accent-danger:#dc3545;--accent-info:#17a2b8;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--touch-target-min:44px;--touch-target-comfortable:48px;--spacing-mobile-xs:0.25rem;--spacing-mobile-sm:0.5rem;--spacing-mobile-md:0.75rem;--spacing-mobile-lg:1rem;--font-size-mobile-base:0.875rem;--font-size-mobile-lg:1rem;--font-size-mobile-xl:1.125rem;--font-size-tablet-base:0.9375rem;--font-size-desktop-base:1rem}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3d3d3d;--text-primary:#f5f5f5;--text-secondary:#b0b0b0;--text-tertiary:grey;--border-color:#404040;--border-hover:#505050;--accent-primary:#4da6ff;--accent-primary-hover:#66b3ff;--accent-success:#48c774;--accent-warning:#ffd54f;--accent-danger:#f56565;--accent-info:#4dd0e1;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-desktop-base);line-height:1.5;transition:background-color var(--transition-normal),color var(--transition-normal)}@media (max-width:1024px){body{font-size:var(--font-size-tablet-base)}}@media (max-width:768px){body{font-size:var(--font-size-mobile-base);line-height:1.6}}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-hover)}button{-webkit-tap-highlight-color:transparent;border:none;cursor:pointer;font-family:inherit;outline:none;touch-action:manipulation;transition:all var(--transition-fast)}button:active{transform:scale(.98)}@media (max-width:768px){button{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}}input,select,textarea{font-family:inherit;outline:none;touch-action:manipulation;transition:all var(--transition-fast)}@media (max-width:768px){input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{font-size:16px}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}[dir=rtl]{text-align:right}[dir=rtl],[dir=rtl] body{direction:rtl}[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{text-align:right}.hide-mobile,.hide-tablet{display:block}.hide-desktop,.show-mobile,.show-tablet{display:none}.show-desktop{display:block}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.hide-desktop,.hide-tablet{display:block}.show-desktop,.show-tablet{display:none}}@media (min-width:769px) and (max-width:1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}.hide-mobile{display:block}.show-mobile{display:none}}@media (min-width:1025px){.hide-desktop{display:none!important}.show-desktop{display:block!important}.hide-mobile,.hide-tablet{display:block}.show-mobile,.show-tablet{display:none}}[data-rht-toaster]{top:80px!important}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.card-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.card-body{color:var(--text-secondary)}.table{background-color:var(--bg-primary);border-collapse:collapse;width:100%}.table td,.table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left}[dir=rtl] .table td,[dir=rtl] .table th{border-bottom:1px solid var(--border-color);text-align:right}.table th{color:var(--text-primary);font-weight:600;position:-webkit-sticky;position:sticky;top:0}.table tbody tr:hover,.table th{background-color:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.badge{border-radius:var(--radius-sm);display:inline-block;font-size:.875rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.badge-success{background-color:var(--accent-success);color:#fff}.badge-warning{background-color:var(--accent-warning);color:var(--text-primary)}.badge-danger{background-color:var(--accent-danger);color:#fff}.badge-info{background-color:var(--accent-info);color:#fff}.badge-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.alert{border:1px solid;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.alert-warning{background-color:#ffc1071a;border-color:var(--accent-warning);color:var(--accent-warning)}.alert-danger{background-color:#dc35451a;border-color:var(--accent-danger);color:var(--accent-danger)}.alert-info{background-color:#17a2b81a;border-color:var(--accent-info);color:var(--accent-info)}.alert-success{background-color:#28a7451a;border-color:var(--accent-success);color:var(--accent-success)}.form{display:flex;flex-direction:column}.form,.form-row{gap:var(--spacing-md)}.form-row{grid-gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.form-row{grid-template-columns:1fr}.form,.form-row{gap:var(--spacing-sm)}}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}@media (max-width:768px){.table{font-size:.875rem}.table td,.table th{padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}}@media (max-width:480px){.table-responsive-cards{display:block}.table-responsive-cards thead{display:none}.table-responsive-cards tbody,.table-responsive-cards td,.table-responsive-cards tr{display:block;width:100%}.table-responsive-cards tr{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.table-responsive-cards td{border:none;padding:var(--spacing-xs) 0;text-align:left!important}.table-responsive-cards td:before{color:var(--text-secondary);content:attr(data-label) ": ";display:inline-block;font-weight:600;min-width:100px}}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.page-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.header-actions{flex-direction:column;width:100%}}
/*# sourceMappingURL=main.f3f178be.css.map*/