.protected-route-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:white;box-shadow:0 2px 10px #0000001a;border-bottom:1px solid #e1e5e9}.nav-brand .brand-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#333;font-size:1.5rem;font-weight:700}.brand-icon{font-size:1.75rem}.nav-links{display:flex;gap:2rem}.nav-link{text-decoration:none;color:#666;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease}.nav-link:hover{color:#007bff;background:#f8f9fa}.nav-link.active{color:#007bff;background:#e7f3ff}.nav-user{display:flex;align-items:center;gap:1rem}.user-info{color:#666;font-size:.9rem}.logout-btn{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.logout-btn:hover{background:#c82333}@media (max-width: 768px){.navbar{padding:1rem;flex-direction:column;gap:1rem}.nav-links{gap:1rem}.nav-user{flex-direction:column;gap:.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#fff;color:#000;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.main-content{flex:1;padding-top:0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.page-content{background:#ffffff;color:#000;padding:2rem;border-radius:6px;border:1px solid #ff0000;box-shadow:0 2px 6px #ff00001a}.page-header{margin-bottom:2rem;text-align:center;border-bottom:2px solid #ff0000;padding-bottom:.5rem}.page-header h1{color:#000;margin-bottom:.5rem}.page-header p{color:#333;font-size:1.1rem}.placeholder-content{text-align:center;padding:2rem;border:1px dashed #ff0000;border-radius:6px;background:#ffffff}.placeholder-icon{font-size:4rem;margin-bottom:1rem;color:red}.placeholder-content h2,.placeholder-content p,.placeholder-content li{color:#000;margin-bottom:1rem}.user-info{background:#ffffff;color:#000;padding:1rem;border-radius:6px;border:1px solid #ff0000;margin-top:2rem}.user-info em{color:#555;font-size:.9rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff}::-webkit-scrollbar-thumb{background:#ff0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#cc0000}*:focus{outline:2px solid #ff0000;outline-offset:2px}::selection{background-color:red;color:#fff}.error-fallback{padding:2rem;text-align:center;background:#ffe5e5;color:#000;border:1px solid #ff0000;border-radius:8px;margin:2rem}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);color:#000;display:flex;justify-content:center;align-items:center;z-index:9999;border:2px solid #ff0000}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}.main-content{padding:0!important;border:none}}@media (max-width: 768px){.admin-page,.client-page,.page-content,.placeholder-content{padding:1rem}.placeholder-icon{font-size:3rem}}body,.app,.main-content,.page-content,h1,h2,h3,h4,h5,h6,p,span,label,input,select,textarea,button,a{color:#000!important}.page-content,.stat-card,.dashboard-section,.card,.invoice-item,.user-info{background:#fff!important;border:1px solid #ff0000!important;color:#000!important}button,.btn,.btn-primary{background:#ff0000!important;border:1px solid #ff0000!important;color:#fff!important}button:hover,.btn:hover,.btn-primary:hover{background:#cc0000!important;border-color:#c00!important}.admin-dashboard,.client-dashboard{padding:2rem;max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#333;margin-bottom:.5rem}.dashboard-header p{color:#666;font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:white;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center;border-left:4px solid #007bff;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.stat-icon{font-size:2rem;margin-bottom:1rem}.stat-value{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:.5rem}.stat-label{color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.dashboard-section{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000001a}.dashboard-section h3{margin-bottom:1rem;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:.5rem}.empty-state{text-align:center;padding:2rem;color:#666}.no-data{text-align:center;padding:2rem;color:#666;font-style:italic}.subscriptions-list,.activity-list,.recent-invoices,.low-stock-list{display:flex;flex-direction:column;gap:1rem}.subscription-item,.activity-item,.invoice-item,.stock-item{padding:1rem;border:1px solid #e0e0e0;border-radius:6px;background:#fafafa;transition:background-color .3s ease}.subscription-item:hover,.activity-item:hover,.invoice-item:hover,.stock-item:hover{background:#f0f0f0}.subscription-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.client-name{font-weight:700}.client-email{color:#666;font-size:.9rem}.subscription-details{font-size:.9rem;color:#666}.activity-action{font-weight:700;margin-bottom:.25rem}.activity-description{color:#666;margin-bottom:.25rem}.activity-time{font-size:.8rem;color:#999}.invoice-item{display:flex;justify-content:space-between;align-items:center;border-left:4px solid #28a745}.invoice-info{display:flex;flex-direction:column;gap:.25rem}.invoice-number{font-weight:700;color:#333}.customer-name{color:#666;font-size:.9rem}.invoice-details{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.amount{font-weight:700;color:#28a745}.date{color:#666;font-size:.8rem}.stock-item{display:flex;justify-content:space-between;align-items:center;border-left:4px solid #ffc107}.product-name{font-weight:500}.stock-level{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:700}.stock-level.critical{background:#dc3545;color:#fff}.stock-level.low{background:#ffc107;color:#212529}.welcome-section{margin-bottom:1rem}.subscription-status{margin-top:.5rem;font-size:.9rem}.status{font-weight:700}.status.active{color:#28a745}.status.expired{color:#dc3545}.status.pending{color:#ffc107}.quick-actions-section{margin:2rem 0}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.action-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:white;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-decoration:none;color:#333;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026;border-color:#007bff}.action-icon{font-size:2.5rem;margin-bottom:1rem}.action-label{font-weight:500;text-align:center}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.access-denied{display:flex;justify-content:center;align-items:center;height:70vh;padding:2rem}.access-denied-content{text-align:center;background:white;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;width:100%}.access-denied h2{color:#dc3545;margin-bottom:1rem}.access-denied p{margin-bottom:.5rem;color:#666}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}@media (max-width: 768px){.admin-dashboard,.client-dashboard{padding:1rem}.dashboard-content{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.5rem}.stat-value{font-size:2rem}.actions-grid{grid-template-columns:1fr 1fr}.invoice-item,.stock-item{flex-direction:column;align-items:flex-start;gap:.5rem}.invoice-details{align-items:flex-start}.subscription-info{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.actions-grid{grid-template-columns:1fr}.stat-card,.dashboard-section,.action-card{padding:1rem}.action-icon{font-size:2rem}}.stat-card:nth-child(1){border-left-color:#007bff}.stat-card:nth-child(2){border-left-color:#28a745}.stat-card:nth-child(3){border-left-color:#ffc107}.stat-card:nth-child(4){border-left-color:#dc3545}.stat-card:nth-child(5){border-left-color:#6f42c1}.stat-card:nth-child(6){border-left-color:#e83e8c}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subscription-item,.activity-item,.invoice-item,.stock-item{animation:fadeInUp .5s ease}.stat-card,.dashboard-section,.action-card{transition:all .3s ease}.stat-card:hover,.dashboard-section:hover,.action-card:hover{box-shadow:0 4px 20px #00000026}.action-card:focus,.btn:focus{outline:2px solid #007bff;outline-offset:2px}@media print{.admin-dashboard,.client-dashboard{padding:0}.stat-card,.dashboard-section{box-shadow:none;border:1px solid #ccc}.action-card{display:none}}.square-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.stat-card,.action-card{background:#fff;border-radius:8px;padding:1rem;text-align:center;box-shadow:0 2px 6px #0000001a;cursor:pointer;transition:.2s ease-in-out}.stat-card:hover,.action-card:hover{transform:translateY(-3px);box-shadow:0 4px 10px #00000026}.stat-icon,.action-icon{font-size:2rem;margin-bottom:.5rem}.delete-btn{background:#ff4d4d;border:none;padding:5px 10px;margin-left:10px;color:#fff;border-radius:4px;cursor:pointer}.delete-btn:hover{background:#cc0000}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,0,0,.3);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;border-radius:10px;padding:2rem;width:90%;max-width:900px;max-height:80vh;overflow-y:auto;position:relative;border:2px solid #e60023;box-shadow:0 5px 25px #e6002333}.close-btn{position:absolute;top:10px;right:15px;border:none;background:transparent;font-size:1.8rem;color:#e60023;cursor:pointer}.modal-table{width:100%;border-collapse:collapse;margin-top:1rem}.modal-table th{background:#e60023;color:#fff;padding:10px}.modal-table td{border-bottom:1px solid #f2f2f2;padding:10px}.msg-item{background:#fff4f4;border-left:4px solid #e60023;margin-bottom:1rem;padding:1rem;border-radius:6px}.dashboard-section{border-left:4px solid #e60023;transition:.2s}.dashboard-section:hover{background:#fff4f4;cursor:pointer}.billing-page{padding:30px;background:#fff;color:#000;font-family:Inter,sans-serif;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-header h1{font-size:28px;color:#c00;font-weight:700;letter-spacing:.5px}.btn-primary,.btn-secondary{padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-primary{background:#c00;color:#fff}.btn-primary:hover{background:#a00}.btn-secondary{background:#fff;color:#c00;border:1px solid #c00}.btn-secondary:hover{background:#c00;color:#fff}.billing-container{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-top:20px}.billing-left,.billing-right{display:flex;flex-direction:column;gap:20px}.customer-section,.product-search-section,.gst-section,.invoice-items-section,.invoice-summary{background:#fff;border:1px solid #eee;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000000d}.customer-section h3,.product-search-section h3,.invoice-items-section h3,.invoice-summary h3,.gst-section h3{color:#c00;border-bottom:2px solid #f3f3f3;padding-bottom:10px;margin-bottom:15px;font-size:18px;font-weight:700}.search-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px}.product-search-results{margin-top:10px;border:1px solid #ddd;border-radius:6px;max-height:200px;overflow-y:auto}.product-result-item{display:flex;justify-content:space-between;padding:10px;cursor:pointer;border-bottom:1px solid #eee;transition:background .2s ease}.product-result-item:hover{background:#ffeaea}.invoice-item{border-bottom:1px solid #eee;padding:8px 0}.item-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.item-controls button{background:#c00;color:#fff;border:none;width:28px;height:28px;border-radius:4px;cursor:pointer;font-weight:700;transition:background .3s}.item-controls button:hover{background:#a00}.discount-input{width:65px;padding:6px;border:1px solid #ccc;border-radius:5px;text-align:center}.summary-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #eee}.grand-total{color:#c00;font-weight:700;font-size:1.1em;border-top:2px solid #c00;margin-top:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal.large{background:#fff;border-radius:10px;padding:25px;width:90%;max-width:900px;color:#000;max-height:90vh;overflow-y:auto;box-shadow:0 6px 30px #00000040}.close-btn{background:transparent;border:none;font-size:22px;color:#c00;float:right;cursor:pointer}.close-btn:hover{color:#a00}.invoice-preview{zoom:.9;transform-origin:top center}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #c00;padding-bottom:10px;margin-bottom:15px}.header-left{display:flex;align-items:flex-start;gap:15px}.invoice-logo{width:80px;height:80px;object-fit:contain;border:1px solid #eee;border-radius:6px;background:#fff}.logo-placeholder{width:80px;height:80px;border:1px dashed #c00;display:flex;align-items:center;justify-content:center;color:#c00;font-size:11px}.business-info h2{margin-bottom:4px;color:#000;font-weight:700}.header-right{text-align:right;min-width:200px}.header-right p{margin:2px 0}.invoice-table{width:100%;border-collapse:collapse;margin-top:15px}.invoice-table th,.invoice-table td{border:1px solid #ddd;padding:8px;text-align:left}.invoice-table th{background:#c00;color:#fff}.invoice-total{text-align:right;margin-top:20px}.invoice-total h3{color:#c00}.invoice-terms{margin-top:25px}.invoice-terms h4{color:#c00;margin-bottom:8px}.invoice-terms ul{padding-left:20px}.invoice-footer{display:flex;justify-content:space-between;margin-top:30px;border-top:1px solid #ccc;padding-top:15px}.owner-sign{text-align:right}.sign-line{border-bottom:1px solid #000;width:150px;margin:5px 0}.thanks{text-align:center;color:#c00;font-weight:600;margin-top:20px}@media (max-width: 900px){.invoice-header{flex-direction:column;align-items:flex-start}.header-right{text-align:left;margin-top:10px}.billing-container{grid-template-columns:1fr}}.invoice-items-table{width:100%;border-collapse:collapse;margin-top:10px}.invoice-items-table th,.invoice-items-table td{border:1px solid #444;padding:8px;text-align:center}.invoice-items-table th{background:#ff2e63;color:#fff}.qty-input,.discount-input{width:70px;text-align:center;border:1px solid #999;border-radius:4px;padding:4px;background:transparent;color:#000;outline:none}.modal.large{max-height:90vh;overflow-y:auto}.invoice-logo{max-width:120px;margin-bottom:10px}.customer-form-container{background:var(--dark-gray);border-radius:10px;padding:20px;margin-bottom:20px}.customer-form{display:flex;flex-direction:column;gap:15px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.customers-page{padding:20px}.customers-table-container{background:var(--dark-gray);border-radius:10px;overflow:hidden;margin-top:20px}.customers-table{width:100%;border-collapse:collapse}.customers-table th{background:var(--medium-gray);color:var(--neon-red);padding:15px;text-align:left;font-weight:600;border-bottom:2px solid var(--light-gray)}.customers-table td{padding:15px;border-bottom:1px solid var(--light-gray)}.customers-table tr:hover{background:var(--light-gray)}.customer-name{font-weight:600;color:var(--text-light)}.contact-info,.address-info{color:var(--text-gray);font-size:14px}.contact-info div,.address-info div{margin-bottom:2px}.gstin{font-family:monospace;background:var(--medium-gray);padding:2px 6px;border-radius:3px;font-size:12px}.no-customers{text-align:center;padding:40px;color:var(--text-gray);font-style:italic}@media (max-width: 768px){.customers-table-container{overflow-x:auto}.customers-table{min-width:800px}.customers-table th,.customers-table td{padding:10px}}.product-form-container{background:var(--dark-gray);border-radius:10px;padding:20px;margin-bottom:20px}.product-form{display:flex;flex-direction:column;gap:15px}.form-label{color:var(--text-gray);margin-bottom:5px;font-weight:600;display:flex;align-items:center}.form-input,.form-textarea,.form-select{background:var(--medium-gray);border:1px solid var(--light-gray);border-radius:5px;padding:10px;color:var(--text-light);font-size:14px;transition:all .3s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--neon-red);box-shadow:0 0 5px var(--neon-red)}.form-textarea{resize:vertical;min-height:80px}.form-checkbox{margin-right:8px;width:16px;height:16px;accent-color:var(--neon-red)}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:10px}.form-actions{flex-direction:column}.btn{width:100%}}.products-page{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{color:var(--neon-red)}.alert{padding:15px;border-radius:5px;margin-bottom:20px}.alert-warning{background:rgba(255,152,0,.2);border:1px solid #ff9800;color:#ff9800}.filters-section{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.search-input,.category-filter{background:var(--medium-gray);border:1px solid var(--light-gray);border-radius:5px;padding:10px;color:var(--text-light);min-width:200px}.search-input:focus,.category-filter:focus{outline:none;border-color:var(--neon-red)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.product-card{background:var(--dark-gray);border:1px solid var(--light-gray);border-radius:10px;padding:20px;transition:all .3s ease}.product-card:hover{border-color:var(--neon-red);transform:translateY(-2px);box-shadow:var(--neon-glow)}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.product-header h3{color:var(--text-light);margin:0;flex:1}.stock-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.stock-badge.good{background:#4caf50;color:#fff}.stock-badge.low{background:#f44336;color:#fff;animation:pulse 2s infinite}.product-details p{margin:5px 0;color:var(--text-gray)}.product-details strong{color:var(--text-light)}.product-actions{display:flex;gap:10px;margin-top:15px}.btn-sm{padding:5px 10px;font-size:12px}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#d32f2f}.no-products{text-align:center;padding:40px;color:var(--text-gray);font-style:italic}@media (max-width: 768px){.page-header{flex-direction:column;gap:15px;align-items:flex-start}.filters-section{flex-direction:column}.search-input,.category-filter{min-width:auto}.products-grid{grid-template-columns:1fr}.product-header{flex-direction:column;gap:10px}}.reports-page{padding:25px}.page-header h1{color:var(--neon-red);font-size:28px;margin-bottom:5px}.subtitle{color:var(--text-gray);font-size:15px}.filters-section{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:25px}.date-inputs{display:flex;gap:10px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:35px}.metric-card{background:var(--dark-gray);border-radius:12px;padding:20px;text-align:center;border:1px solid var(--light-gray);transition:.3s}.metric-card:hover{border-color:var(--neon-red);transform:translateY(-3px)}.metric-value{font-size:2em;font-weight:700;color:var(--neon-red);margin-bottom:8px}.metric-label{color:var(--text-gray);font-size:14px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:35px;margin-bottom:40px}.chart-container{background:var(--dark-gray);border-radius:10px;padding:25px;border:1px solid var(--light-gray)}.chart-container h3{color:var(--neon-red);margin-bottom:15px;text-align:center}.chart-insight{text-align:center;font-size:13px;color:var(--text-gray);margin-top:10px}@media (max-width: 768px){.charts-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}.date-inputs{flex-direction:column}}.tax-summary{text-align:center;margin-top:15px;color:var(--text-gray);font-size:14px}.tax-summary strong{color:var(--neon-red)}.admin-panel{padding:20px}.page-header{margin-bottom:30px}.page-header h1{color:var(--neon-red);margin-bottom:10px}.admin-tabs{display:flex;border-bottom:2px solid var(--light-gray);margin-bottom:30px;flex-wrap:wrap}.tab-button{background:none;border:none;padding:15px 25px;color:var(--text-gray);cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;font-weight:600}.tab-button.active{color:var(--neon-red);border-bottom-color:var(--neon-red)}.tab-content{background:var(--dark-gray);border-radius:10px;padding:20px}.tab-actions{margin-bottom:20px}.create-user-form{background:var(--medium-gray);border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid var(--light-gray)}.create-user-form h4{color:var(--neon-red);margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.form-group label{color:var(--text-light);margin-bottom:5px;font-weight:600}.form-input{background:var(--dark-gray);border:1px solid var(--light-gray);border-radius:5px;padding:10px;color:var(--text-light);font-size:14px}.form-input:focus{outline:none;border-color:var(--neon-red)}.form-actions{display:flex;gap:10px;margin-top:20px}.requests-grid{display:grid;gap:20px}.request-card{background:var(--medium-gray);border-radius:8px;padding:20px;border:1px solid var(--light-gray)}.request-info h4{color:var(--text-light);margin-bottom:10px}.subscription-setup{margin:15px 0;padding:15px;background:var(--dark-gray);border-radius:5px}.subscription-setup h5{color:var(--neon-red);margin-bottom:10px}.subscription-fields{display:grid;gap:10px}.expiry-info{color:var(--text-gray);font-size:14px}.request-actions{display:flex;gap:10px;margin-top:15px}.table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background:var(--medium-gray);color:var(--neon-red);padding:15px;text-align:left;font-weight:600}.admin-table td{padding:12px 15px;border-bottom:1px solid var(--light-gray)}.role-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.role-badge.super_admin{background:#ff2e63;color:#fff}.role-badge.admin{background:#00bcd4;color:#fff}.role-badge.client,.status-badge.active{background:#4caf50;color:#fff}.status-badge.inactive{background:#f44336;color:#fff}.action-buttons{display:flex;gap:5px}.loading{text-align:center;padding:40px;color:var(--text-gray)}.no-data{text-align:center;padding:40px;color:var(--text-gray);font-style:italic}.registration-container{min-height:100vh;background:linear-gradient(135deg,var(--black) 0%,var(--dark-gray) 100%);display:flex;align-items:center;justify-content:center;padding:20px}.registration-card{background:var(--dark-gray);border:2px solid var(--neon-red);border-radius:15px;padding:40px;width:100%;max-width:600px;box-shadow:var(--neon-glow)}.registration-header{text-align:center;margin-bottom:30px}.registration-header h1{color:var(--neon-red);font-size:28px;margin-bottom:10px}.registration-header p{color:var(--text-gray)}.registration-form{display:flex;flex-direction:column;gap:20px}.note{font-size:12px;color:var(--text-gray);font-style:italic;margin-top:10px}.registration-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--light-gray)}.registration-footer a{color:var(--neon-red);text-decoration:none}.registration-footer a:hover{text-decoration:underline}.login-page{min-height:100vh;background:linear-gradient(135deg,var(--black) 0%,var(--dark-gray) 100%);display:flex;align-items:center;justify-content:center;padding:20px}.login-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.login-header{text-align:center;margin-bottom:40px}.login-header h1{color:var(--neon-red);font-size:3em;margin-bottom:10px;text-shadow:var(--neon-glow)}.login-header p{color:var(--text-gray);font-size:1.2em}.login-card{background:var(--dark-gray);border:2px solid var(--neon-red);border-radius:15px;padding:40px;box-shadow:var(--neon-glow)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid var(--light-gray);padding-bottom:20px}.card-header h2{color:var(--text-light);margin:0}.switch-mode{background:none;border:none;color:var(--neon-red);cursor:pointer;text-decoration:underline;font-size:.9em}.switch-mode:hover{color:var(--primary-red)}.message{padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.message.success{background:rgba(76,175,80,.2);border:1px solid #4caf50;color:#4caf50}.message.error{background:rgba(244,67,54,.2);border:1px solid #f44336;color:#f44336}.message.info{background:rgba(33,150,243,.2);border:1px solid #2196f3;color:#2196f3}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:var(--text-light);margin-bottom:8px;font-weight:600}.form-group input,.form-group select{background:var(--medium-gray);border:1px solid var(--light-gray);border-radius:8px;padding:12px;color:var(--text-light);font-size:16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--neon-red);box-shadow:0 0 5px var(--neon-red)}.form-group input.error,.form-group select.error{border-color:#f44336}.error-text{color:#f44336;font-size:.9em;margin-top:5px}.registration-note{background:rgba(255,46,99,.1);border:1px solid var(--neon-red);border-radius:8px;padding:15px;margin:10px 0}.registration-note p{margin:0 0 10px;color:var(--text-light);font-weight:600}.registration-note ul{margin:0;padding-left:20px;color:var(--text-gray)}.registration-note li{margin-bottom:5px;font-size:.9em}.login-btn{background:var(--primary-red);color:#fff;border:none;border-radius:8px;padding:15px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-btn:hover{background:var(--dark-red);box-shadow:var(--neon-glow)}.login-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--light-gray)}.login-footer p{color:var(--text-gray);margin-bottom:10px}.link-btn{background:none;border:none;color:var(--neon-red);cursor:pointer;text-decoration:underline}.link-btn:hover{color:var(--primary-red)}.note{font-size:.9em;font-style:italic;color:var(--text-gray);margin-top:10px}.features-grid{display:grid;gap:30px}.feature{text-align:center;padding:30px;background:var(--dark-gray);border-radius:10px;border:1px solid var(--light-gray);transition:all .3s ease}.feature:hover{border-color:var(--neon-red);transform:translateY(-5px)}.feature-icon{font-size:3em;margin-bottom:15px}.feature h3{color:var(--text-light);margin-bottom:10px}.feature p{color:var(--text-gray);line-height:1.5}@media (max-width: 968px){.login-container{grid-template-columns:1fr;gap:30px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.login-card{padding:20px}.card-header{flex-direction:column;gap:10px;text-align:center}.features-grid{grid-template-columns:1fr}}.password-group{position:relative}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{width:100%;padding-right:40px}.eye-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:18px;color:#444}.eye-btn:hover{color:#000}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem}.auth-card{background:white;padding:3rem;border-radius:12px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:450px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:#333;margin-bottom:.5rem;font-size:2rem}.auth-header p{color:#666;font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;color:#333;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff}.form-group textarea{resize:vertical;min-height:80px}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.btn-full{width:100%}.alert{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.auth-footer{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #e1e5e9}.auth-link{color:#007bff;text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}.demo-credentials{margin-top:2rem;padding:1rem;background:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}.demo-credentials h3{margin-bottom:.5rem;color:#333;font-size:.9rem}.demo-credentials p{margin:.25rem 0;font-size:.8rem;color:#666}@media (max-width: 480px){.auth-container{padding:1rem}.auth-card{padding:2rem}}.business-setup{min-height:100vh;background:linear-gradient(135deg,var(--dark-gray) 0%,#1a1a1a 100%);display:flex;align-items:center;justify-content:center;padding:30px}.setup-container,.setup-card{background:var(--dark-gray);border:2px solid var(--neon-red);border-radius:15px;padding:40px;width:100%;max-width:650px;box-shadow:0 0 25px #ff2e634d;color:var(--text-light, #f5f5f5);position:relative;overflow:hidden}.setup-header{text-align:center;margin-bottom:35px}.setup-header h1{color:var(--neon-red);margin-bottom:10px;font-size:28px;letter-spacing:.5px}.setup-header p{color:var(--text-gray, #b3b3b3);font-size:14px}.progress-steps{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.progress-steps:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:var(--light-gray);z-index:1}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;text-align:center}.step-number{width:42px;height:42px;border-radius:50%;background:var(--medium-gray, #2f2f2f);color:var(--text-gray);display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:8px;transition:all .3s ease;box-shadow:0 0 0 transparent}.step.active .step-number{background:var(--neon-red);color:#fff;box-shadow:0 0 12px var(--neon-red)}.step.current .step-number{transform:scale(1.1);background:var(--neon-red);color:#fff}.step-title{font-size:12px;color:var(--text-gray)}.step.active .step-title{color:var(--neon-red)}.setup-form{display:flex;flex-direction:column;gap:35px}.setup-step h3{color:var(--neon-red);font-size:18px;margin-bottom:20px;border-bottom:1px solid var(--light-gray);padding-bottom:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.setup-form input,.setup-form select,.setup-form textarea{background:var(--medium-gray, #2a2a2a);border:1px solid var(--light-gray);border-radius:8px;padding:10px 12px;color:var(--text-light, #f5f5f5);font-size:14px;outline:none;transition:border-color .3s ease}.setup-form input:focus,.setup-form select:focus,.setup-form textarea:focus{border-color:var(--neon-red);box-shadow:0 0 6px #ff2e6366}.logo-upload-section{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.logo-preview-container{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.logo-preview{width:110px;height:110px;border-radius:10px;border:2px solid var(--neon-red);object-fit:cover;box-shadow:0 0 10px #ff2e634d}.logo-placeholder{width:110px;height:110px;border-radius:10px;border:2px dashed var(--light-gray);color:var(--text-gray);display:flex;align-items:center;justify-content:center;font-size:13px}.logo-upload-section small{font-size:12px;color:var(--text-gray)}.template-preview{display:flex;gap:20px;margin-top:10px}.template-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:12px;border:2px solid transparent;border-radius:8px;transition:all .3s ease}.template-option:hover{border-color:var(--light-gray)}.template-option.active{border-color:var(--neon-red);box-shadow:0 0 12px #ff2e6366}.template-preview-box{width:100px;height:140px;border:1px solid var(--light-gray);border-radius:8px;margin-bottom:10px;background:linear-gradient(135deg,var(--medium-gray) 0%,var(--dark-gray) 100%)}.template-preview-box.modern{background:linear-gradient(135deg,var(--neon-red) 0%,transparent 100%)}.template-preview-box.classic{background:linear-gradient(135deg,var(--light-gray) 0%,transparent 100%)}.completion-step{text-align:center;padding:40px 0}.completion-icon{font-size:4em;color:var(--neon-red);margin-bottom:15px}.completion-step h3{margin-bottom:8px;color:var(--text-light)}.setup-actions,.step-controls{display:flex;justify-content:space-between;margin-top:30px;gap:15px}.btn{padding:12px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:var(--neon-red);color:#fff;box-shadow:0 0 12px #ff2e6366}.btn-primary:hover{background:#e52358;transform:translateY(-1px)}.btn-secondary{background:var(--medium-gray);color:var(--text-light);border:1px solid var(--light-gray)}.btn-secondary:hover{background:#3a3a3a}.business-setup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:var(--text-gray)}.loading-spinner{border:4px solid var(--light-gray);border-top:4px solid var(--neon-red);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.setup-container,.setup-card{padding:25px}.progress-steps{flex-direction:column;gap:18px;align-items:flex-start}.progress-steps:before{display:none}.step{flex-direction:row;gap:15px}.form-row{grid-template-columns:1fr}.template-preview{flex-direction:column;align-items:center}.setup-actions,.step-controls{flex-direction:column;gap:10px}.logo-preview{width:90px;height:90px}}.messaging-page{padding:20px}.messaging-container{display:grid;grid-template-columns:300px 1fr 250px;gap:20px;height:calc(100vh - 200px);margin-top:20px}.users-sidebar,.notifications-sidebar{background:var(--dark-gray);border-radius:10px;padding:20px;border:1px solid var(--light-gray)}.users-sidebar h3,.notifications-sidebar h3{color:var(--neon-red);margin-bottom:15px;border-bottom:1px solid var(--light-gray);padding-bottom:10px}.user-list{display:flex;flex-direction:column;gap:10px}.user-item{display:flex;align-items:center;padding:10px;border-radius:5px;cursor:pointer;transition:all .3s ease;gap:10px}.user-item:hover{background:var(--medium-gray)}.user-item.selected{background:var(--neon-red);color:#fff}.user-avatar{font-size:1.2em}.user-name{flex:1;font-weight:500}.unread-badge{width:8px;height:8px;background:var(--neon-red);border-radius:50%}.message-area{background:var(--dark-gray);border-radius:10px;padding:20px;border:1px solid var(--light-gray);display:flex;flex-direction:column}.message-header{border-bottom:1px solid var(--light-gray);padding-bottom:15px;margin-bottom:15px}.message-header h3{color:var(--neon-red);margin:0}.messages-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:15px;padding:10px 0}.message{display:flex;max-width:80%;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-self:flex-end;flex-direction:row-reverse}.message.received{align-self:flex-start}.message-content{background:var(--medium-gray);padding:12px 15px;border-radius:15px;position:relative}.message.sent .message-content{background:var(--neon-red);color:#fff}.message.priority.high .message-content{border-left:4px solid #ff9800}.message.priority.urgent .message-content{border-left:4px solid #f44336}.message-time{font-size:11px;opacity:.7;display:block;margin-top:5px}.unread-indicator{width:8px;height:8px;background:var(--neon-red);border-radius:50%;margin-left:10px;align-self:center}.message-input-form{margin-top:20px}.input-group{display:flex;gap:10px}.message-input{flex:1;background:var(--medium-gray);border:1px solid var(--light-gray);border-radius:10px;padding:12px;color:var(--text-light);resize:vertical;min-height:60px}.message-input:focus{outline:none;border-color:var(--neon-red)}.send-button{background:var(--neon-red);color:#fff;border:none;border-radius:10px;padding:0 20px;cursor:pointer;font-weight:600;transition:all .3s ease}.send-button:hover{background:var(--dark-red);box-shadow:var(--neon-glow)}.no-selection{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-gray);font-style:italic}.notifications-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.notification-item{display:flex;gap:10px;padding:10px;background:var(--medium-gray);border-radius:5px;border-left:3px solid var(--neon-red)}.notification-icon{font-size:1.2em}.notification-content{flex:1}.notification-content p{margin:0 0 5px;font-size:14px}.notification-time{font-size:11px;color:var(--text-gray)}.no-notifications{text-align:center;color:var(--text-gray);font-style:italic;padding:20px}@media (max-width: 1024px){.messaging-container{grid-template-columns:250px 1fr}.notifications-sidebar{display:none}}@media (max-width: 768px){.messaging-container{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto}.users-sidebar{order:1}.message-area{order:2;min-height:400px}.notifications-sidebar{order:3;display:block}.message{max-width:95%}.input-group{flex-direction:column}.send-button{padding:12px}}.settings-page{background:#fff;color:#000;padding:30px;font-family:Inter,sans-serif}.settings-page h1{color:#c00;margin-bottom:5px}.settings-section{background:#fff;border:1px solid #eee;border-radius:10px;padding:25px;box-shadow:0 2px 10px #0000000d}.form-grid{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:600px;margin:0 auto;gap:20px}label{width:100%;max-width:500px;display:flex;flex-direction:column;font-weight:600;color:#c00}input,textarea{width:100%;padding:10px;margin-top:5px;border:1px solid #ddd;border-radius:6px;font-size:14px}textarea{resize:none;height:80px}.logo-preview-container{width:100%;display:flex;justify-content:center}.logo-preview{max-width:120px;border:2px solid #c00;border-radius:8px;padding:5px;background:#fff}.save-btn{margin:20px auto 0;width:200px;background:#c00;color:#fff;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;font-weight:600}.save-btn:hover{background:#a00}.form-vertical{display:flex;flex-direction:column;gap:18px;max-width:500px;margin:auto}label{display:flex;flex-direction:column;font-weight:600;color:#c00}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--black) 0%,var(--dark-gray) 100%);padding:20px}.error-content{text-align:center;background:var(--dark-gray);padding:40px;border-radius:15px;border:2px solid var(--neon-red);box-shadow:var(--neon-glow);max-width:600px;width:100%}.error-icon{font-size:4em;margin-bottom:20px;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-content h2{color:var(--neon-red);margin-bottom:15px;font-size:24px}.error-content p{color:var(--text-light);margin-bottom:20px;line-height:1.5}.error-details{background:var(--medium-gray);border:1px solid var(--light-gray);border-radius:5px;padding:15px;margin:20px 0;text-align:left;max-height:200px;overflow-y:auto}.error-details summary{cursor:pointer;color:var(--neon-red);font-weight:600;margin-bottom:10px}.error-details pre{color:var(--text-gray);font-size:12px;white-space:pre-wrap;word-wrap:break-word}.error-actions{display:flex;gap:15px;justify-content:center;margin:30px 0;flex-wrap:wrap}.error-support{border-top:1px solid var(--light-gray);padding-top:20px;margin-top:20px}.error-support p{color:var(--text-gray);font-size:14px;margin:0}@media (max-width: 768px){.error-content{padding:20px}.error-actions{flex-direction:column}.btn{width:100%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #ffffff;--bg-card: #ffffff;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--accent-red: #ff0000;--accent-red-hover: #cc0000;--accent-red-light: #ff3333;--border-color: #ff0000;--border-light: #ffcccc;--shadow: 0 2px 8px rgba(255, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(255, 0, 0, .2);--success: #28a745;--warning: #ffc107;--danger: #ff0000;--info: #17a2b8}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #2d2d2d;--bg-card: #1a1a1a;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #999999;--accent-red: #ff0000;--accent-red-hover: #ff3333;--accent-red-light: #ff6666;--border-color: #ff0000;--border-light: #330000;--shadow: 0 2px 8px rgba(255, 0, 0, .3);--shadow-hover: 0 4px 12px rgba(255, 0, 0, .5)}html{font-size:16px;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{color:var(--text-secondary);margin-bottom:1rem}a{color:var(--accent-red);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-red-hover)}.btn{padding:.75rem 1.5rem;border:2px solid var(--accent-red);border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary{background:var(--accent-red);color:#fff}.btn-primary:hover{background:var(--accent-red-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--accent-red);border:2px solid var(--accent-red)}.btn-secondary:hover{background:var(--accent-red);color:#fff}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#cc0000}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 0 3px #ff00001a}.form-textarea{resize:vertical;min-height:100px}.card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stat-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;text-align:center;box-shadow:var(--shadow)}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stat-value{font-size:2.5rem;font-weight:700;color:var(--accent-red);margin-bottom:.5rem}.stat-label{color:var(--text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.table-container{background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;overflow:hidden}table{width:100%;border-collapse:collapse}th{background:var(--bg-secondary);color:var(--accent-red);padding:1rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border-color)}td{padding:1rem;border-bottom:1px solid var(--border-light);color:var(--text-primary)}tr:hover{background:var(--bg-secondary)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.alert{padding:1rem;border-radius:6px;margin-bottom:1rem;border:2px solid}.alert-success{background:rgba(40,167,69,.1);border-color:var(--success);color:var(--success)}.alert-danger{background:rgba(255,0,0,.1);border-color:var(--danger);color:var(--danger)}.alert-warning{background:rgba(255,193,7,.1);border-color:var(--warning);color:var(--warning)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-red);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-red-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.slide-in{animation:slideIn .3s ease}@media (max-width: 768px){html{font-size:14px}.btn{width:100%;justify-content:center}.card{padding:1rem}}