.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-secondary);padding:var(--spacing-lg)}.login-card{width:100%;max-width:400px;background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-3xl);box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:var(--spacing-3xl)}.login-logo{width:120px;height:auto;max-height:120px;object-fit:contain;margin-bottom:var(--spacing-lg);border-radius:var(--radius-md)}.login-header h2{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.login-subtitle{color:var(--text-secondary);font-size:14px}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input{height:40px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px var(--primary-blue-light)}.login-button{height:40px;background-color:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover:not(:disabled){background-color:var(--primary-blue-hover)}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-alert{padding:var(--spacing-md);background-color:var(--error-red-light);border:1px solid var(--error-red);border-left:4px solid var(--error-red);border-radius:var(--radius-md);color:#991b1b;font-size:14px}.login-divider{display:flex;align-items:center;margin:var(--spacing-xl) 0;text-align:center}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.login-divider span{padding:0 var(--spacing-lg);color:var(--text-tertiary);font-size:12px;font-weight:500}.google-login-button{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background-color:#fff;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.google-login-button:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--text-secondary)}.google-login-button:disabled{opacity:.6;cursor:not-allowed}.metric-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);min-height:120px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);transition:all .2s}.metric-card:hover{box-shadow:var(--shadow-md)}.metric-card-clickable{cursor:pointer}.metric-card-clickable:hover{box-shadow:var(--shadow-md);border-color:var(--primary-blue);transform:translateY(-2px)}.metric-label{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.metric-value{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:var(--spacing-sm)}.metric-change{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;font-weight:500}.metric-change-positive{color:var(--success-green)}.metric-change-negative{color:var(--error-red)}.metric-change-neutral{color:var(--text-secondary)}.metric-card-highlighted{background-color:var(--primary-blue-light)}.metric-card-warning{background-color:var(--warning-orange-light)}.metric-card-error{background-color:var(--error-red-light)}.metric-card.metric-card-soft-red{background-color:#fef2f2!important;border-color:#fecaca!important}.metric-card.metric-card-soft-yellow{background-color:#fffbeb!important;border-color:#fef3c7!important}.metric-card.metric-card-soft-green{background-color:#f3f7f5!important;border-color:#d1fae5!important}.metric-progress-container{margin-top:var(--spacing-sm)}.metric-progress-bar{width:100%;height:6px;background-color:var(--bg-tertiary);border-radius:3px;overflow:hidden}.metric-progress-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:3px}.dashboard{max-width:1400px;margin:0 auto}.alerts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.alert-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.alert-card h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.alert-warning h3{color:#92400e}.alert-description{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);font-size:14px}.alert-warning .alert-description{color:#92400e}.alert-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-tertiary);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.alert-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.alert-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-sm);font-size:14px}.alert-email{flex:1;font-weight:500;color:var(--text-primary)}.alert-name{flex:1;color:var(--text-secondary)}.alert-count{color:var(--error-red);font-weight:500}.alert-date{color:var(--text-tertiary);font-size:12px}.alert-more{padding:var(--spacing-sm);text-align:center;color:var(--text-secondary);font-size:14px}.view-all-button{width:100%;padding:var(--spacing-md);background-color:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.view-all-button:hover{background-color:var(--primary-blue-dark)}.charts-section{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.chart-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.chart-container{margin-top:var(--spacing-lg);height:350px}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}}.users-page{max-width:1400px;margin:0 auto}.users-controls{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-select{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;cursor:pointer}.export-dropdown{position:relative}.export-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:all .2s}.export-button:hover{background-color:var(--bg-secondary);border-color:var(--primary-blue)}.export-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:100;min-width:180px;overflow:hidden;animation:fadeIn .15s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.export-button svg.rotated{transform:rotate(180deg);transition:transform .2s ease}.export-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;border:none;text-align:left;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background-color .2s}.export-option:hover{background-color:var(--bg-secondary)}.export-option:first-child{border-bottom:1px solid var(--border)}.clear-filter-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:all .2s}.clear-filter-button:hover{background-color:var(--primary-blue-dark, #4f46e5);transform:translateY(-1px)}.users-table-container{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:var(--bg-secondary)}.users-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.users-table td{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--bg-tertiary);font-size:14px}.users-table tbody tr{cursor:pointer;transition:background-color .2s}.users-table tbody tr:hover{background-color:var(--bg-secondary)}.badge-free{background-color:var(--bg-tertiary);color:var(--text-secondary)}.badge-premium{background-color:#dcfce7;color:#065f46}.badge-early_adopter{background-color:var(--info-blue-light);color:#1e40af}.users-metrics-section{margin-bottom:var(--spacing-xl)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.metric-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.metric-card h3{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.metric-value{font-size:32px;font-weight:700;color:var(--text-primary)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.chart-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .3s ease}.chart-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.chart-card.chart-filtered{border:2px solid var(--primary-blue);box-shadow:0 0 0 3px #6366f11a}.modern-chart{background:linear-gradient(135deg,#6366f105,#8b5cf605);border:1px solid rgba(99,102,241,.1)}.chart-card h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center;letter-spacing:-.02em}.user-detail{max-width:1400px;margin:0 auto}.back-button{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s}.back-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.detail-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--border)}.tab-button{padding:var(--spacing-md) var(--spacing-lg);background-color:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab-button:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.tab-button.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.tab-content{min-height:400px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}.info-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.info-card h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.info-row{display:flex;justify-content:space-between;padding:var(--spacing-md) 0;border-bottom:1px solid var(--bg-tertiary)}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:var(--text-secondary)}.info-value{color:var(--text-primary);text-align:right;word-break:break-word}.info-value a{color:var(--primary-blue);text-decoration:none}.info-value a:hover{text-decoration:underline}.backups-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.summary-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-sm)}.summary-card h3{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);font-size:14px;font-weight:500;text-transform:uppercase}.summary-value{font-size:32px;font-weight:600;color:var(--text-primary)}.backups-table-container{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.backups-table{width:100%;border-collapse:collapse}.backups-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;background-color:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;border-bottom:1px solid var(--border)}.backups-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary);color:var(--text-primary);font-size:14px}.backups-table tbody tr:hover{background-color:var(--bg-secondary)}.categories-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.categories-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.category-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.category-icon{font-size:24px}.category-info{flex:1}.category-name{font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.category-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px}.category-sort{color:var(--text-tertiary)}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.badge-info{background-color:var(--primary-blue-light, #DBEAFE);color:var(--primary-blue-dark, #1E40AF)}.badge-warning{background-color:#fef3c7;color:#92400e}.receipts-filters{margin-bottom:var(--spacing-lg)}.filter-toggle-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;margin-bottom:var(--spacing-md)}.filter-toggle-button:hover{background-color:var(--bg-secondary)}.filters-panel{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-input{padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:14px}.filter-input:focus{outline:none;border-color:var(--primary-blue)}.clear-filters-button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px}.clear-filters-button:hover{background-color:var(--bg-secondary)}.receipts-table-container{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.receipts-table{width:100%;border-collapse:collapse}.receipts-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;background-color:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;border-bottom:1px solid var(--border)}.receipts-table .sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.receipts-table .sortable-header:hover{background-color:var(--bg-tertiary)}.receipts-table .header-content{display:flex;align-items:center;gap:var(--spacing-xs)}.receipts-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary);color:var(--text-primary);font-size:14px}.receipts-table tbody tr:hover{background-color:var(--bg-secondary)}.token-usage-table-container{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.token-usage-table{width:100%;border-collapse:collapse}.token-usage-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;background-color:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;border-bottom:1px solid var(--border)}.token-usage-table .header-content{display:flex;align-items:center;gap:var(--spacing-xs)}.token-usage-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary);color:var(--text-primary);font-size:14px}.edit-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:14px}.edit-input:focus{outline:none;border-color:var(--primary-blue)}.action-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;margin-right:var(--spacing-xs)}.edit-button:hover{background-color:var(--primary-blue-dark, #2563eb)}.delete-button:hover{background-color:#dc2626}.delete-button:disabled{opacity:.5;cursor:not-allowed}.save-button:hover{background-color:#059669}.cancel-button{background-color:var(--text-tertiary);color:#fff}.cancel-button:hover{background-color:var(--text-secondary)}.view-button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;cursor:pointer}.view-button:hover{opacity:.9}.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--text-tertiary);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.permission-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fef3c7;border:1px solid #F59E0B;border-radius:var(--radius-md);color:#92400e;font-size:14px;margin-bottom:var(--spacing-lg)}.permission-warning svg{flex-shrink:0}.receipt-detail{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-header h1{font-size:24px;font-weight:600;color:var(--text-primary)}.header-actions{display:flex;gap:var(--spacing-sm)}.action-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:opacity .2s}.action-button:disabled{opacity:.5;cursor:not-allowed}.edit-button{background-color:var(--primary-blue);color:#fff}.save-button{background-color:var(--success-green);color:#fff}.delete-button{background-color:var(--error-red);color:#fff}.cancel-button{background-color:var(--bg-tertiary);color:var(--text-primary)}.receipt-details-container{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.detail-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.detail-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-row label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-row span{font-size:14px;color:var(--text-primary);padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm);min-height:20px}.detail-input{padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;font-family:inherit}.detail-input:focus{outline:none;border-color:var(--primary-blue)}.detail-input[type=date]{cursor:pointer}.detail-input[type=number]{-moz-appearance:textfield}.detail-input[type=number]::-webkit-outer-spin-button,.detail-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}textarea.detail-input{resize:vertical;min-height:60px}.firebase-id{font-family:Courier New,monospace;font-size:12px;color:var(--text-secondary);word-break:break-all}.attachment-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-blue);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-size:14px;transition:opacity .2s}.attachment-link:hover{opacity:.9}.attachment-link svg{flex-shrink:0}.user-activity-details{max-width:1400px;margin:0 auto;padding:var(--spacing-lg)}.back-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;margin-bottom:var(--spacing-lg);font-size:14px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.page-header h1{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.date-range-selector{position:relative}.date-range-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px}.date-range-button:hover{background-color:var(--bg-secondary)}.date-range-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:200px;padding:var(--spacing-sm)}.preset-option{padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;text-align:left;font-size:14px}.preset-option:hover{background-color:var(--bg-secondary)}.custom-range-inputs{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.custom-range-inputs input{padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary)}.refresh-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px}.refresh-button:hover:not(:disabled){background-color:var(--bg-secondary)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.summary-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.summary-card h3{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.summary-value{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.summary-label{font-size:12px;color:var(--text-secondary)}.activity-table-container{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.table-header-actions{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;justify-content:flex-end}.expand-all-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:opacity .2s}.expand-all-button:hover:not(:disabled){opacity:.9}.expand-all-button:disabled{opacity:.5;cursor:not-allowed}.activity-table{width:100%;border-collapse:collapse}.activity-table thead{background-color:var(--bg-secondary)}.activity-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.sortable-header:hover{background-color:var(--bg-tertiary)}.header-content{display:flex;align-items:center;gap:var(--spacing-xs)}.activity-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary);color:var(--text-primary);font-size:14px}.activity-table tbody tr:hover,.expanded-row{background-color:var(--bg-secondary)}.expanded-row td{padding:var(--spacing-lg)}.expand-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;cursor:pointer}.expand-button:hover{opacity:.9}.user-list{padding:var(--spacing-md)}.user-list h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.user-list-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-item{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.user-item:hover{background-color:var(--primary-blue);border-color:var(--primary-blue)}.user-name-email{color:var(--text-primary);font-size:14px;display:block}.user-item:hover .user-name-email{color:#fff}.loading-users{padding:var(--spacing-md);text-align:center;color:var(--text-secondary);font-size:14px}.email-processing{max-width:1400px;margin:0 auto}.success-rate-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.success-rate-card h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.gauge-placeholder{height:200px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-tertiary)}.parsing-logs-section{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.parsing-logs-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.table-placeholder{height:400px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-tertiary)}.parsing-logs-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-lg)}.parsing-logs-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.parsing-logs-table .sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.parsing-logs-table .sortable-header:hover{background-color:var(--bg-tertiary)}.parsing-logs-table .header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.parsing-logs-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary);font-size:14px}.parsing-logs-table tbody tr:hover{background-color:var(--bg-secondary)}.receipt-details-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border)}.receipt-details-section h4{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:16px;font-weight:600}.receipt-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.receipt-loading{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary);font-style:italic}.receipt-not-found{padding:var(--spacing-lg);text-align:center;color:var(--text-tertiary);font-style:italic}.attachment-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.attachment-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);background-color:var(--primary-blue);color:#fff;text-decoration:none;font-size:14px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--primary-blue);border-radius:var(--radius-sm);transition:all .2s;width:fit-content}.attachment-link:hover{background-color:var(--primary-blue-dark, #2563eb);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.no-attachment{color:var(--text-tertiary);font-style:italic;font-size:14px}.image-viewer-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-xl)}.image-viewer-content{position:relative;max-width:90vw;max-height:90vh;background-color:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-xl)}.image-viewer-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:#000000b3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;transition:background-color .2s}.image-viewer-close:hover{background-color:#000000e6}.image-viewer-img{max-width:100%;max-height:90vh;display:block;margin:0 auto}.image-viewer-iframe{width:90vw;height:90vh;border:none}.image-viewer-error{padding:var(--spacing-xl);text-align:center;color:var(--text-primary)}.image-viewer-error a{color:var(--primary-blue);text-decoration:underline}.email-content-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border)}.email-content-section h4{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:16px;font-weight:600}.email-content-loading{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary);font-style:italic}.email-content-not-found{padding:var(--spacing-lg);text-align:center;color:var(--text-tertiary);font-style:italic}.email-content-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.email-body-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.email-body-text{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-md);font-family:Courier New,monospace;font-size:12px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto;margin:0}.download-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s;width:fit-content}.download-button:hover{background-color:var(--primary-blue-dark, #2563eb);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.email-limits-page{max-width:1400px;margin:0 auto}.email-limits-table{width:100%;border-collapse:collapse}.email-limits-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.email-limits-table .sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.email-limits-table .sortable-header:hover{background-color:var(--bg-tertiary)}.email-limits-table .header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.email-limits-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary);font-size:14px}.email-limits-table tbody tr:hover{background-color:var(--bg-secondary)}.log-row{cursor:pointer}.log-details-row{background-color:var(--bg-secondary)}.log-details-cell{padding:0!important}.log-details-content{padding:var(--spacing-xl)}.log-details-content h4{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:16px;font-weight:600}.detail-value.error-message{color:var(--error-red);font-family:Courier New,monospace;background-color:var(--bg-tertiary);padding:var(--spacing-sm);border-radius:var(--radius-sm);white-space:pre-wrap}.count-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;background-color:var(--error-red-light);color:#991b1b}.ios-waitlist-page{max-width:1400px;margin:0 auto}.controls{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.search-box{flex:1;min-width:200px;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md)}.search-box input{flex:1;border:none;outline:none;font-size:14px;color:var(--text-primary)}.search-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:background-color .2s}.search-button:hover{background-color:var(--primary-blue-dark)}.table-container{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.table-placeholder{height:400px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);color:var(--text-tertiary)}.ios-waitlist-table{width:100%;border-collapse:collapse}.ios-waitlist-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.ios-waitlist-table .sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.ios-waitlist-table .sortable-header:hover{background-color:var(--bg-tertiary)}.ios-waitlist-table .header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.ios-waitlist-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary);font-size:14px}.ios-waitlist-table tbody tr:hover{background-color:var(--bg-secondary)}.expand-cell{cursor:pointer;text-align:center;padding:var(--spacing-md)!important;color:var(--text-secondary);transition:color .2s}.expand-cell:hover{color:var(--primary-blue)}.entry-row{cursor:pointer}.entry-details-row{background-color:var(--bg-secondary)}.entry-details-cell{padding:0!important}.entry-details-content{padding:var(--spacing-xl)}.entry-details-content h4{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:16px;font-weight:600}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:var(--text-primary);word-break:break-word}.detail-value.message-text{background-color:var(--bg-tertiary);padding:var(--spacing-sm);border-radius:var(--radius-sm);white-space:pre-wrap;line-height:1.5}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md)}.pagination-controls{display:flex;gap:var(--spacing-sm)}.pagination-controls button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.token-usage{max-width:1400px;margin:0 auto}.service-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.service-card h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.usage-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.usage-bar{width:100%;height:24px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.usage-fill{height:100%;background-color:var(--primary-blue);transition:width .3s}.usage-details{display:flex;flex-direction:column;gap:var(--spacing-sm);font-size:14px;color:var(--text-secondary)}.chart-section,.token-details-section{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.chart-section h3,.token-details-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.chart-placeholder,.table-placeholder{height:300px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-tertiary)}.token-usage-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-lg)}.token-usage-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.token-usage-table .sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.token-usage-table .sortable-header:hover{background-color:var(--bg-tertiary)}.token-usage-table .header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.token-usage-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary);font-size:14px}.token-usage-table tbody tr:hover{background-color:var(--bg-secondary)}.groq-monitoring-section{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h2{margin:0;color:var(--text-primary)}.tier-badge{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-blue);color:#fff;border-radius:var(--radius-full);font-size:12px;font-weight:600;text-transform:uppercase}.alerts-container{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:14px;font-weight:500}.alert-critical{background-color:var(--error-red-light);border:1px solid var(--error-red);color:#991b1b}.alert-warning{background-color:#fef3c7;border:1px solid #F59E0B;color:#92400e}.tier-limits-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.tier-limits-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.limit-bars{display:flex;flex-direction:column;gap:var(--spacing-lg)}.limit-bar-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.limit-bar-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:var(--text-primary)}.limit-bar{width:100%;height:24px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative}.limit-bar-fill{height:100%;transition:width .3s ease;border-radius:var(--radius-full)}.limit-bar-fill.normal{background-color:var(--success-green)}.limit-bar-fill.warning{background-color:#f59e0b}.limit-bar-fill.critical{background-color:var(--error-red)}.limit-bar-footer{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.breakdown-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.breakdown-item h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:16px}.breakdown-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);font-size:14px}.breakdown-label{color:var(--text-primary);font-weight:500}.breakdown-value{color:var(--text-secondary);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.charts-section{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.chart-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all .3s ease}.chart-card-soft-red{background-color:#fef2f2!important;border-color:#fecaca!important}.chart-card-soft-yellow{background-color:#fffbeb!important;border-color:#fef3c7!important}.chart-card-soft-green{background-color:#f3f7f5!important;border-color:#d1fae5!important}.chart-card h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.charts-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:20px;font-weight:600}.chart-header{margin-bottom:var(--spacing-lg)}.chart-header h4{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:18px;font-weight:600}.chart-description{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.model-metrics-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.model-metrics-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:20px;font-weight:600}.groq-monitoring-section.today-section{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.model-metrics-group{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border)}.model-metrics-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.model-metrics-group h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:20px;font-weight:600}.model-metrics-group h3 em{font-style:normal;color:var(--text-secondary);font-size:16px;font-weight:400}.model-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.model-header-section h3{margin:0;color:var(--text-primary);font-size:20px;font-weight:600}.expand-details-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.expand-details-button:hover{background-color:var(--bg-tertiary);border-color:var(--primary-blue);color:var(--primary-blue)}.source-breakdown-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);padding-top:var(--spacing-xl);border-top:2px solid var(--border);display:flex;flex-direction:column;gap:var(--spacing-xl);background-color:#e6f2ff;border-radius:var(--radius-md)}.source-metrics-group{padding:var(--spacing-lg);background-color:#f0f8ff;border:1px solid #B3D9FF;border-radius:var(--radius-md)}.source-metrics-group h4{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:16px;font-weight:600}.source-metrics-group .metric-label{font-size:11px}.source-metrics-group .metric-value{font-size:24px}.source-metrics-group .metric-change{font-size:11px}.no-models-message{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary)}.groq-monitoring-section.filtered-section{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.filtered-section h2{margin:0;color:var(--text-primary);font-size:20px;font-weight:600}.source-chart-container{margin-top:var(--spacing-md);width:100%}.model-source-breakdown{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.model-breakdown-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.model-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border)}.model-header h5{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.model-total{color:var(--primary-blue);font-weight:600;font-size:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.source-breakdown-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.source-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--radius-sm);font-size:14px}.source-label{color:var(--text-primary);font-weight:500}.source-value-group{display:flex;align-items:center;gap:var(--spacing-xs)}.source-tokens{color:var(--text-secondary);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-weight:500}.source-percentage{color:var(--text-tertiary);font-size:12px}.no-data-message{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);font-size:14px;background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border)}.token-usage-details{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.back-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:14px;color:var(--text-primary);transition:all .2s}.back-button:hover{background-color:var(--bg-secondary)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.summary-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.summary-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.summary-value{font-size:24px;font-weight:600;color:var(--text-primary)}.details-table-section{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.details-table-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.details-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-lg)}.details-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.details-table .sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.details-table .sortable-header:hover{background-color:var(--bg-tertiary)}.details-table .header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.details-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary);font-size:14px}.details-table tbody tr:hover{background-color:var(--bg-secondary)}.table-placeholder{height:300px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-tertiary)}.badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase}.badge-default{background-color:var(--primary-blue-light);color:var(--primary-blue)}.badge-info{background-color:var(--success-green-light);color:var(--success-green)}.currency-exchange-usage{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.chart-container{width:100%;height:300px}.chart-placeholder{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-tertiary);text-align:center;padding:var(--spacing-lg)}.breakdown-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.breakdown-item{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.breakdown-item.full-width{grid-column:1 / -1}.breakdown-item h4{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.usage-table-section{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.usage-table-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.table-container{overflow-x:auto}.usage-table{width:100%;border-collapse:collapse}.usage-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.usage-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary);font-size:14px}.usage-table tbody tr:hover{background-color:var(--bg-secondary)}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background-color:#dcfce7;color:#065f46}.badge-error{background-color:var(--error-red-light);color:#991b1b}.badge-default{background-color:var(--bg-tertiary);color:var(--text-secondary)}.no-data-message{text-align:center;padding:var(--spacing-xl);color:var(--text-tertiary);font-style:italic;background-color:var(--bg-secondary);border-radius:var(--radius-md)}.storage-page{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3xl);position:relative}.header-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.page-header h1{margin:0;color:var(--text-primary)}.refresh-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.refresh-button:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.date-range-selector,.date-range-dropdown{position:relative}.date-range-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.date-range-button:hover{background-color:var(--bg-tertiary);border-color:var(--primary-blue)}.date-range-menu{position:absolute;top:calc(100% + var(--spacing-xs));right:0;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;min-width:200px;padding:var(--spacing-sm)}.preset-options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.preset-option{padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;text-align:left;cursor:pointer;transition:all .2s}.preset-option:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.preset-option.active{background-color:var(--primary-blue);color:#fff}.custom-range-inputs{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.custom-range-inputs label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:12px;color:var(--text-secondary)}.custom-range-inputs input[type=date]{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;cursor:pointer}.custom-range-inputs input[type=date]:focus{outline:none;border-color:var(--primary-blue)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.storage-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.storage-card h3{margin:0 0 var(--spacing-md) 0;color:var(--text-primary)}.storage-description{margin:0 0 var(--spacing-lg) 0;padding:var(--spacing-md);background-color:var(--bg-secondary);border-left:3px solid var(--primary-blue);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;line-height:1.5}.storage-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.storage-bar{width:100%;height:24px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.storage-fill{height:100%;background-color:var(--primary-blue);transition:width .3s}.storage-details{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);font-size:14px;color:var(--text-secondary);margin-top:var(--spacing-sm)}.storage-stats{display:flex;gap:var(--spacing-lg);font-size:12px;color:var(--text-tertiary);margin-top:var(--spacing-sm)}.storage-quota-info{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border);font-size:12px}.quota-label{color:var(--text-secondary);font-weight:500}.quota-value{color:var(--text-primary);font-weight:600}.quota-note{color:var(--text-tertiary);font-style:italic}.storage-fill.normal{background-color:var(--success-green)}.storage-fill.warning{background-color:#f59e0b}.storage-fill.critical{background-color:var(--error-red)}.storage-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.storage-note{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fef3c7;border:1px solid #F59E0B;border-radius:var(--radius-md);color:#92400e;font-size:14px;margin-bottom:var(--spacing-lg)}.chart-section{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.chart-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.chart-container{margin-top:var(--spacing-lg);height:300px}.chart-placeholder{height:300px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-tertiary)}.services-page{max-width:1400px;margin:0 auto}.services-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.service-card h3{margin:0 0 var(--spacing-md) 0;color:var(--text-primary)}.service-status{display:inline-block;padding:4px 12px;background-color:#dcfce7;color:#065f46;border-radius:12px;font-size:12px;font-weight:500}.service-usage{font-size:14px;color:var(--text-secondary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.edit-button,.save-button,.cancel-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:all .2s}.edit-button{background-color:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.edit-button:hover{background-color:var(--primary-blue-dark)}.save-button{background-color:var(--success-green);color:#fff;border-color:var(--success-green)}.save-button:hover:not(:disabled){background-color:#059669}.cancel-button{background-color:var(--bg-primary);color:var(--text-secondary)}.cancel-button:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.edit-button:disabled,.save-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.firebase-card,.groq-card{grid-column:1 / -1}.service-plan{display:inline-block;padding:4px 12px;background-color:var(--primary-blue);color:#fff;border-radius:12px;font-size:12px;font-weight:600;margin-left:var(--spacing-sm)}.service-info{margin-top:var(--spacing-md)}.service-description{color:var(--text-secondary);font-size:14px;margin-bottom:var(--spacing-lg);line-height:1.6}.firebase-limits{display:flex;flex-direction:column;gap:var(--spacing-lg)}.limit-category{padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border)}.limit-category h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:16px;font-weight:600}.limit-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.limit-row{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--bg-primary);border-radius:var(--radius-sm)}.limit-label{font-size:12px;font-weight:600;color:var(--text-primary)}.limit-value{font-size:13px;color:var(--text-secondary);line-height:1.5}.service-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);min-height:40px}.service-card-header>div:first-child{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.service-card-header>div:last-child{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.service-card-header.clickable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s;padding:var(--spacing-sm);margin:calc(-1 * var(--spacing-sm));margin-bottom:var(--spacing-lg);border-radius:var(--radius-sm)}.service-card-header.clickable-header:hover{background-color:var(--bg-secondary)}.limits-editor,.limits-display{margin-top:var(--spacing-lg)}.limits-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border)}.limits-section:last-child{border-bottom:none}.limits-section h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.add-model-button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:background-color .2s}.add-model-button:hover{background-color:var(--primary-blue-dark)}.limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.limit-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.limit-field label{font-size:12px;color:var(--text-secondary);font-weight:500}.limit-field input{padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:14px}.limit-field input:focus{outline:none;border-color:var(--primary-blue)}.model-limits{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.model-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.model-header strong{color:var(--text-primary);font-size:14px}.remove-model-button{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--error-red);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:background-color .2s}.remove-model-button:hover{background-color:#dc2626}.limits-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.limit-item{display:flex;justify-content:space-between;padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm)}.limit-label{color:var(--text-secondary);font-size:14px}.limit-value{color:var(--text-primary);font-weight:600;font-size:14px}.models-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.model-item{padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.model-item strong{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:14px}.model-limits-display{display:flex;gap:var(--spacing-lg);font-size:12px;color:var(--text-secondary)}.no-models{color:var(--text-tertiary);font-size:14px;font-style:italic}.models-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--text-secondary)}.models-count{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm)}.warning-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fef3c7;border:1px solid #F59E0B;border-radius:var(--radius-md);color:#92400e;margin-bottom:var(--spacing-lg);font-size:14px}.warning-banner svg{color:#f59e0b;flex-shrink:0}.model-limits.missing-limits{border:2px solid var(--error-red);background-color:#ef44440d}.missing-badge{display:inline-block;padding:2px 8px;background-color:var(--error-red);color:#fff;border-radius:var(--radius-sm);font-size:11px;font-weight:600;margin-left:var(--spacing-sm)}.model-header>div{display:flex;align-items:center;gap:var(--spacing-sm)}.limit-field.required label{color:var(--error-red);font-weight:600}.required-star{color:var(--error-red);margin-left:2px}.error-field{border-color:var(--error-red)!important;background-color:#ef44440d}.error-field:focus{border-color:var(--error-red)!important;box-shadow:0 0 0 3px #ef44441a}.model-item.missing-limits{border:2px solid var(--error-red);background-color:#ef44440d}.model-item-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.model-limits-display.missing{color:var(--error-red);font-weight:500}.alert-warning{border-color:#f59e0b;background-color:#fef3c7}.alert-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.alert-header h3{margin:0;color:#92400e}.alert-header svg{color:#f59e0b;flex-shrink:0}.alert-warning .alert-description{color:#92400e;margin-bottom:var(--spacing-md)}.header{height:64px;background-color:var(--bg-primary);border-bottom:1px solid var(--border);padding:0 var(--spacing-2xl);display:flex;align-items:center;position:sticky;top:0;z-index:100}.header-content{width:100%;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.header-logo{width:40px;height:40px;object-fit:contain;border-radius:var(--radius-md)}.header-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.user-menu{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:14px}.logout-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.logout-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 768px){.header{padding:0 var(--spacing-lg)}.header-title{font-size:18px}.user-email{display:none}}.sidebar{width:240px;background-color:var(--bg-primary);border-right:1px solid var(--border);padding:var(--spacing-lg) 0;overflow-y:auto}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing-lg)}.nav-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;cursor:pointer}.nav-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background-color:var(--primary-blue-light);color:var(--primary-blue)}@media (max-width: 768px){.sidebar{width:64px}.nav-item span{display:none}.nav-item{justify-content:center;padding:var(--spacing-lg)}}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.layout-content{display:flex;flex:1;overflow:hidden}.main-content{flex:1;overflow-y:auto;background-color:var(--bg-secondary);padding:var(--spacing-2xl)}@media (max-width: 768px){.main-content{padding:var(--spacing-lg)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #2563EB;--primary-blue-hover: #1D4ED8;--primary-blue-light: #DBEAFE;--success-green: #10B981;--success-green-light: #D1FAE5;--warning-orange: #F59E0B;--warning-orange-light: #FEF3C7;--error-red: #EF4444;--error-red-light: #FEE2E2;--info-blue: #3B82F6;--info-blue-light: #DBEAFE;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--border: #E5E7EB;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--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)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1{font-size:32px;font-weight:700;line-height:1.2}h2{font-size:24px;font-weight:600;line-height:1.3}h3{font-size:20px;font-weight:600;line-height:1.4}h4{font-size:18px;font-weight:600;line-height:1.4}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}