.navbar{height:var(--navbar-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-separator);position:sticky;top:0;z-index:50}.navbar-container{height:100%;padding:0 var(--space-24);display:flex;align-items:center;justify-content:space-between;gap:var(--space-24)}.navbar-left{display:flex;align-items:center;gap:var(--space-16)}.navbar-toggle{background:none;border:none;padding:var(--space-8);cursor:pointer;color:var(--color-text-secondary);font-size:18px;line-height:1;transition:color var(--transition)}.navbar-toggle:hover{color:var(--color-text-primary)}.navbar-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.navbar-right{display:flex;align-items:center;gap:var(--space-16);margin-left:auto}.branch-selector{position:relative}.branch-selector-button{display:flex;align-items:center;gap:var(--space-8);padding:6px 12px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition)}.branch-selector-button:hover{border-color:var(--color-primary)}.branch-selector-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-right:4px}.branch-selector-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:var(--space-8);display:none}.branch-selector-dropdown.open{display:block}.branch-option{padding:var(--space-8) 12px;font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition)}.branch-option:hover{background-color:var(--color-background)}.branch-option.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:500}.profile-menu{position:relative}.profile-button{display:flex;align-items:center;gap:var(--space-8);padding:4px;background:none;border:none;cursor:pointer;transition:opacity var(--transition)}.profile-button:hover{opacity:.8}.profile-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600}.profile-info{text-align:left;white-space:nowrap;overflow:hidden}.profile-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);line-height:1.2;overflow:hidden;text-overflow:ellipsis}.profile-role{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.2;overflow:hidden;text-overflow:ellipsis}.profile-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:var(--space-8);display:none}.profile-dropdown.open{display:block}.profile-dropdown-item{padding:var(--space-8) 12px;font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition);display:block;width:100%;text-align:left;background:none;border:none}.profile-dropdown-item:hover{background-color:var(--color-background)}.profile-dropdown-divider{height:1px;background-color:var(--color-separator);margin:var(--space-8) 0}@media (max-width: 768px){.navbar-container{padding:0 var(--space-12);gap:var(--space-8)}.navbar-title{font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.navbar-right{gap:var(--space-8)}.profile-info,.branch-selector-label{display:none}.branch-selector-button{padding:6px 8px;font-size:var(--font-size-xs)}.profile-avatar{width:28px;height:28px;font-size:var(--font-size-xs)}}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--color-surface);border-right:1px solid var(--color-separator);position:fixed;left:0;top:0;display:flex;flex-direction:column;transition:transform var(--transition);z-index:100}.sidebar.closed{width:64px;transform:translate(0)}.sidebar.closed .sidebar-brand{flex:1;justify-content:center}.sidebar.closed .sidebar-nav,.sidebar.closed .sidebar-footer,.sidebar.closed .sidebar-toggle{display:none}.sidebar-header{padding:var(--space-16);border-bottom:1px solid var(--color-separator);display:flex;align-items:center;justify-content:space-between;height:var(--navbar-height)}.sidebar-brand{display:flex;align-items:center}.sidebar-logo{height:32px;width:auto;object-fit:contain}.sidebar-toggle{background:none;border:none;padding:var(--space-8);cursor:pointer;color:var(--color-text-secondary);font-size:18px;line-height:1;transition:color var(--transition);display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{color:var(--color-text-primary)}.sidebar-nav{flex:1;padding:var(--space-8);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-sm);transition:all var(--transition);height:40px;text-decoration:none}.sidebar-link.indent{padding-left:28px;font-size:var(--font-size-sm);opacity:.9}.sidebar-link:hover{background-color:var(--color-background);color:var(--color-text-primary)}.sidebar-link.active{background-color:var(--color-primary);color:#fff}.sidebar-icon{font-size:18px;width:20px;text-align:center;flex-shrink:0}.sidebar-text{white-space:nowrap;flex:1}.sidebar-footer{padding:var(--space-16);border-top:1px solid var(--color-separator)}.sidebar-user{display:flex;flex-direction:column;gap:4px}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width: 768px){.sidebar.open{width:280px;box-shadow:4px 0 12px #0000001a}.sidebar.closed{transform:translate(-100%)}.sidebar-toggle{display:flex}}.layout{display:flex;min-height:100vh;background-color:var(--color-background)}.layout-main{flex:1;display:flex;flex-direction:column;transition:margin-left var(--transition)}.layout-main.sidebar-open{margin-left:var(--sidebar-width)}.layout-main.sidebar-closed{margin-left:64px}.main-content{flex:1;padding:var(--space-24);max-width:100%;width:100%}@media (max-width: 768px){.layout-main.sidebar-open,.layout-main.sidebar-closed{margin-left:0}.main-content{padding:var(--space-16)}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);padding:var(--space-24)}.login-card{width:100%;max-width:400px;background-color:var(--color-surface);border:1px solid var(--color-separator);border-radius:var(--radius);padding:var(--space-32);box-shadow:var(--shadow-sm)}.login-header{text-align:center;margin-bottom:var(--space-32)}.login-logo{margin-bottom:var(--space-16);display:flex;justify-content:center}.login-logo img{height:60px;width:auto;object-fit:contain}.login-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.login-form{display:flex;flex-direction:column;gap:var(--space-16)}.login-button{width:140px;min-width:100px;max-width:180px;padding:0 18px;margin-top:var(--space-8);height:40px;font-weight:600;align-self:center;display:flex;align-items:center;justify-content:center;text-align:center}.login-footer{margin-top:var(--space-16);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (max-width: 768px){.login-container{padding:var(--space-16)}.login-card{padding:var(--space-24)}.login-logo img{height:48px}}.branch-selection-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-24);background:linear-gradient(135deg,#9b1c21,#7a1619)}.branch-selection-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:0 10px 40px #0000001a;padding:var(--space-32);width:100%;max-width:600px}.branch-selection-header{text-align:center;margin-bottom:var(--space-24)}.branch-selection-header h1{font-size:var(--font-size-xl);margin-bottom:var(--space-8)}.branch-selection-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.branches-list{display:flex;flex-direction:column;gap:var(--space-8);margin-bottom:var(--space-24)}.branch-option{display:flex;align-items:center;padding:var(--space-16);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:var(--color-surface)}.branch-option:hover,.branch-option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.branch-option-radio{margin-right:var(--space-16)}.branch-option-radio input[type=radio]{width:20px;height:20px;cursor:pointer}.branch-option-details{flex:1}.branch-option-name{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin-bottom:4px;display:flex;align-items:center;gap:var(--space-8)}.branch-option-location{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.branch-selection-footer{display:flex;justify-content:center}.branch-selection-footer .btn{min-width:200px}.dashboard-container{max-width:1400px;margin:0 auto;width:100%}.dashboard-header{margin-bottom:var(--space-24)}.dashboard-header h1{margin-bottom:var(--space-8)}.dashboard-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-16);margin-bottom:var(--space-24)}.kpi-tile{background-color:var(--color-surface);border:1px solid var(--color-separator);border-radius:var(--radius);padding:var(--space-16);transition:box-shadow var(--transition)}.kpi-tile:hover{box-shadow:var(--shadow-sm)}.kpi-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-8);text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:28px;font-weight:600;color:var(--color-text-primary);line-height:1}.kpi-value.placeholder{color:var(--color-text-muted)}.kpi-subtext{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-8)}.dashboard-section{background-color:var(--color-surface);border:1px solid var(--color-separator);border-radius:var(--radius);padding:var(--space-16);margin-bottom:var(--space-16)}.dashboard-section-header{margin-bottom:var(--space-16);padding-bottom:var(--space-16);border-bottom:1px solid var(--color-separator)}.dashboard-section-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}.quick-action-btn{padding:var(--space-8) var(--space-16);font-size:var(--font-size-sm)}.empty-state{text-align:center;padding:var(--space-32)}.empty-state-text{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.branch-card{padding:var(--space-16);background-color:var(--color-background);border:1px solid var(--color-separator);border-radius:var(--radius-sm)}.branch-card-location{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (max-width: 768px){.dashboard-container{padding:var(--space-16)}.kpi-grid,.branches-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.quick-action-btn{width:100%}}.profile-container{max-width:900px;margin:0 auto;width:100%}.profile-header{margin-bottom:var(--space-24)}.profile-card{background-color:var(--color-surface);border:1px solid var(--color-separator);border-radius:var(--radius);padding:var(--space-24);margin-bottom:var(--space-16)}.profile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-16);padding-bottom:var(--space-16);border-bottom:1px solid var(--color-separator)}.profile-card-header h3{font-size:var(--font-size-md);font-weight:600;margin:0;padding:0;border:none}.profile-actions{display:flex;gap:var(--space-8)}.profile-card h3{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--space-16);padding-bottom:var(--space-16);border-bottom:1px solid var(--color-separator)}.profile-info{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-24)}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.profile-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:500}.profile-edit-form{display:flex;flex-direction:column;gap:var(--space-16)}.branches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-16)}.branch-card-item{padding:var(--space-16);background-color:var(--color-background);border:1px solid var(--color-separator);border-radius:var(--radius-sm);transition:all var(--transition)}.branch-card-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.branch-card-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.branch-card-location{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.form-actions{display:flex;gap:var(--space-8);margin-top:var(--space-8)}@media (max-width: 768px){.profile-info,.branches-grid{grid-template-columns:1fr}.profile-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-8)}}.tyre-label{width:50mm;height:30mm;background:#fff;border:1px solid #000;page-break-after:always;display:flex;align-items:center;justify-content:center}.label-content{display:flex;align-items:center;gap:4mm;padding:2mm}.label-qr canvas{display:block}.label-details{display:flex;flex-direction:column;gap:1mm;font-family:Arial,sans-serif}.label-sku{font-size:8pt;font-weight:700;color:#000;letter-spacing:.5px}.label-serial{font-size:7pt;color:#000;font-family:monospace}@media print{@page{size:50mm 30mm;margin:0}body{margin:0;padding:0}.tyre-label{border:none}}.inventory-container{padding:var(--space-24);max-width:1400px;margin:0 auto}.inventory-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-24)}.inventory-header h1{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin:0}.inward-form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-24);margin-bottom:var(--space-24)}.inward-form-card h2{font-size:1.25rem;font-weight:600;margin:0 0 var(--space-16) 0;color:var(--color-text-primary)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-16);margin-bottom:var(--space-16)}.field-note{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:block;margin-top:4px}.batch-table-card{background:var(--color-surface);border:1px solid var(--color-separator);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--space-24)}.batch-table-card h2{font-size:1.25rem;font-weight:600;margin:0;padding:var(--space-16) var(--space-24);background:var(--color-background);border-bottom:1px solid var(--color-separator);color:var(--color-text-primary)}.batch-table{width:100%;border-collapse:collapse}.batch-table thead{background:var(--color-background);border-bottom:2px solid var(--color-separator)}.batch-table th{padding:var(--space-16);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.batch-table tbody tr{border-bottom:1px solid var(--color-separator);transition:background-color var(--transition)}.batch-table tbody tr:hover{background:var(--color-background)}.batch-table tbody tr:last-child{border-bottom:none}.batch-table td{padding:var(--space-16);font-size:var(--font-size-sm);color:var(--color-text-primary)}.batch-actions{display:flex;justify-content:flex-end;gap:var(--space-12);padding:var(--space-16) var(--space-24);background:var(--color-background);border-top:1px solid var(--color-separator)}.inventory-table-card{background:var(--color-surface);border:1px solid var(--color-separator);border-radius:var(--radius);overflow:hidden}.inventory-table-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--color-separator);background:var(--color-background)}.inventory-table-header h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--color-text-primary)}.inventory-table{width:100%;border-collapse:collapse}.inventory-table thead{background:var(--color-background);border-bottom:2px solid var(--color-separator)}.inventory-table th{padding:var(--space-16);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.inventory-table tbody tr{border-bottom:1px solid var(--color-separator);transition:background-color var(--transition)}.inventory-table tbody tr:hover{background-color:var(--color-background)}.inventory-table tbody tr:last-child{border-bottom:none}.inventory-table td{padding:var(--space-16);font-size:var(--font-size-sm);color:var(--color-text-primary)}.serial-cell{font-family:monospace;font-weight:500}.filters-section{padding:var(--space-16);background-color:var(--color-background);border-bottom:1px solid var(--color-border);margin-bottom:0}.filters-grid{display:flex;gap:var(--space-12);margin-bottom:var(--space-12);align-items:flex-end}.filters-grid .form-group{flex:1;min-width:150px;max-width:220px}.filters-grid .btn{white-space:nowrap;min-width:120px}.results-summary{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-16);padding:var(--space-16);border-top:1px solid var(--color-border);background-color:var(--color-background)}.page-info{color:var(--color-text-primary);font-weight:500;font-size:var(--font-size-sm)}@media (max-width: 768px){.inventory-container{padding:var(--space-16)}.form-grid{grid-template-columns:1fr}.filters-section{margin:var(--space-16) 0}.filters-grid{grid-template-columns:1fr}.inventory-table-container{overflow-x:auto}.inventory-table,.batch-table{min-width:800px;font-size:var(--font-size-xs)}.pagination{flex-direction:column;gap:var(--space-8)}}.inventory-view-page{padding:2rem;max-width:1400px;margin:0 auto}.filters-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.filter-row{display:flex;gap:1rem;align-items:flex-end}.filter-row .btn{white-space:nowrap;padding:.625rem 1.25rem;min-width:120px}.filter-group{flex:1;min-width:180px;max-width:250px}.filter-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem;color:#333}.filter-input,.filter-select{width:100%;padding:.625rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem}.filter-input:focus,.filter-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.summary-view{background:var(--color-surface);border:1px solid var(--color-separator);border-radius:var(--radius);overflow:hidden}.inventory-summary-table{width:100%;border-collapse:collapse}.inventory-summary-table thead{background:var(--color-background);border-bottom:2px solid var(--color-separator)}.inventory-summary-table th{padding:var(--space-16);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.inventory-summary-table tbody tr{border-bottom:1px solid var(--color-separator);transition:background-color var(--transition)}.inventory-summary-table tbody tr:hover{background-color:var(--color-background)}.inventory-summary-table tbody tr:last-child{border-bottom:none}.inventory-summary-table td{padding:var(--space-16);font-size:var(--font-size-sm);color:var(--color-text-primary)}.sku-cell{font-family:monospace;font-weight:600;color:var(--color-primary)}.product-details-cell{min-width:300px}.product-info-inline{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.product-info-inline .brand{font-weight:600;color:var(--color-text-primary)}.product-info-inline .pattern{color:var(--color-text-secondary)}.product-info-inline .size{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.product-info-inline .separator{color:var(--color-separator)}.total-stock-cell{text-align:center;font-weight:600}.stock-badge{display:inline-block;background:var(--color-primary);color:#fff;padding:.4rem .9rem;border-radius:var(--radius);font-weight:600;min-width:40px;text-align:center}.branch-stock-cell{text-align:center;font-weight:600}.stock-number{display:inline-block;color:var(--color-success);font-size:1.1rem;min-width:30px}.stock-number.zero{color:var(--color-danger)}.detailed-view{display:grid;gap:2rem}.product-detailed-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.product-detailed-card .product-header{padding:0 0 1rem;background:transparent;border-bottom:2px solid #e9ecef;margin-bottom:1.5rem}.product-detailed-card .product-header h3{margin:0;font-size:1.3rem}.total-stock-badge{background:#2563eb;color:#fff;padding:.4rem .9rem;border-radius:20px;font-size:.9rem;font-weight:600}.branch-detail-section{margin-bottom:1.5rem}.branch-title{font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.items-table{width:100%;border-collapse:collapse;font-size:.9rem}.items-table thead{background:#f8f9fa}.items-table th{text-align:left;padding:.75rem;font-weight:600;color:#555;border-bottom:2px solid #dee2e6}.items-table td{padding:.75rem;border-bottom:1px solid #e9ecef}.items-table tbody tr:hover{background:#f8f9fa}.item-id-cell{font-family:Courier New,monospace;color:#2563eb;font-weight:500}.age-warning{color:#dc2626;font-weight:600}.loading-message{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.no-results{text-align:center;padding:3rem;color:#666;font-size:1.1rem;margin:0}@media (max-width: 768px){.inventory-view-page{padding:1rem}.filter-row{flex-direction:column}.filter-group{width:100%}.product-header{flex-direction:column;align-items:flex-start;gap:1rem}.branch-stocks{grid-template-columns:1fr}.items-table{font-size:.85rem}.items-table th,.items-table td{padding:.5rem}}.scan-container{padding:var(--space-24);max-width:1200px;margin:0 auto}.scan-header{margin-bottom:var(--space-24)}.scan-header h1{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-8) 0}.scan-header .page-subtitle{margin-top:var(--space-8)}.scanner-card{background:var(--color-surface);border:1px solid var(--color-separator);border-radius:var(--radius);padding:var(--space-24);position:relative;max-width:600px;margin:0 auto}#qr-reader{border-radius:var(--radius);overflow:hidden}#qr-reader__dashboard_section_swaplink,#qr-reader__dashboard_section_fsr{display:none!important}.scanner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;border-radius:var(--radius)}.loading-spinner{color:#fff;font-size:1.1rem;font-weight:500}.tyre-detail-card{background:var(--color-surface);border:1px solid var(--color-separator);border-radius:var(--radius);overflow:hidden;margin-top:var(--space-24)}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-24);border-bottom:2px solid var(--color-separator);background:var(--color-background)}.detail-header h2{margin:var(--space-8) 0 var(--space-8) var(--space-8);font-size:1.5rem;font-weight:600;color:var(--color-text-primary);flex:1}.detail-header .btn{margin:var(--space-8) var(--space-8) var(--space-8) var(--space-24);flex-shrink:0}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-24);padding:var(--space-24);margin-top:var(--space-16);margin-bottom:var(--space-16)}.detail-section{background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-separator);overflow:hidden}.detail-section h3{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);padding:var(--space-16);background:var(--color-background);border-bottom:2px solid var(--color-separator)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-16);border-bottom:1px solid var(--color-separator);transition:background-color var(--transition)}.detail-row:hover{background-color:var(--color-background)}.detail-row:first-of-type{padding-top:var(--space-16)}.detail-row:last-child{border-bottom:none;padding-bottom:var(--space-16)}.detail-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;flex-shrink:0}.detail-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600;text-align:right}.sku-highlight{font-family:monospace;color:var(--color-primary);font-size:1rem}.serial-highlight{font-family:monospace;color:var(--color-success);font-size:1rem}.detail-actions{display:flex;gap:var(--space-16);padding:var(--space-24);border-top:2px solid var(--color-separator);background:var(--color-background)}.detail-actions .btn{flex:1;justify-content:center}.transfer-summary{background:var(--color-background);padding:var(--space-16);border-radius:var(--radius);margin-top:var(--space-16)}.transfer-summary p{margin:var(--space-8) 0;font-size:var(--font-size-sm)}@media (max-width: 768px){.detail-grid{grid-template-columns:1fr}.detail-header{flex-direction:column;gap:var(--space-16);align-items:flex-start}.detail-header .btn{width:100%}.detail-actions{flex-direction:column}}.sales-history-container{padding:2rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.sales-history-container{padding:1rem}.filters-grid{grid-template-columns:1fr}.table-card{overflow-x:auto}.data-table{min-width:800px}}.transfer-history-container{padding:2rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.page-subtitle{color:#666;font-size:.95rem}.filters-card{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.results-summary{margin-bottom:1rem;color:#666;font-size:.9rem}.table-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.data-table th{padding:1rem;text-align:left;font-weight:600;color:#495057;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:1rem;border-bottom:1px solid #e9ecef;color:#212529}.data-table tbody tr:hover{background-color:#f8f9fa}.data-table tbody tr:last-child td{border-bottom:none}.text-center{text-align:center}.font-mono{font-family:Monaco,Courier New,monospace;font-size:.9rem}.pattern-cell{display:flex;flex-direction:column;gap:.25rem}.pattern-cell .brand{font-weight:600;color:#1a1a1a;font-size:.9rem}.pattern-cell .pattern{color:#666;font-size:.85rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.badge-success{background-color:#d4edda;color:#155724}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem}.page-info{color:#495057;font-weight:500}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#495057;font-size:.9rem}.form-group select,.form-group input{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.95rem}.form-group select:focus,.form-group input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.transfer-history-container{padding:1rem}.filters-grid{grid-template-columns:1fr}.table-card{overflow-x:auto}.data-table{min-width:900px}}.branches-container{max-width:1400px;margin:0 auto;width:100%}.branches-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-24);gap:var(--space-16)}.branches-header h1{margin-bottom:var(--space-8)}.branches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-16)}.branch-card{background:var(--color-surface);border:1px solid var(--color-separator);border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--transition)}.branch-card:hover{box-shadow:var(--shadow-md)}.branch-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-16);background:var(--color-background);border-bottom:1px solid var(--color-separator)}.branch-card-name{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0}.branch-card-body{padding:var(--space-16)}.branch-card-location{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.branch-card-footer{display:flex;gap:var(--space-8);padding:var(--space-16);border-top:1px solid var(--color-separator);background:var(--color-background)}.branch-card-footer .btn{flex:1}@media (max-width: 768px){.branches-header{flex-direction:column}.branches-grid{grid-template-columns:1fr}}.products-container{max-width:1400px;margin:0 auto;width:100%}.products-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-24);gap:var(--space-16)}.products-header h1{margin-bottom:var(--space-8)}.products-table-container{background:var(--color-surface);border:1px solid var(--color-separator);border-radius:var(--radius);overflow:hidden}.products-table{width:100%;border-collapse:collapse}.products-table thead{background:var(--color-background);border-bottom:2px solid var(--color-separator)}.products-table th{padding:var(--space-16);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.products-table tbody tr{border-bottom:1px solid var(--color-separator);transition:background-color var(--transition)}.products-table tbody tr:hover{background-color:var(--color-background)}.products-table tbody tr:last-child{border-bottom:none}.products-table td{padding:var(--space-16);font-size:var(--font-size-sm);color:var(--color-text-primary)}.product-sku-cell{font-family:monospace;font-weight:600;color:var(--color-primary)}.product-name-cell{font-weight:600}.product-price-cell{font-weight:600;color:var(--color-success)}.actions-cell{display:flex;gap:var(--space-8);align-items:center}.actions-cell .btn{white-space:nowrap}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-16);margin-bottom:var(--space-24)}.form-group-full{grid-column:1 / -1}@media (max-width: 768px){.products-header{flex-direction:column}.products-table-container{overflow-x:auto}.form-grid{grid-template-columns:1fr}}.sku-preview{border:1px solid var(--color-border);padding:var(--space-20);border-radius:var(--radius);margin-bottom:var(--space-24);text-align:center}.sku-preview label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-8);text-transform:uppercase;letter-spacing:.5px}.sku-display{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:1.5rem;font-weight:700;color:var(--color-primary);letter-spacing:1px}.pattern-search-group,.pattern-input-wrapper{position:relative}.pattern-code-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--color-primary);color:#fff;padding:4px 10px;border-radius:12px;font-size:var(--font-size-xs);font-weight:600;pointer-events:none}.pattern-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-separator);border-radius:var(--radius);box-shadow:0 4px 12px #00000026;margin-top:4px;padding:var(--space-8);z-index:100;max-height:300px;overflow-y:auto}.suggestions-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);padding:var(--space-8) var(--space-12);margin:0 0 var(--space-4) 0;border-bottom:1px solid var(--color-separator)}.suggestion-item{padding:var(--space-12) var(--space-16);cursor:pointer;border-radius:var(--radius);transition:background-color var(--transition);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm)}.suggestion-item:hover{background-color:var(--color-background)}.suggestion-code{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-background);padding:2px 8px;border-radius:4px}.create-pattern-prompt{background:var(--color-background);padding:var(--space-16);border-radius:var(--radius);margin-top:var(--space-8);border:1px dashed var(--color-separator);text-align:center}.create-pattern-prompt p{margin:0 0 var(--space-12) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.modal-large{max-width:800px}.users-container{max-width:1400px;margin:0 auto;width:100%}.users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-24);gap:var(--space-16)}.users-header h1{margin-bottom:var(--space-8)}.users-table-container{background:var(--color-surface);border:1px solid var(--color-separator);border-radius:var(--radius);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--color-background);border-bottom:2px solid var(--color-separator)}.users-table th{padding:var(--space-16);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.users-table td{padding:var(--space-16);border-top:1px solid var(--color-separator);font-size:var(--font-size-sm);vertical-align:middle}.users-table tbody tr:hover{background:var(--color-background)}.empty-state-cell{text-align:center;padding:var(--space-32)!important;color:var(--color-text-muted)}.branch-tags{display:flex;flex-wrap:wrap;gap:4px}.branch-tag{display:inline-block;padding:2px 8px;background:var(--color-background);border:1px solid var(--color-separator);border-radius:4px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.action-buttons{display:flex;gap:var(--space-8);flex-wrap:wrap}.branch-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-8);padding:var(--space-16);background:var(--color-background);border:1px solid var(--color-separator);border-radius:var(--radius-sm)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-8);cursor:pointer;padding:var(--space-8);border-radius:var(--radius-sm);transition:background var(--transition)}.checkbox-label:hover{background:var(--color-surface)}.checkbox-label input[type=checkbox]{margin-top:2px;cursor:pointer}.checkbox-label span{flex:1;font-size:var(--font-size-sm);font-weight:500}.branch-location{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.modal-large{max-width:700px}@media (max-width: 768px){.users-header{flex-direction:column}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.branch-checkboxes{grid-template-columns:1fr}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #9b1c21;--color-primary-hover: #7a1619;--color-primary-light: #fce8e9;--color-background: #F7F9FC;--color-surface: #FFFFFF;--color-border: #E5E7EB;--color-separator: #E5E7EB;--color-text-primary: #090a0c;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-danger: #DC2626;--color-danger-light: #FEE2E2;--color-success: #059669;--color-success-light: #D1FAE5;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--space-8: 8px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--sidebar-width: 240px;--navbar-height: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 20px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, .1);--radius: 8px;--radius-sm: 6px;--transition: .15s ease}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-background);overflow-x:hidden}#root{min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{font-weight:600;line-height:1.3;color:var(--color-text-primary);margin:0}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}h4{font-size:var(--font-size-base)}p{margin:0;line-height:1.5}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-hover)}button,.btn{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;padding:10px 16px;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;gap:var(--space-8)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary,button[type=submit]{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled),button[type=submit]:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-background)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}input::placeholder{color:var(--color-text-muted)}label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.form-group{margin-bottom:var(--space-16)}.error-message{display:block;color:var(--color-danger);font-size:var(--font-size-xs);margin-top:4px;font-weight:500}.input-error,.input-error:focus{border-color:var(--color-danger)!important;background-color:var(--color-danger-light)}table{width:100%;border-collapse:collapse;background-color:var(--color-surface);font-size:var(--font-size-sm)}thead{background-color:var(--color-background)}th{padding:12px 16px;text-align:left;font-weight:600;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}td{padding:12px 16px;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}tbody tr{transition:background-color var(--transition)}tbody tr:hover{background-color:var(--color-background)}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:var(--font-size-xs);font-weight:500;border-radius:12px}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:var(--space-16);font-size:var(--font-size-sm)}.alert-error{background-color:var(--color-danger-light);color:var(--color-danger)}.alert-success{background-color:var(--color-success-light);color:var(--color-success)}.card{background-color:var(--color-surface);border-radius:var(--radius);padding:var(--space-16);box-shadow:var(--shadow-sm)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.font-semibold{font-weight:600}.font-medium{font-weight:500}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--color-text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-16)}.modal-content{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-24);border-bottom:1px solid var(--color-separator)}.modal-header h2{margin:0;font-size:var(--font-size-lg)}.modal-close{background:none;border:none;font-size:28px;color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all var(--transition)}.modal-close:hover{background:var(--color-background);color:var(--color-text-primary)}.modal-content form{padding:var(--space-24)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-8);padding-top:var(--space-16);margin-top:var(--space-16);border-top:1px solid var(--color-separator)}.btn-sm{padding:6px 12px;font-size:var(--font-size-sm)}.btn-lg{padding:12px 24px;font-size:var(--font-size-md)}.form-help{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px}.required{color:var(--color-danger)}.empty-state{padding:var(--space-32);text-align:center}.empty-state-text{color:var(--color-text-muted);font-size:var(--font-size-base)}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--space-8)}.mt-8{margin-top:var(--space-8)}.mt-16{margin-top:var(--space-16)}.mt-24{margin-top:var(--space-24)}.mb-8{margin-bottom:var(--space-8)}.mb-16{margin-bottom:var(--space-16)}.mb-24{margin-bottom:var(--space-24)}.mx-auto{margin-left:auto;margin-right:auto}