:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html{font-size:15px}.analytics{padding:1.5rem;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh}.analytics__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.analytics__header h1{margin:0;color:#1e293b;font-size:2rem;font-weight:700}.header-actions{display:flex;gap:.75rem}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analytics__filters{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.25rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#475569;font-size:.875rem}.filter-input{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:border-color .15s ease}.filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-actions{margin-left:auto;display:flex;gap:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 25px #00000026;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:#ffffff1a;border-radius:50%;transform:translate(30%,-30%)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-header h3{margin:0;font-size:.875rem;font-weight:500;opacity:.9}.stat-icon{font-size:1.5rem;opacity:.8}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;line-height:1}.stat-change{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.stat-subtitle{font-size:.875rem;opacity:.8}.analytics__content{display:flex;flex-direction:column;gap:2rem}.analytics-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;border:1px solid #e2e8f0}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.section-header h2{margin:0;color:#1e293b;font-size:1.375rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.section-actions{display:flex;gap:.75rem}.section-content{padding:2rem}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.metric{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.metric-label{font-size:.875rem;color:#64748b;font-weight:500}.metric-value{font-size:1.875rem;font-weight:700;color:#1e293b}.chart-section{margin-bottom:2rem}.chart-section:last-child{margin-bottom:0}.chart-section h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.car-usage-list{display:flex;flex-direction:column;gap:1rem}.usage-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.usage-item:hover{background:#f1f5f9;border-color:#cbd5e1}.usage-rank{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.usage-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.usage-info strong{color:#1e293b;font-weight:600}.usage-info small{color:#64748b;font-size:.75rem}.usage-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;font-size:.875rem}.usage-stats span:first-child{color:#64748b}.usage-stats span:last-child{color:#10b981;font-weight:600}.popular-times{display:flex;flex-direction:column;gap:.75rem}.time-bar{display:flex;align-items:center;gap:1rem}.time-label{width:60px;font-weight:600;color:#475569;font-size:.875rem}.time-bar-container{flex:1;height:24px;background:#f1f5f9;border-radius:12px;overflow:hidden}.time-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:12px;transition:width .3s ease}.time-count{width:40px;text-align:right;font-weight:600;color:#1e293b;font-size:.875rem}.role-chart{display:flex;flex-direction:column;gap:1rem}.role-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.role-label{width:120px;font-weight:600;color:#475569;font-size:.875rem;text-transform:capitalize}.role-bar-container{flex:1;height:24px;background:#f1f5f9;border-radius:12px;overflow:hidden}.role-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:12px;transition:width .3s ease}.role-count{width:40px;text-align:right;font-weight:600;color:#1e293b;font-size:.875rem}.revenue-users-list{display:flex;flex-direction:column;gap:1rem}.revenue-user-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.revenue-user-item:hover{background:#f1f5f9;border-color:#cbd5e1}.revenue-rank{width:32px;height:32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.revenue-user-info{flex:1}.revenue-user-info strong{color:#1e293b;font-weight:600}.revenue-value{color:#10b981;font-weight:700;font-size:1.125rem}.daily-revenue-chart{display:flex;align-items:end;gap:1rem;height:200px;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.daily-revenue-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;gap:.5rem}.daily-revenue-fill{width:100%;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease}.daily-revenue-label{font-size:.75rem;color:#64748b;font-weight:500;margin-top:auto}.daily-revenue-value{font-size:.75rem;color:#1e293b;font-weight:600}.btn{padding:.625rem 1.25rem;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}@media(max-width:768px){.analytics{padding:1rem}.analytics__header{flex-direction:column;align-items:stretch;gap:1rem}.analytics__filters{flex-direction:column;align-items:stretch}.filter-actions{margin-left:0;margin-top:1rem}.stats-grid,.metrics-row{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:stretch;gap:1rem}.section-content{padding:1rem}.usage-item{flex-direction:column;align-items:stretch;text-align:center}.usage-stats{align-items:center;flex-direction:row;justify-content:space-between}.daily-revenue-chart{height:150px}}@media(max-width:480px){.analytics__header h1{font-size:1.5rem}.stat-value{font-size:2rem}.time-bar{flex-direction:column;align-items:stretch;gap:.5rem}.time-label,.time-count{width:auto;text-align:left}.role-item{flex-direction:column;align-items:stretch;gap:.5rem}.role-label,.role-count{width:auto;text-align:left}}