.auth-page{align-items:center;background:#f9f9f9;display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-container{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;max-width:1000px;min-height:600px;overflow:hidden;width:100%}.auth-branding{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white);display:flex;flex:1 1;justify-content:center;padding:3rem}.branding-content{text-align:center}.branding-logo{margin-bottom:1.5rem}.logo-img-large{height:auto;margin-bottom:1rem;max-width:300px}.branding-logo h1{color:var(--white);font-size:2.5rem;font-weight:700;margin:0}.branding-tagline{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.branding-features{display:flex;flex-direction:column;gap:1rem}.feature{align-items:center;display:flex;font-size:1rem;gap:.75rem;justify-content:center}.feature-icon{font-size:1.5rem}.invitation-info{background:#ffffff26;border-radius:var(--radius-lg);margin-top:2rem;padding:1.5rem}.invitation-info h3{color:var(--white);margin-bottom:.5rem}.invitation-info>p{margin-bottom:1rem;opacity:.9}.invitation-details{text-align:left}.detail-item{border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:.5rem 0}.detail-item:last-child{border-bottom:none}.detail-label{opacity:.8}.detail-value{font-weight:600}.auth-form-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:3rem}.auth-form-wrapper{max-width:400px;width:100%}.auth-header{margin-bottom:2rem}.auth-header h2{color:var(--gray-800);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:var(--gray-500);margin:0}.auth-form{margin-bottom:1.5rem}.input-with-icon{position:relative}.input-icon{color:var(--gray-400);left:.875rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon .form-input{padding-left:2.5rem;padding-right:2.5rem}.input-toggle{align-items:center;background:none;border:none;color:var(--gray-400);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.input-toggle:hover{color:var(--gray-600)}.auth-footer{border-top:1px solid var(--gray-200);padding-top:1rem}.demo-credentials{background:var(--gray-50);border-radius:var(--radius);font-size:.8125rem;margin-top:1.5rem;padding:1rem}.demo-title{color:var(--gray-700);font-weight:600;margin-bottom:.5rem}.demo-list{display:flex;flex-direction:column;gap:.375rem}.demo-item{align-items:baseline;display:flex;gap:.5rem}.demo-role{color:var(--gray-600);font-weight:500}.demo-item code{background:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-700);font-size:.75rem;padding:.125rem .375rem}@media (max-width:768px){.auth-container{flex-direction:column;max-height:none}.auth-branding,.auth-form-container{padding:2rem}.form-row{grid-template-columns:1fr}}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid var(--primary);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;min-width:300px;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--error)}.toast-info{border-left-color:var(--primary)}.toast-icon{display:flex;font-size:1.25rem}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-info .toast-icon{color:var(--primary)}.toast-message{color:var(--gray-800);flex:1 1;font-size:.9375rem}.toast-close{background:none;border:none;color:var(--gray-400);cursor:pointer;display:flex;font-size:1rem;padding:4px;transition:color .2s}.toast-close:hover{color:var(--gray-600)}.ui-modal-overlay{z-index:9998}.ui-modal{max-width:400px;width:90%}.sales-chart-section{margin-bottom:1.5rem}.sales-chart-card{overflow:visible}.sales-chart-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.chart-title{align-items:center;display:flex;gap:.5rem}.chart-title-icon{color:#ff6b35;font-size:1.25rem}.chart-title h3{font-size:1rem;font-weight:600;margin:0}.chart-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.chart-presets{background:#f7fafc;background:var(--gray-100,#f7fafc);border-radius:8px;display:flex;gap:.25rem;padding:3px}.preset-btn{background:#0000;border:none;border-radius:6px;color:#718096;color:var(--gray-600,#718096);cursor:pointer;font-size:.75rem;font-weight:500;padding:.35rem .75rem;transition:all .2s ease;white-space:nowrap}.preset-btn:hover{background:#edf2f7;background:var(--gray-200,#edf2f7);color:#2d3748;color:var(--gray-800,#2d3748)}.preset-btn.active{background:#ff6b35;box-shadow:0 1px 3px #ff6b354d;color:#fff}.date-range-picker{align-items:center;background:#f9fafb;background:var(--gray-50,#f9fafb);border:1px solid #e2e8f0;border:1px solid var(--gray-200,#e2e8f0);border-radius:8px;display:flex;gap:.5rem;padding:.35rem .75rem}.date-icon{color:#a0aec0;color:var(--gray-400,#a0aec0);flex-shrink:0;font-size:.875rem}.date-input{background:#0000;border:none;color:#4a5568;color:var(--gray-700,#4a5568);font-family:inherit;font-size:.8rem;outline:none;padding:.2rem;width:120px}.date-input:focus{color:#1a202c;color:var(--gray-900,#1a202c)}.date-separator{color:#a0aec0;color:var(--gray-400,#a0aec0);font-size:.75rem;font-weight:500}.chart-summary-row{border-bottom:1px solid #f7fafc;border-bottom:1px solid var(--gray-100,#f7fafc);display:flex;gap:2rem;padding:.75rem 1.5rem}.chart-summary-item{display:flex;flex-direction:column;gap:.125rem}.summary-label{color:#a0aec0;color:var(--gray-500,#a0aec0);font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.summary-value{font-size:1rem;font-weight:700}.summary-value.sales-color{color:#48bb78}.summary-value.orders-color{color:#4299e1}.summary-value.avg-color{color:#9f7aea}.chart-body{padding:1rem 1.5rem 1.25rem}.chart-container{height:300px;position:relative;width:100%}.chart-error,.chart-loading{align-items:center;color:#a0aec0;color:var(--gray-500,#a0aec0);display:flex;flex-direction:column;gap:.75rem;height:300px;justify-content:center}.chart-error p{color:#e53e3e;color:var(--error,#e53e3e)}@media (max-width:768px){.chart-controls,.sales-chart-header{flex-direction:column}.chart-controls{align-items:flex-start;width:100%}.chart-presets{overflow-x:auto;width:100%}.date-range-picker{width:100%}.date-input{flex:1 1}.chart-summary-row{flex-wrap:wrap;gap:1rem}.chart-container{height:250px}}.dashboard-page{max-width:1400px}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.dashboard-header h1{margin-bottom:.25rem}.session-control,.session-open{align-items:center;display:flex;gap:1rem}.session-status{align-items:center;background:#48bb781a;border-radius:var(--radius-full);color:var(--success);display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem}.status-dot{animation:pulse 2s infinite;background:var(--success);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stats-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.stat-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow);gap:1rem;padding:1.25rem}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:var(--radius);font-size:1.25rem;height:48px;justify-content:center;width:48px}.stat-icon.sales{background:#48bb781a;color:var(--success)}.stat-icon.orders{background:#4299e11a;color:#4299e1}.stat-icon.tax{background:#9f7aea1a;color:#9f7aea}.stat-icon.alerts{background:#ecc94b1a;color:#d69e2e}.stat-content h3{font-size:1.5rem;font-weight:700;margin-bottom:.125rem}.stat-content p{color:var(--gray-500);font-size:.875rem;margin:0}.dashboard-content{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.dashboard-content .card-header h3{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin:0}.alert-list{display:flex;flex-direction:column;gap:.75rem}.alert-item{align-items:center;background:var(--gray-50);border-radius:var(--radius);display:flex;justify-content:space-between;padding:.75rem}.alert-info h4{font-size:.9375rem;font-weight:500;margin-bottom:.125rem}.alert-info span,.stock-badge{font-size:.75rem}.stock-badge{border-radius:var(--radius-full);font-weight:500;padding:.25rem .625rem}.stock-badge.low{background:#ecc94b26;color:#b7791f}.stock-badge.out{background:#f565651a;color:var(--error)}.orders-list{display:flex;flex-direction:column;gap:.75rem}.order-item{align-items:center;background:var(--gray-50);border-radius:var(--radius);display:flex;justify-content:space-between;padding:.75rem}.order-info h4{font-size:.9375rem;font-weight:500;margin-bottom:.125rem}.order-info span{font-size:.75rem}.order-total{color:var(--success);font-weight:600}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-content,.stats-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:1rem}}.pos-page{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 380px;height:calc(100vh - 64px - 3rem)}.pos-menu{background:var(--white);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;padding:1.5rem}.pos-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.pos-header h2{font-size:1.375rem;font-weight:600}.pos-search{position:relative;width:280px}.pos-search .search-icon{color:var(--gray-400);left:.875rem;position:absolute;top:50%;transform:translateY(-50%)}.pos-search .form-input{padding-left:2.5rem}.category-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;overflow-x:auto;padding-bottom:.5rem}.category-tab{background:var(--gray-100);border:none;border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:var(--transition);white-space:nowrap}.category-tab:hover{background:var(--gray-200)}.category-tab.active{background:var(--primary);color:var(--white)}.products-grid{grid-gap:1rem;align-content:start;display:grid;flex:1 1;gap:1rem;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));overflow-y:auto;padding-right:.5rem;padding-top:.5rem}.product-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;padding:1rem;position:relative;transition:var(--transition)}.product-card:hover:not(.disabled){border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card.disabled{cursor:not-allowed;opacity:.6}.product-image{align-items:center;aspect-ratio:1;background:var(--gray-100);border-radius:var(--radius);display:flex;justify-content:center;margin-bottom:.75rem;overflow:hidden;position:relative;width:100%}.product-image img{height:100%;object-fit:cover;width:100%}.product-placeholder{font-size:3rem}.out-of-stock-badge{align-items:center;background:#000000bf;bottom:0;color:var(--white);display:flex;font-size:.6875rem;gap:.25rem;justify-content:center;left:0;padding:.375rem;position:absolute;right:0}.product-info{text-align:center}.product-name{color:var(--gray-700);font-size:.875rem;font-weight:500;line-height:1.3;margin-bottom:.25rem}.product-price{color:var(--primary);font-size:.9375rem;font-weight:600;margin:0}.add-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-full);bottom:.75rem;color:var(--white);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:.75rem;transition:var(--transition);width:28px}.product-card:hover:not(.disabled) .add-btn{opacity:1}.add-btn:hover{background:var(--primary-dark);transform:scale(1.1)}.no-products{color:var(--gray-400);grid-column:1/-1;padding:3rem;text-align:center}.no-products p{margin-top:1rem}.pos-cart{background:var(--white);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.cart-header{border-bottom:1px solid var(--gray-200);padding:1rem;position:relative}.cart-header .search-icon{color:var(--gray-400);left:1.75rem;position:absolute;top:50%;transform:translateY(-50%)}.cart-header .form-input{padding-left:2.5rem}.cart-title{align-items:center;border-bottom:1px solid var(--gray-200);color:var(--gray-700);display:flex;font-weight:600;gap:.5rem;padding:1rem}.cart-items{flex:1 1;overflow-y:auto;padding:.5rem}.cart-empty{align-items:center;color:var(--gray-400);display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.cart-empty p{color:var(--gray-500);font-weight:500;margin-top:1rem}.cart-empty span{font-size:.8125rem}.cart-item{background:var(--gray-50);border-radius:var(--radius);margin-bottom:.5rem;padding:.875rem}.cart-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.cart-item-header h4{color:var(--gray-800);font-size:.9375rem;font-weight:600}.remove-btn{background:none;border:none;color:var(--error);cursor:pointer;opacity:.6;padding:.25rem;transition:var(--transition)}.remove-btn:hover{opacity:1}.cart-item-price{color:var(--primary);font-size:.8125rem;margin-bottom:.75rem}.cart-item-price .unit-price{color:var(--gray-600)}.cart-item-price .equals,.cart-item-price .multiply{color:var(--gray-400)}.cart-item-price .line-total{font-weight:600}.cart-item-controls{justify-content:space-between}.cart-item-controls,.quantity-controls{align-items:center;display:flex;gap:.5rem}.quantity-controls{background:var(--white);border-radius:var(--radius);padding:.25rem}.quantity-controls button{align-items:center;background:var(--gray-100);border:none;border-radius:var(--radius);color:var(--gray-600);cursor:pointer;display:flex;height:28px;justify-content:center;transition:var(--transition);width:28px}.quantity-controls button:hover{background:var(--primary);color:var(--white)}.quantity-controls span{font-weight:600;min-width:2rem;text-align:center}.notes-btn{align-items:center;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--gray-500);cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;padding:.375rem .625rem;transition:var(--transition)}.notes-btn:hover{border-color:var(--primary);color:var(--primary)}.cart-summary{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:1rem}.summary-row{color:var(--gray-600);display:flex;font-size:.875rem;justify-content:space-between;padding:.375rem 0}.summary-row.total{border-top:1px solid var(--gray-300);color:var(--gray-800);font-size:1rem;font-weight:700;margin-top:.5rem;padding-top:.75rem}.cart-actions{display:flex;gap:.75rem;padding:1rem}.cart-actions .btn{flex:1 1}.cart-actions .btn-primary{flex:2 1}@media (max-width:1200px){.pos-page{grid-template-columns:1fr 320px}}@media (max-width:900px){.pos-page{grid-template-columns:1fr;height:auto}.pos-cart{height:500px}}.inventory-page{max-width:1400px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{margin-bottom:.25rem}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.search-box{flex:1 1;max-width:300px;position:relative}.search-box .search-icon{color:var(--gray-400);left:.875rem;position:absolute;top:50%;transform:translateY(-50%)}.search-box .form-input{padding-left:2.5rem}.filter-group{align-items:center;color:var(--gray-500);display:flex;gap:.5rem}.filter-group .form-select{min-width:150px;width:auto}.checkbox-label{align-items:center;color:var(--gray-600);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.checkbox-label input{accent-color:var(--primary);height:16px;width:16px}.hidden-row{opacity:.6}.item-cell{gap:.75rem}.item-cell,.item-image{align-items:center;display:flex}.item-image{background:var(--gray-100);border-radius:var(--radius);flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.item-image img{height:100%;object-fit:cover;width:100%}.item-image span{font-size:1.5rem}.item-name{color:var(--gray-800);font-weight:500}.item-desc{color:var(--gray-500);font-size:.75rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-cell{color:var(--primary);font-weight:600}.stock-cell{align-items:center;background:var(--gray-100);border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-weight:500;gap:.375rem;padding:.25rem .625rem;transition:var(--transition)}.stock-cell:hover{background:var(--gray-200)}.stock-cell.out_of_stock{background:#f565651a;color:var(--error)}.stock-cell.low_stock{background:#ecc94b26;color:#b7791f}.stock-cell .warning-icon{color:#d69e2e}.action-buttons{display:flex;gap:.5rem}.action-buttons .btn-icon{height:32px;padding:0;width:32px}.action-buttons .btn-icon.btn-danger{color:var(--error)}.action-buttons .btn-icon.btn-danger:hover{background:#f565651a;border-color:var(--error)}.form-textarea{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--gray-700);font-family:inherit;font-size:.9375rem;padding:.625rem .875rem;resize:vertical;width:100%}.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b351a;outline:none}@media (max-width:768px){.page-header{flex-direction:column;gap:1rem}.filters-bar{align-items:stretch;flex-direction:column}.search-box{max-width:none}}.users-page{max-width:1200px}.header-actions,.user-cell{display:flex;gap:.75rem}.user-avatar,.user-cell{align-items:center}.user-avatar{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-full);color:var(--white);display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-name{color:var(--gray-800);font-weight:500}.user-email{color:var(--gray-500);font-size:.75rem}.inactive-row{opacity:.6}.modal-lg{max-width:600px}.permissions-grid{border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.perm-header,.perm-row{align-items:center;display:grid;grid-template-columns:1fr repeat(4,60px);padding:.625rem .875rem}.perm-header{background:var(--gray-50);color:var(--gray-500);font-size:.75rem;font-weight:600;text-transform:uppercase}.perm-row{border-top:1px solid var(--gray-200)}.perm-name{font-weight:500;text-transform:capitalize}.perm-checkbox{display:flex;justify-content:center}.perm-checkbox input{accent-color:var(--primary);height:18px;width:18px}.invitation-success{padding:1rem 0;text-align:center}.success-icon{align-items:center;background:#48bb781a;border-radius:var(--radius-full);color:var(--success);display:flex;font-size:1.5rem;height:48px;justify-content:center;margin:0 auto 1rem;width:48px}.invitation-success h4{margin-bottom:.5rem}.invitation-success>p{color:var(--gray-500);margin-bottom:1rem}.invitation-link-box{display:flex;gap:.5rem}.invitation-link-box .form-input{font-size:.8125rem}@media (max-width:768px){.header-actions{flex-direction:column}.form-row{grid-template-columns:1fr}.perm-header,.perm-row{font-size:.75rem;grid-template-columns:1fr repeat(4,50px)}}.reports-page{max-width:1200px}.report-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.report-tab{align-items:center;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--gray-600);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:var(--transition)}.report-tab:hover{border-color:var(--primary);color:var(--primary)}.report-tab.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.date-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.date-filters .form-group{margin-bottom:0}.date-filters .form-input{width:auto}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}.stat-card.large{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white);grid-column:span 1}.stat-card.large .stat-icon{background:#fff3;color:var(--white)}.stat-card.large h3{color:var(--white)}.stat-card.large p{color:#fffc}.performance-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.items-list{flex-direction:column}.item-row,.items-list{display:flex;gap:.75rem}.item-row{align-items:center;background:var(--gray-50);border-radius:var(--radius);padding:.75rem}.item-rank{align-items:center;background:#48bb781a;border-radius:var(--radius-full);color:var(--success);display:flex;font-size:.875rem;font-weight:600;height:28px;justify-content:center;width:28px}.item-rank.low{background:#f565651a;color:var(--error)}.item-info{flex:1 1}.item-info .item-name{color:var(--gray-800);font-weight:500}.item-info .item-category{color:var(--gray-500);font-size:.75rem}.item-stats{text-align:right}.item-stats .item-qty{color:var(--gray-500);font-size:.8125rem}.item-stats .item-revenue{color:var(--primary);font-weight:600}.category-bars{display:flex;flex-direction:column;gap:1rem}.category-bar-row{align-items:center;display:flex;gap:1rem}.category-label{flex-shrink:0;width:150px}.category-name{color:var(--gray-800);display:block;font-weight:500}.category-revenue{color:var(--gray-500);font-size:.8125rem}.category-bar-container{background:var(--gray-100);border-radius:var(--radius-full);flex:1 1;height:24px;overflow:hidden}.category-bar{background:linear-gradient(90deg,var(--primary) 0,var(--primary-light) 100%);border-radius:var(--radius-full);height:100%;transition:width .5s ease}.category-orders{color:var(--gray-500);flex-shrink:0;font-size:.8125rem;text-align:right;width:80px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}.performance-grid{grid-template-columns:1fr}}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.date-filters{flex-direction:column}.category-label{width:100px}}.settings-page{max-width:900px}.settings-container{display:flex;gap:1.5rem}.settings-tabs{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;width:200px}.settings-tab{align-items:center;background:var(--white);border:none;border-radius:var(--radius);color:var(--gray-600);cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:var(--transition)}.settings-tab:hover{background:var(--gray-100);color:var(--gray-800)}.settings-tab.active{background:var(--primary);color:var(--white)}.settings-content{flex:1 1}.settings-content .card-header h3{font-size:1.125rem;margin:0}.settings-content .card-body{padding:1.5rem}.settings-content .card-footer{display:flex;justify-content:flex-end}.settings-content small{display:block;margin-top:.25rem}@media (max-width:768px){.settings-container{flex-direction:column}.settings-tabs{flex-direction:row;overflow-x:auto;width:100%}.settings-tab{white-space:nowrap}.form-row{grid-template-columns:1fr}}.branches-page{max-width:1200px}.branches-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.branch-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;transition:var(--transition)}.branch-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.branch-card.inactive{opacity:.7}.branch-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.branch-icon{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius);color:var(--white);display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.branch-title h3{font-size:1.125rem;margin-bottom:.25rem}.branch-details{margin-bottom:1rem}.detail-row{align-items:center;color:var(--gray-600);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.375rem}.detail-row svg{color:var(--gray-400);width:14px}.branch-stats{border-bottom:1px solid var(--gray-200);border-top:1px solid var(--gray-200);display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem 0}.branch-stats .stat{align-items:center;color:var(--gray-600);display:flex;font-size:.875rem;gap:.5rem}.branch-stats .stat svg{color:var(--primary)}.branch-info{display:flex;justify-content:space-between;margin-bottom:1rem}.info-item{text-align:center}.info-label{color:var(--gray-500);display:block;font-size:.75rem;margin-bottom:.25rem}.info-value{color:var(--gray-800);font-weight:600}.branch-actions{display:flex;gap:.5rem}.branch-actions .btn{flex:1 1}.branch-actions .btn-danger{color:var(--error);flex:0 1}.branch-actions .btn-danger:hover{background:#f565651a;border-color:var(--error)}.no-branches{background:var(--white);border-radius:var(--radius-lg);color:var(--gray-400);grid-column:1/-1;padding:4rem 2rem;text-align:center}.no-branches svg{margin-bottom:1rem}.no-branches h3{color:var(--gray-600);margin-bottom:.5rem}.no-branches p{margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.branches-grid{grid-template-columns:1fr}.branch-actions{flex-wrap:wrap}.form-row{grid-template-columns:1fr}}.layout{background:var(--gray-100);display:flex;min-height:100vh}.sidebar{background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:260px;z-index:100}.sidebar-header{border-bottom:1px solid var(--gray-200);padding:1.25rem 1.5rem}.logo{align-items:center;display:flex;gap:.75rem}.logo-img{height:140px;width:auto}.sidebar-profile{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;gap:.75rem;padding:1rem 1.5rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-full);color:var(--white);display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.profile-info{flex:1 1;min-width:0}.profile-name{color:var(--gray-800);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{color:var(--gray-500);font-size:.75rem}.sidebar-branch{align-items:center;background:var(--gray-50);color:var(--gray-600);display:flex;font-size:.8125rem;gap:.5rem;padding:.75rem 1.5rem}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem .75rem}.nav-item{align-items:center;border-radius:var(--radius);color:var(--gray-600);display:flex;font-weight:500;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;text-decoration:none;transition:var(--transition)}.nav-item:hover{background:var(--gray-100);color:var(--gray-800)}.nav-item.active{background:#ff6b351a}.nav-item.active,.nav-item.active svg{color:var(--primary)}.sidebar-footer{border-top:1px solid var(--gray-200);padding:1rem .75rem}.logout-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;width:100%}.logout-btn:hover{background:#f565651a;color:var(--error)}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh}.topbar{background:var(--white);border-bottom:1px solid var(--gray-200);height:64px;justify-content:space-between;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:1rem}.page-title{color:var(--gray-800);font-size:1.25rem;font-weight:600}.topbar-right{gap:1rem}.topbar-right,.topbar-time{align-items:center;display:flex}.topbar-time{color:var(--gray-500);font-size:.875rem;gap:.5rem}.page-content{flex:1 1;overflow-y:auto;padding:1.5rem}@media (max-width:1024px){.sidebar{width:80px}.logo-text,.nav-item span,.profile-info,.sidebar-branch span{display:none}.nav-item,.sidebar-profile{justify-content:center}.main-content{margin-left:80px}}:root{--primary:#ff974d;--primary-dark:#f98c3e;--primary-light:#ffa361;--secondary:#2d3748;--secondary-light:#4a5568;--success:#48bb78;--success-light:#9ae6b4;--warning:#ecc94b;--warning-light:#faf089;--error:#f56565;--error-light:#feb2b2;--white:#fff;--gray-50:#f7fafc;--gray-100:#edf2f7;--gray-200:#e2e8f0;--gray-300:#cbd5e0;--gray-400:#a0aec0;--gray-500:#718096;--gray-600:#4a5568;--gray-700:#2d3748;--gray-800:#1a202c;--gray-900:#171923;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition:all 0.2s ease-in-out;--transition-slow:all 0.3s ease-in-out;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#edf2f7;background-color:var(--gray-100);color:#2d3748;color:var(--gray-700);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:.9375rem;line-height:1.5}h1,h2,h3,h4,h5,h6{color:#1a202c;color:var(--gray-800);font-weight:600;line-height:1.25}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:1rem}a{color:#ff6b35;color:var(--primary);text-decoration:none;transition:all .2s ease-in-out;transition:var(--transition)}a:hover{color:#e55a2b;color:var(--primary-dark)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .2s ease-in-out;transition:var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#ff6b35;background:var(--primary);color:#fff;color:var(--white)}.btn-primary:hover:not(:disabled){background:#e55a2b;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#e2e8f0;background:var(--gray-200);color:#2d3748;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:#cbd5e0;background:var(--gray-300)}.btn-success{background:#48bb78;background:var(--success);color:#fff;color:var(--white)}.btn-success:hover:not(:disabled){background:#38a169}.btn-danger{background:#f56565;background:var(--error);color:#fff;color:var(--white)}.btn-danger:hover:not(:disabled){background:#e53e3e}.btn-outline{background:#0000;border:1px solid #cbd5e0;border:1px solid var(--gray-300);color:#4a5568;color:var(--gray-600)}.btn-outline:hover:not(:disabled){border-color:#ff6b35;border-color:var(--primary);color:#ff6b35;color:var(--primary)}.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.btn-lg{font-size:1rem;padding:.875rem 1.75rem}.btn-icon{height:36px;padding:.5rem;width:36px}.form-group{margin-bottom:1rem}.form-label{color:#2d3748;color:var(--gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.form-input,.form-select,.form-textarea{background:#fff;background:var(--white);border:1px solid #cbd5e0;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius);color:#2d3748;color:var(--gray-700);font-family:inherit;font-size:.9375rem;padding:.625rem .875rem;transition:all .2s ease-in-out;transition:var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#ff6b35;border-color:var(--primary);box-shadow:0 0 0 3px #ff6b351a;outline:none}.form-input::placeholder{color:#a0aec0;color:var(--gray-400)}.form-input.error{border-color:#f56565;border-color:var(--error)}.form-error{color:#f56565;color:var(--error);font-size:.8125rem;margin-top:.25rem}.card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1rem 1.25rem}.card-body{padding:1.25rem}.card-footer{background:#f7fafc;background:var(--gray-50);border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);padding:1rem 1.25rem}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);padding:.75rem 1rem;text-align:left}.table th{color:#718096;color:var(--gray-500);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table tbody tr:hover,.table th{background:#f7fafc;background:var(--gray-50)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.badge-primary{background:#ff6b351a;color:#ff6b35;color:var(--primary)}.badge-success{background:#48bb781a;color:#48bb78;color:var(--success)}.badge-warning{background:#ecc94b26;color:#b7791f}.badge-error{background:#f565651a;color:#f56565;color:var(--error)}.badge-gray{background:#edf2f7;background:var(--gray-100);color:#4a5568;color:var(--gray-600)}.alert{align-items:flex-start;border-radius:8px;border-radius:var(--radius);display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.alert-success{background:#48bb781a;border:1px solid #48bb7833;color:#276749}.alert-warning{background:#ecc94b1a;border:1px solid #ecc94b33;color:#975a16}.alert-error{background:#f565651a;border:1px solid #f5656533;color:#c53030}.alert-info{color:#2b6cb0}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{animation:slideUp .3s ease-out;background:#fff;background:var(--white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.25rem}.modal-title{font-size:1.125rem;font-weight:600}.modal-close{background:none;border:none;color:#a0aec0;color:var(--gray-400);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem}.modal-close:hover{color:#4a5568;color:var(--gray-600)}.modal-body{padding:1.25rem}.modal-footer{background:#f7fafc;background:var(--gray-50);border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#ff6b35;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:24px;width:24px}.spinner-lg{border-width:4px;height:40px;width:40px}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#edf2f7;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#cbd5e0;background:var(--gray-300);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#a0aec0;background:var(--gray-400)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#718096;color:var(--gray-500)}.text-primary{color:#ff6b35;color:var(--primary)}.text-success{color:#48bb78;color:var(--success)}.text-error{color:#f56565;color:var(--error)}.text-sm{font-size:.8125rem}.text-lg{font-size:1.125rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.block{display:block}.container{margin:0 auto;max-width:1400px;padding:0 1rem}@media print{.no-print{display:none!important}body{background:#fff}}
/*# sourceMappingURL=main.9b3bc76d.css.map*/