*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{padding:12px}button{-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation;transition:all .3s ease}button:hover{opacity:.8}button:active{transform:scale(.98)}input,select,textarea{-webkit-appearance:none;border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;width:100%}input:focus,select:focus,textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media (min-width:768px){.container{padding:20px}input,select,textarea{font-size:14px}}.App{min-height:100vh}.App,body{overflow-x:hidden;width:100%}body{margin:0;padding:0}#root{min-height:100vh;width:100%}.navbar{background-color:#000;box-shadow:0 2px 4px #0000001a;color:#fff;justify-content:space-between;padding:12px 16px}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:12px}.navbar-logo{border-radius:8px;height:40px;width:40px}.navbar h1{font-size:18px;font-weight:700;margin:0}.navbar-links{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.navbar-links span{display:none}.navbar-links button{background:none;border:none;color:#fff;font-size:14px;padding:6px 12px;white-space:nowrap}.navbar-links button:hover{background-color:#ffffff1a;border-radius:4px}@media (min-width:768px){.navbar{padding:15px 30px}.navbar h1{font-size:24px}.navbar-links{gap:20px}.navbar-links span{display:inline}.navbar-links button{font-size:16px;padding:8px 16px}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:16px}.auth-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:24px;width:100%}@media (min-width:768px){.auth-box{padding:40px}}.auth-box h2{color:#333;margin-bottom:30px;text-align:center}.form-group label{color:#555;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;width:100%}.btn-primary{background-color:#667eea;border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:600;margin-top:10px;padding:12px;width:100%}.btn-primary:hover{background-color:#5568d3}.auth-link{color:#666;margin-top:20px;text-align:center}.auth-link a{color:#667eea;font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.dashboard{max-width:100%;padding:12px}.container,.dashboard{box-sizing:border-box;width:100%}.container{margin:0 auto;max-width:1200px;padding:0}.dashboard-header{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;margin-bottom:16px;padding:16px;width:100%}.dashboard-header h2{font-size:20px}.map-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:300px;margin-bottom:16px;overflow:hidden}.map-container,.ride-card{box-sizing:border-box;width:100%}@media (min-width:768px){.dashboard{padding:20px}.dashboard-header{margin-bottom:20px;padding:20px}.dashboard-header h2{font-size:24px}.map-container{height:500px}}.ride-form{border-radius:8px;margin-top:16px}.ride-card,.ride-form{background:#fff;box-shadow:0 2px 8px #0000001a;padding:16px}.ride-card,.ride-card h3{margin-bottom:12px}.ride-card h3{color:#333;font-size:18px}.ride-info{color:#666;flex-direction:column;gap:8px}.ride-info p{line-height:1.5}@media (min-width:768px){.ride-form{margin-top:20px;padding:20px}.ride-card{margin-bottom:15px;padding:20px}.ride-card h3{font-size:20px;margin-bottom:15px}.ride-info{font-size:16px;gap:10px}}.btn-accept{background-color:#10b981;border:none;color:#fff}.btn-accept,.btn-cancel{border-radius:6px;font-size:15px;font-weight:500;margin-top:12px;padding:12px;width:100%}.btn-cancel{background-color:#ef4444}.btn-complete{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:15px;font-weight:500;margin-top:12px;padding:12px;width:100%}@media (min-width:768px){.btn-accept,.btn-cancel,.btn-complete{margin-top:15px;padding:10px 20px;width:auto}.btn-cancel{margin-left:10px}}.notification-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.notification-card{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px}.notification-header h2{font-size:24px;font-weight:700;margin:0}.notification-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;transition:background .2s;width:36px}.notification-close:hover{background:#ffffff4d}.notification-body{padding:24px}.notification-detail{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 0}.notification-detail:last-child{border-bottom:none}.notification-detail .label{color:#6b7280;font-size:14px;font-weight:600}.notification-detail .value{color:#1f2937;flex:1 1;font-size:14px;font-weight:500;margin-left:16px;text-align:right}.notification-detail .value.highlight{color:#10b981;font-size:18px;font-weight:700}.notification-actions{display:flex;gap:12px;padding:16px 24px 24px}.btn-ignore{background:#f3f4f6;border:none;border-radius:8px;color:#4b5563;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.btn-ignore:hover{background:#e5e7eb}.btn-accept-notification{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 12px #10b98166;color:#fff;cursor:pointer;flex:2 1;font-size:16px;font-weight:700;padding:14px 24px;transition:all .2s}.btn-accept-notification:hover{box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.btn-accept-notification:active{transform:translateY(0)}.support-dashboard{background-color:#f5f5f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.support-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;justify-content:space-between;margin-bottom:20px;padding:20px}.support-brand,.support-header{align-items:center;display:flex}.support-brand{gap:12px}.support-logo{border-radius:8px;height:48px;width:48px}.support-header h1{color:#333;margin:0}.btn-logout{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.btn-logout:hover{background-color:#d32f2f}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.btn-refresh{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.btn-refresh:hover{background-color:#1976d2}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.refresh-status{color:#555;font-size:13px}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:15px}.pagination-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background-color .2s}.pagination-button:hover:not(:disabled){background-color:#3d8c40}.pagination-button:disabled{background-color:#bdbdbd;cursor:not-allowed}.pagination-info{color:#555;font-size:13px}.support-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;margin-bottom:20px;padding:15px}.support-tabs button{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s}.support-tabs button:hover{background-color:#f1f8f4;border-color:#4caf50}.support-tabs button.tab-active{background-color:#4caf50;border-color:#4caf50;color:#fff}.support-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:25px}.filter-section{margin-bottom:20px}.filter-input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .3s;width:100%}.filter-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.filter-input::placeholder{color:#999}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:25px;text-align:center}.stat-card.highlight{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card h3{font-size:14px;letter-spacing:1px;margin:0 0 10px;opacity:.9;text-transform:uppercase}.stat-value{font-size:36px;font-weight:700}.rides-by-status{background:#f9f9f9;border-radius:8px;padding:20px}.rides-by-status h3{color:#333;margin-top:0}.status-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.status-item{align-items:center;background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:12px}.status-count{color:#666;font-size:20px;font-weight:700}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-requested{background-color:#fff3cd;color:#856404}.status-accepted{background-color:#d1ecf1;color:#0c5460}.status-in-progress{background-color:#cce5ff;color:#004085}.status-completed{background-color:#d4edda;color:#155724}.status-cancelled{background-color:#f8d7da;color:#721c24}.rides-section h2{color:#333;margin-top:0}.no-data{color:#999;font-size:16px}.rides-list{display:flex;flex-direction:column;gap:15px}.ride-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:box-shadow .3s}.ride-card:hover{box-shadow:0 4px 8px #0000001a}.ride-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.ride-id{color:#666;font-size:16px;font-weight:700}.ride-time{color:#999;font-size:13px}.ride-details{gap:12px}.ride-details,.ride-route{display:flex;flex-direction:column}.ride-route{gap:8px}.location{background:#fff;border-radius:4px;font-size:14px;padding:8px 12px}.ride-info{display:flex;font-weight:500;gap:20px}.participant-info,.ride-info{background:#fff;border-radius:4px;font-size:14px;padding:10px}.ride-actions{display:flex;gap:10px;margin-top:10px}.btn-cancel{background-color:#f44336;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px}.btn-cancel:hover{background-color:#d32f2f}.rides-table{overflow-x:auto}.rides-table table{border-collapse:collapse;width:100%}.rides-table td,.rides-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.rides-table th{background-color:#f5f5f5;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rides-table td{font-size:14px}.rides-table tr:hover{background-color:#f9f9f9}.small-text{color:#666;font-size:12px;margin-top:2px}.btn-cancel-small{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.btn-cancel-small:hover{background-color:#d32f2f}.riders-table{overflow-x:auto}.riders-table table{border-collapse:collapse;width:100%}.riders-table td,.riders-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.riders-table th{background-color:#f5f5f5;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.riders-table td{font-size:14px}.riders-table tr:hover{background-color:#f9f9f9}.drivers-table{overflow-x:auto}.drivers-table table{border-collapse:collapse;width:100%}.drivers-table td,.drivers-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.drivers-table th{background-color:#f5f5f5;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.drivers-table td{font-size:14px}.drivers-table tr:hover{background-color:#f9f9f9}.availability-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.availability-badge.available{background-color:#d4edda;color:#155724}.availability-badge.unavailable{background-color:#f8d7da;color:#721c24}.loading{font-size:18px;padding:60px}.modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:500px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#333;font-size:20px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background-color:#f5f5f5;color:#333}.modal-body{padding:24px}.modal-body p{color:#555;font-size:15px;margin:0 0 16px}.ride-summary{background-color:#f9f9f9;border-left:4px solid #4caf50;border-radius:8px;margin-bottom:20px;padding:16px}.ride-summary p{color:#333;font-size:14px;margin:8px 0}.ride-summary strong{color:#666;margin-right:8px}.cancel-prompt{color:#333!important;font-weight:500}.cancel-reason-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.cancel-reason-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.validation-hint{color:#999;font-size:13px;font-style:italic;margin-top:8px}.modal-footer{border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-modal-cancel{background-color:#f5f5f5;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-modal-cancel:hover{background-color:#e0e0e0;border-color:#ccc}.btn-modal-confirm{background-color:#f44336;border:2px solid #f44336;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-modal-confirm:hover{background-color:#d32f2f;border-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-1px)}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.drivers-table{font-size:12px}.drivers-table td,.drivers-table th{padding:10px}.support-tabs{flex-wrap:wrap}.support-tabs button{flex:1 1;min-width:150px}}.verification-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.verification-section h2{color:#333;margin:0 0 20px}.verification-table{overflow-x:auto}.verification-table table{border-collapse:collapse;min-width:800px;width:100%}.verification-table th{background-color:#f5f5f5;border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.verification-table td{border-bottom:1px solid #e0e0e0;padding:12px;vertical-align:top}.verification-table tbody tr:hover{background-color:#f9f9f9}.document-links-compact{display:flex;flex-direction:column;gap:6px}.document-links-compact a{color:#2196f3;display:inline-block;font-size:.85rem;text-decoration:none}.document-links-compact a:hover{text-decoration:underline}.btn-table-action{font-size:.875rem;font-weight:500;padding:6px 16px;transition:background-color .2s}.btn-review{background-color:#2196f3}.btn-review:hover{background-color:#1976d2}.driver-details{background:#f9f9f9;border-radius:4px;margin-bottom:20px;padding:15px}.driver-details p{color:#333;margin:8px 0}.documents-review{margin-bottom:20px}.documents-review h3{color:#333;margin:0 0 15px}.document-links-modal{display:flex;flex-direction:column;gap:12px}.document-links-modal .document-link{align-items:center;background:#f9f9f9;border-radius:4px;display:flex;justify-content:space-between;padding:12px}.document-links-modal .document-link strong{color:#333}.document-links-modal .document-link a{color:#2196f3;font-weight:500;text-decoration:none}.document-links-modal .document-link a:hover{text-decoration:underline}.verification-notes-section{margin-top:20px}.verification-notes-section label{color:#333;display:block;margin-bottom:8px}.verification-notes-input{border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.verification-notes-input:focus{border-color:#2196f3;outline:none}.btn-modal-approve{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.btn-modal-approve:hover{background-color:#45a049}.btn-modal-reject{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.btn-modal-reject:hover{background-color:#d32f2f}.no-data{color:#666;padding:40px;text-align:center}.no-data.small{color:#6b7280;font-size:14px;padding:10px}.no-data p{font-size:1.1rem}.pricing-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.pricing-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.pricing-header h2{color:#333;font-size:1.5rem;margin:0}.pricing-controls{align-items:center;display:flex;gap:12px}.city-select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;min-width:200px;padding:10px 16px}.city-select:focus{border-color:#4f46e5;outline:none}.btn-cancel,.btn-edit,.btn-save{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-edit{background-color:#4f46e5}.btn-edit:hover{background-color:#4338ca}.btn-save{background-color:#10b981;color:#fff}.btn-save:hover{background-color:#059669}.btn-cancel{background-color:#6b7280;color:#fff}.btn-cancel:hover{background-color:#4b5563}.edit-actions{display:flex;gap:8px}.pricing-content{margin-top:24px}.currency-info{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:16px}.currency-info h3{color:#333;font-size:1.1rem;margin:0 0 12px}.currency-details{display:flex;flex-wrap:wrap;gap:24px}.currency-details span{color:#555;font-size:14px}.currency-details strong{color:#333}.vehicle-pricing-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.vehicle-pricing-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease}.vehicle-pricing-card:hover{border-color:#9ca3af;box-shadow:0 4px 12px #0000000d}.vehicle-type-header{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;padding:16px;text-align:center}.vehicle-type-header h3{font-size:1.2rem;margin:0}.pricing-fields{padding:20px}.pricing-field{margin-bottom:16px}.pricing-field label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-group{align-items:center;border:2px solid #e0e0e0;border-radius:4px;display:flex;overflow:hidden;transition:border-color .3s ease}.input-group:focus-within{border-color:#6b7280}.input-group input{border:none;flex:1 1;font-size:16px;outline:none;padding:10px 12px}.input-group input:disabled{background-color:#f5f5f5;color:#666}.currency-label{background:#f8f9fa;border-left:2px solid #e0e0e0;color:#666;font-size:14px;font-weight:600;padding:10px 12px}.pricing-preview{background:#f8f9fa;border-left:4px solid #6b7280;border-radius:4px;margin-top:16px;padding:12px}.pricing-preview strong{color:#4b5563;display:block;font-size:14px;margin-bottom:10px}.preview-breakdown{display:flex;flex-direction:column;gap:8px}.preview-line{align-items:center;color:#6c757d;display:flex;font-size:14px;justify-content:space-between}.preview-line span:first-child{color:#495057}.preview-line span:last-child{color:#212529;font-weight:600}.preview-total{border-top:2px solid #dee2e6;font-size:16px;font-weight:700;margin-top:8px;padding-top:8px}.preview-total span{color:#4caf50!important}.preview-amount{color:#374151;font-size:18px;font-weight:700}.pricing-documentation{margin-top:24px}.pricing-info-card{background:#f8f9fa;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#333;margin-bottom:24px;padding:24px}.pricing-info-card h3{color:#1f2937;font-size:1.3rem;font-weight:700;margin:0 0 16px}.pricing-info-card h4{color:#4b5563;font-size:1.1rem;font-weight:600;margin:20px 0 12px}.info-content{font-size:15px;line-height:1.7}.info-content p{margin:0 0 16px}.formula-example{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:16px 0;padding:16px}.formula-example .formula{color:#1f2937;font-size:15px;margin-bottom:12px}.formula-example .example{color:#6b7280;font-size:14px}.formula-example code{background:#f3f4f6;border-radius:4px;color:#374151;display:block;font-family:Courier New,monospace;margin-top:8px;padding:8px 12px}.info-content ul{list-style:none;padding:0}.info-content ul li{border-bottom:1px solid #e5e7eb;padding:8px 0 8px 8px}.info-content ul li:last-child{border-bottom:none}.info-content ol{margin:12px 0;padding-left:24px}.info-content ol li{line-height:1.6;margin-bottom:12px}.command-code{background:#f3f4f6;border-radius:6px;color:#374151;display:block;font-family:Courier New,monospace;font-size:13px;margin-top:8px;overflow-x:auto;padding:12px;white-space:pre}.warning-box{background:#fef2f2;border:2px solid #fca5a5;border-radius:8px}.warning-box strong{color:#991b1b;display:block;font-size:15px;margin-bottom:8px}.warning-box ul{list-style:disc;padding-left:20px}.warning-box ul li{border-bottom:none;padding:4px 0}.config-output{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-top:24px;padding:24px}.config-output h3{color:#1f2937;font-size:1.2rem;margin:0 0 12px}.config-output p{color:#6b7280;margin:0 0 16px}.config-output code{background:#fef3c7;border-radius:3px;color:#92400e;font-family:Courier New,monospace;padding:2px 6px}.config-copy-section{position:relative}.btn-copy-config{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;position:absolute;right:12px;top:12px;transition:all .2s;z-index:1}.btn-copy-config:hover{background:#4b5563}.config-text{background:#f3f4f6;border-radius:8px;color:#374151;font-family:Courier New,monospace;font-size:13px;line-height:1.6;max-height:400px;overflow-x:auto;overflow-y:auto;padding:48px 16px 16px;white-space:pre}.pricing-info{background:#f9fafb;border:2px solid #d1d5db;border-radius:8px;margin-top:24px;padding:20px}.pricing-info h3{color:#1f2937;font-size:1.1rem;margin:0 0 16px}.pricing-info ol{color:#4b5563;margin:0 0 16px;padding-left:24px}.pricing-info li{line-height:1.6;margin-bottom:8px}.pricing-info code{background:#e5e7eb;border-radius:3px;color:#374151;font-family:Courier New,monospace;padding:2px 6px}.pricing-note{background:#e5e7eb;border-radius:4px;color:#4b5563;font-size:14px;padding:12px}.pricing-note strong{color:#1f2937}.loading{color:#666;font-size:1.1rem;padding:40px;text-align:center}.cancellation-fee-config{background:#fff;border-radius:8px;padding:24px}.config-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.config-header h2{color:#1f2937;margin:0 0 8px}.config-description{color:#6b7280;font-size:14px;margin:0}.btn-add{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.btn-add:hover{background-color:#059669}.config-table{margin-bottom:24px;overflow-x:auto}.config-table table{background:#fff;border-collapse:collapse;width:100%}.config-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;text-align:left}.config-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;padding:12px}.config-table tr:hover{background-color:#f9fafb}.fee-amount{color:#059669;font-size:15px;font-weight:600}.status-active{background-color:#d1fae5;color:#065f46}.status-active,.status-inactive{border-radius:12px;font-size:13px;font-weight:500;padding:4px 12px}.status-inactive{background-color:#f3f4f6;color:#6b7280}.action-buttons{align-items:center;display:flex;gap:8px}.btn-table-action{border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.analytics-section{display:flex;flex-direction:column;font-family:Space Grotesk,Segoe UI,sans-serif;gap:24px}.analytics-header-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.analytics-updated{color:#374151;font-size:14px;margin:8px 0 0}.analytics-empty-note{background:#f9fafb;border:1px solid #d1d5db;border-radius:12px;color:#374151;font-size:14px;padding:16px 18px}.analytics-header-actions .btn-export.subtle{background:#0000;border:2px solid #1e3a8a4d;color:#1e3a8a;font-weight:600;padding:10px 18px}.analytics-header-actions .btn-export.subtle:hover{background-color:#1e3a8a14;border-color:#1e3a8a}.analytics-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.analytics-metric-card{background:#fff;border:1px solid #dbeafe;border-radius:16px;box-shadow:0 10px 24px #0f172a14;color:#0f172a;min-height:120px;overflow:hidden;padding:20px;position:relative}.analytics-metric-card.primary{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.analytics-metric-card:after{border:1px solid #0f172a0d;border-radius:12px;content:"";inset:20px;position:absolute}.metric-label{color:#1f2937;font-size:12px;letter-spacing:1px;text-transform:uppercase}.metric-value{font-size:32px;font-weight:600;margin:6px 0}.metric-meta{color:#4b5563;font-size:13px}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.analytics-card{background:#fff;border:1px solid #d1d5db;border-radius:18px;box-shadow:0 12px 28px #0f172a14;color:#111827;overflow:hidden;padding:22px;position:relative}.analytics-card:before{background:radial-gradient(circle at top right,#4f46e514,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.analytics-card>*{position:relative;z-index:1}.analytics-card.span-2{grid-column:span 2}.card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.card-header h3{color:#0f172a;font-size:18px;margin:0}.card-header p{color:#4b5563;font-size:13px;margin:4px 0 0}.card-tag{border:1px solid #11182733;border-radius:999px;color:#1f2937;font-size:11px;letter-spacing:1px;padding:4px 10px;text-transform:uppercase}.card-tag.secondary{border-color:#0ea5e94d;color:#0369a1}.card-tag.tertiary{border-color:#ea580c4d;color:#c2410c}.card-tag.accent{border-color:#10b9814d;color:#047857}.trend-bars{align-items:flex-end;display:flex;gap:18px;min-height:200px}.trend-bar{flex:1 1;position:relative;text-align:center}.trend-bar-fill{background:linear-gradient(180deg,#93c5fd,#1d4ed8);border-radius:10px 10px 4px 4px;min-height:4px;transition:height .4s ease;width:100%}.trend-label{color:#1f2937;margin-top:10px}.trend-count,.trend-label{display:block;font-size:12px}.trend-count{color:#111827;margin-top:4px}.status-breakdown{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.status-breakdown li{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:90px 1fr auto}.status-pill{background:#e0e7ff;border-radius:999px;color:#1e1b4b;font-size:12px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-bar{background:#c7d2fe;border-radius:999px;height:8px;overflow:hidden}.status-bar-fill{background:linear-gradient(90deg,#93c5fd,#2563eb);height:8px}.status-meta{color:#0f172a;font-size:12px}.leaderboard{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0}.leaderboard li{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;justify-content:space-between;padding-bottom:12px}.leaderboard li:last-child{border-bottom:none;padding-bottom:0}.leaderboard-rank{color:#2563eb;font-size:20px;font-weight:600}.leaderboard-meta{color:#1d4ed8;font-size:13px}.leaderboard-pill{border:1px solid #2563eb4d;border-radius:999px;color:#1e3a8a;font-size:12px;padding:6px 12px}.leaderboard-pill.verified{border-color:#0ea5e980;color:#0284c7}.insights-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.insights-list li{align-items:flex-start;background:#dbeafed9;border:1px solid #93c5fd99;border-radius:12px;display:flex;gap:12px;padding:12px}.insights-list li span{font-size:18px}.insights-list li p{color:#0f172a;font-size:14px;margin:0}@media (max-width:960px){.analytics-card.span-2{grid-column:span 1}.status-breakdown li{gap:6px;grid-template-columns:1fr}}.btn-toggle{background-color:#f3f4f6;font-size:16px}.btn-toggle:hover{background-color:#e5e7eb}.btn-review{background-color:#3b82f6;color:#fff}.btn-review:hover{background-color:#2563eb}.btn-edit{background-color:#f59e0b;color:#fff}.btn-edit:hover{background-color:#d97706}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{background-color:#dc2626}.config-info{margin-top:32px}.info-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:24px}.info-card h3{color:#1f2937;margin:0 0 16px}.info-card h4{color:#374151;font-size:16px;margin:20px 0 12px}.info-content{color:#4b5563;line-height:1.6}.info-content ul{margin:12px 0;padding-left:24px}.info-content li{margin-bottom:8px}.example-box{background:#fff;border:1px solid #d1d5db;border-radius:6px;margin:12px 0;padding:16px}.example-table{border-collapse:collapse;width:100%}.example-table td,.example-table th{border-bottom:1px solid #e5e7eb;padding:8px 12px;text-align:left}.example-table th{background-color:#f9fafb;color:#374151;font-weight:600}.warning-box{background:#fef3c7;border:2px solid #fbbf24;border-radius:6px;margin-top:20px;padding:16px}.warning-box ul{margin:8px 0 0;padding-left:24px}.warning-box li{margin-bottom:6px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:6px}.form-group small{color:#6b7280;display:block;font-size:12px;margin-top:4px}.form-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.delete-summary{background:#f9fafb;border-radius:6px;margin:16px 0;padding:16px}.delete-summary p{color:#374151;margin:8px 0}.warning-text{color:#dc2626;font-weight:500;margin-top:16px}.btn-modal-delete{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s}.btn-modal-delete:hover{background-color:#dc2626}
/*# sourceMappingURL=main.65096a3b.css.map*/