*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4f46e5;--primary-dark: #4338ca;--primary-light: #818cf8;--secondary: #06b6d4;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--background: #f9fafb;--surface: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--border: #e5e7eb;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-primary);background-color:var(--background)}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}button{font-family:inherit}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:600;font-size:.875rem;letter-spacing:.01em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);background-color:var(--surface);transition:all .2s ease;min-height:38px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:var(--gray-100);cursor:not-allowed}button{padding:.5rem 1rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:38px;line-height:1.2}button:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}button:not(:disabled):active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}button.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-md)}button.btn-primary:not(:disabled):hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);box-shadow:var(--shadow-xl)}button.btn-secondary{background-color:var(--gray-200);color:var(--text-primary)}button.btn-secondary:not(:disabled):hover{background-color:var(--gray-300)}button.btn-success{background-color:var(--success);color:#fff}button.btn-success:not(:disabled):hover{background-color:#059669}button.btn-danger{background-color:var(--danger);color:#fff}button.btn-danger:not(:disabled):hover{background-color:#dc2626}button.btn-info{background-color:var(--info);color:#fff}button.btn-info:not(:disabled):hover{background-color:#2563eb}.error-message{background-color:#fef2f2;color:#991b1b;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid var(--danger);font-size:.875rem}.success-message{background-color:#f0fdf4;color:#166534;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid var(--success);font-size:.875rem}.info-message{background-color:#eff6ff;color:#1e40af;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid var(--info);font-size:.875rem}.page-header{margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.page-header h2{font-size:1.5rem;margin-bottom:.25rem;font-weight:700;color:var(--primary)}.page-description{color:var(--text-secondary);font-size:.875rem;margin:0;font-weight:400}.card{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:.875rem}thead{background-color:var(--gray-50)}th{padding:.625rem .875rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}td{padding:.625rem .875rem;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.875rem}tbody tr{transition:all .2s ease}tbody tr:hover{background-color:var(--gray-50)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1}.text-center{text-align:center}.text-right{text-align:right}.font-semibold{font-weight:600}.font-bold{font-weight:700}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--primary) 0%,#7c3aed 100%);padding:var(--spacing-md)}.login-box{background:var(--surface);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header h1{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.75rem}.login-header p{color:var(--text-secondary);font-size:.938rem}.login-form{margin-bottom:var(--spacing-lg)}.login-form button[type=submit]{width:100%;background-color:var(--primary);color:#fff;margin-top:var(--spacing-md)}.login-form button[type=submit]:not(:disabled):hover{background-color:var(--primary-dark)}.login-info{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border);text-align:center}.login-info p{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0}.login-info .credentials{background-color:var(--gray-50);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.login-info .credentials strong{color:var(--text-primary);font-weight:600}.print-modal{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.print-modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:400px;width:90%}.print-preview{background:#f5f5f5;padding:1rem;border-radius:4px;margin-bottom:1rem;max-height:70vh;overflow-y:auto}.thermal-receipt{background:#fff;width:80mm;padding:8mm;font-family:Courier New,Consolas,monospace;font-size:13px;line-height:1.5;color:#000}.receipt-header{text-align:center;margin-bottom:15px;border-bottom:2px solid #000;padding-bottom:10px}.receipt-header h2{margin:0 0 8px;font-size:22px;font-weight:900;letter-spacing:2px}.receipt-id{margin:0;font-size:14px;font-weight:800}.receipt-divider{border-top:1px dashed #000;margin:12px 0;height:0}.receipt-divider-solid{border-top:2px solid #000;margin:12px 0;height:0}.receipt-details,.receipt-amounts{margin:15px 0}.detail-row,.amount-row{display:flex;justify-content:space-between;margin:8px 0;line-height:1.6}.detail-row .label,.amount-row .label{font-weight:800;flex-shrink:0;min-width:120px}.detail-row .value,.amount-row .value{text-align:right;word-break:break-word;flex-grow:1;font-weight:700}.total-row{font-size:16px;font-weight:900;margin-top:12px;padding-top:10px;border-top:2px solid #000}.total-row .label{letter-spacing:1px;font-weight:900}.total-row .value{font-size:18px;font-weight:900}.receipt-footer{text-align:center;font-size:11px;margin-top:15px;padding-top:10px;border-top:1px dashed #000}.entered-by{margin:5px 0;font-weight:700}.timestamp{margin:5px 0;color:#000;font-weight:700}.receipt-footer-note{text-align:center;margin-top:15px;padding-top:10px;font-size:12px;font-weight:800;border-top:2px double #000}.receipt-footer-note p{margin:5px 0}.print-actions{display:flex;gap:1rem}.print-actions button{flex:1}.btn-close{background:#6c757d}.btn-close:hover:not(:disabled){background:#5a6268}@media print{body *{visibility:hidden}.thermal-receipt,.thermal-receipt *{visibility:visible}.thermal-receipt{position:absolute;left:0;top:0;width:80mm;background:#fff}.no-print{display:none!important}.print-modal{background:none}.print-modal-content{box-shadow:none;padding:0}.print-preview{background:none;padding:0;margin:0}@page{size:80mm auto;margin:0}}.receipt-form-new{max-width:1400px;margin:0 auto;min-height:980px;display:flex;flex-direction:column}.form-section{margin-bottom:var(--spacing-lg)}.form-section:last-of-type{margin-bottom:var(--spacing-md)}.form-section h3{margin:0 0 var(--spacing-md) 0;font-size:1rem;color:var(--text-primary);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary);display:inline-block;padding-right:var(--spacing-lg);font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.form-grid.four-cols{grid-template-columns:repeat(4,1fr)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.customer-select-group{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-md);align-items:start}.customer-select-wrapper{width:100%}.add-customer-btn-wrapper{padding-top:24px}.btn-add-customer{white-space:nowrap;min-height:38px;padding-left:var(--spacing-md);padding-right:var(--spacing-md);font-size:.875rem}.quick-customer-form-card{margin-bottom:var(--spacing-md);border:2px solid var(--success);background-color:var(--gray-50)}.quick-customer-form-card form{margin:0}.quick-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.quick-form-header h4{margin:0;font-size:1rem;color:var(--text-primary);font-weight:600}.btn-close-form{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s;box-shadow:none}.btn-close-form:hover{background-color:var(--gray-200);color:var(--text-primary);transform:none;box-shadow:none}.quick-customer-form-card .form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--spacing-md);align-items:end}.quick-customer-form-card .form-group{margin-bottom:0}.quick-customer-form-card button[type=submit]{min-height:38px;white-space:nowrap}.total-group{display:flex;flex-direction:column;justify-content:flex-end}.total-amount{padding:.625rem 1rem;background-color:var(--primary);border:2px solid var(--primary-dark);border-radius:var(--radius-md);font-size:1.125rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;min-height:42px;box-shadow:var(--shadow-sm);letter-spacing:.02em}#cash,#cheques,#cheques_count{font-size:.875rem;padding:.5rem .75rem;font-weight:500;min-height:38px;border:1px solid var(--border)}#cash:focus,#cheques:focus,#cheques_count:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.form-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-lg);margin-top:var(--spacing-md);border-top:1px solid var(--border)}.form-actions button{flex:1;max-width:200px;font-size:.875rem;min-height:38px}.form-group .error .css-control{border-color:var(--danger)}.keyboard-shortcuts-hint{margin-top:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--gray-50);border-left:2px solid var(--info);border-radius:var(--radius-sm);text-align:center;color:var(--text-secondary);font-size:.8125rem}.keyboard-shortcuts-hint kbd{display:inline-block;padding:.125rem .375rem;font-size:.6875rem;font-family:Courier New,monospace;background-color:var(--gray-200);border:1px solid var(--gray-300);border-radius:3px;box-shadow:0 1px 0 var(--gray-300);margin:0 .25rem;font-weight:700;color:var(--text-primary)}.keyboard-shortcuts-hint strong{color:var(--info)}@media(min-width:1600px){.receipt-form-new{max-width:1600px}.form-grid.four-cols{gap:var(--spacing-2xl)}}@media(max-width:1200px){.form-grid.four-cols{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.receipt-form-new{min-height:auto}.form-grid,.form-grid.four-cols,.form-row{grid-template-columns:1fr}.customer-select-group{grid-template-columns:1fr;gap:var(--spacing-sm)}.add-customer-btn-wrapper{padding-top:0}.btn-add-customer{width:100%}.quick-customer-form-card .form-row{grid-template-columns:1fr}.quick-customer-form-card button[type=submit]{width:100%}.form-actions{flex-direction:column}.form-actions button{max-width:100%;width:100%}.page-header{flex-direction:column;gap:var(--spacing-md)}.page-header button{width:100%}}.receipt-management{max-width:1600px;margin:0 auto;min-height:980px}.filters-card{margin-bottom:var(--spacing-lg)}.filters-card h3{margin:0 0 var(--spacing-md) 0;font-size:1rem;color:var(--text-primary);font-weight:700;border-bottom:2px solid var(--primary);display:inline-block;padding-bottom:var(--spacing-sm);padding-right:var(--spacing-lg)}.filters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);align-items:end}.filter-actions{display:flex;align-items:flex-end}.filter-actions button{width:100%}.summary-card{margin-bottom:var(--spacing-lg)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.summary-item{text-align:center;padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--border);transition:all .2s}.summary-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.summary-item.highlight{background:linear-gradient(135deg,var(--primary) 0%,#7c3aed 100%);color:#fff;border:none;box-shadow:var(--shadow-sm)}.summary-label{font-size:.75rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.summary-item.highlight .summary-label{color:#fffffff2}.summary-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.summary-item.highlight .summary-value{color:#fff;font-size:1.625rem}.loading-state,.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state p{font-size:1.125rem;margin:0}.cheque-count{font-size:.813rem;color:var(--text-secondary);font-weight:400}.badge-type{font-weight:600;text-transform:uppercase}.badge-c{background-color:var(--primary);color:#fff}.badge-rc{background-color:var(--danger);color:#fff}.badge-f{background-color:var(--info);color:#fff}.badge-u{background-color:var(--warning);color:#fff}.badge-o{background-color:var(--gray-500);color:#fff}@media(max-width:1200px){.filters-grid,.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.receipt-management{min-height:auto}.filters-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.table-container{font-size:.875rem}th,td{padding:.625rem}}@media(max-width:480px){.summary-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-md)}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:10}.modal-header h3{margin:0;font-size:1.125rem;color:var(--text-primary);font-weight:700}.btn-close-modal{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;line-height:1;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s}.btn-close-modal:hover{background-color:var(--gray-100);color:var(--text-primary)}.modal-content form{padding:var(--spacing-xl)}.modal-content .form-section{margin-bottom:var(--spacing-lg)}.modal-content .form-section h4{margin:0 0 var(--spacing-md) 0;font-size:.875rem;color:var(--text-primary);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary);display:inline-block;padding-right:var(--spacing-lg);font-weight:700}.modal-content .form-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-lg);margin-top:var(--spacing-md);border-top:1px solid var(--border)}.modal-content .form-actions button{flex:1;max-width:200px;font-size:.875rem;min-height:38px}.success-message,.error-message{position:fixed;top:16px;right:16px;padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;box-shadow:var(--shadow-lg);z-index:10000;animation:slideInRight .3s ease-out;min-width:250px}.success-message{background-color:var(--success);color:#fff;border-left:3px solid #059669}.error-message{background-color:var(--danger);color:#fff;border-left:3px solid #dc2626}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-content .form-actions button{max-width:100%}}.customer-management{max-width:1600px;margin:0 auto;min-height:980px}.customer-form-card{margin-bottom:var(--spacing-lg)}.customer-form-card h3{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:1rem;font-weight:700;border-bottom:2px solid var(--primary);display:inline-block;padding-bottom:var(--spacing-sm);padding-right:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.form-actions button{min-height:38px;font-size:.875rem}.search-bar{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-input{flex:1;max-width:500px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;min-height:38px}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.search-count{color:var(--text-secondary);font-size:.875rem;font-weight:600}.table-container{overflow-x:auto}@media(max-width:1200px){.form-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.customer-management{min-height:auto}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.search-bar{flex-direction:column;align-items:stretch}.search-input{max-width:100%}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}.user-management{max-width:1600px;margin:0 auto;min-height:980px}.user-form{margin-bottom:var(--spacing-lg)}.user-form h3{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:1rem;font-weight:700;border-bottom:2px solid var(--primary);display:inline-block;padding-bottom:var(--spacing-sm);padding-right:var(--spacing-lg)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:600;color:var(--text-primary);font-size:.875rem}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer;width:18px;height:18px}.users-table-container{overflow-x:auto}.badge-admin{background:var(--primary);color:#fff}.badge-user{background:var(--gray-500);color:#fff}.badge-active{background:var(--success);color:#fff}.badge-inactive{background:var(--danger);color:#fff}.action-buttons{display:flex;gap:.5rem}.btn-sm{padding:.375rem .75rem;font-size:.8125rem;min-height:32px}.btn-edit{background-color:var(--info);color:#fff}.btn-edit:not(:disabled):hover{background-color:#2563eb}.btn-delete{background-color:var(--danger);color:#fff}.btn-delete:not(:disabled):hover{background-color:#dc2626}.access-denied{background:#fef3c7;color:#92400e;padding:var(--spacing-md);border-radius:var(--radius-md);border-left:4px solid var(--warning);font-size:.875rem}@media(max-width:768px){.user-management{min-height:auto}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}.dashboard{min-height:100vh;background:var(--background);display:flex;flex-direction:column}.navbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.navbar-container{max-width:1600px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;height:56px}.navbar-brand h1{margin:0;font-size:1.125rem;color:var(--primary);font-weight:700;display:flex;align-items:center;gap:.5rem}.navbar-menu{display:flex;gap:.25rem;flex:1;justify-content:center}.navbar-menu button{background:transparent;color:var(--text-secondary);border:none;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-weight:600;font-size:.875rem;position:relative;min-height:36px}.navbar-menu button:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--primary);transition:width .2s;border-radius:3px 3px 0 0}.navbar-menu button:hover{background:var(--gray-50);color:var(--text-primary);transform:none;box-shadow:none}.navbar-menu button.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-md)}.navbar-menu button.active:after{width:80%;background:#fff}.navbar-menu button.active:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%)}.navbar-user{display:flex;align-items:center;gap:var(--spacing-md)}.user-info{text-align:right;border-right:1px solid var(--border);padding-right:var(--spacing-md)}.user-name{font-weight:600;color:var(--text-primary);font-size:.875rem;display:block}.user-role{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.btn-logout{background:transparent;color:var(--danger);border:1px solid var(--danger);padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-weight:500;font-size:.875rem}.btn-logout:hover{background:var(--danger);color:#fff;transform:none}.main-content{flex:1;max-width:1600px;width:100%;margin:0 auto;padding:var(--spacing-lg);min-height:calc(100vh - 56px)}@media(max-width:768px){.navbar-container{flex-direction:column;height:auto;padding:var(--spacing-md);gap:var(--spacing-md)}.navbar-brand{width:100%}.navbar-menu{width:100%;flex-direction:column;justify-content:flex-start}.navbar-menu button{width:100%;text-align:left}.navbar-user{width:100%;justify-content:space-between}.user-info{border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:var(--spacing-sm);text-align:left;flex:1}.main-content{padding:var(--spacing-md)}}#root{width:100%;min-height:100vh;margin:0;padding:0}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--primary) 0%,#7c3aed 100%)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:#fff;font-size:1.125rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}