.quota-query-container{max-width:100%;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.header-titles{margin-bottom:1.5rem}.header-titles h2{font-size:1.5rem!important;font-weight:700;margin:0 0 .25rem!important;color:#111827}.header-titles p{margin:0!important;color:#6b7280;font-size:.875rem}.query-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;width:100%}.top-bar-card{display:flex;align-items:center;padding:1.25rem;gap:1rem;flex-wrap:nowrap;flex-direction:column}.search-section{display:flex;align-items:center;gap:.75rem;width:100%}.input-label{font-weight:500;color:#4b5563;white-space:nowrap;font-size:.875rem}.key-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111827;outline:none;transition:all .2s}.key-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.query-btn{padding:.5rem 1.25rem;background-color:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .2s}.query-btn:hover{background-color:#4338ca}.query-btn:disabled{opacity:.6;cursor:not-allowed}.divider-vertical{width:100%;height:1px;background-color:#e5e7eb;flex-shrink:0}.quota-grid{display:flex;gap:2rem;flex:1}.quota-item{display:flex;flex-direction:column}.quota-item .label{font-size:.75rem;color:#6b7280}.quota-item .value{font-size:1rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.375rem;min-height:1.5rem}.value.highlight{color:#2563eb;font-size:1rem}.value.status-active{color:#10b981}.dot{width:6px;height:6px;background-color:#10b981;border-radius:50%;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 4px #10b98100}to{box-shadow:0 0 #10b98100}}.error-message{margin-bottom:1.5rem;padding:.75rem 1rem;background:#fef2f2;color:#ef4444;border-radius:6px;border:1px solid #fee2e2;font-size:.875rem}.logs-section{overflow:hidden}.logs-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.logs-header h4{margin:0!important;font-size:1rem!important;font-weight:600;color:#111827}.logs-subtitle{font-size:.75rem;color:#6b7280}.table-responsive{width:100%;overflow-x:auto}.logs-table{width:100%!important;display:table!important;border-collapse:collapse;table-layout:auto;text-align:left}.logs-table thead th{background-color:#f9fafb}.logs-table th:nth-child(1),.logs-table td:nth-child(1){width:28%}.logs-table th:nth-child(2),.logs-table td:nth-child(2){width:42%}.logs-table th:nth-child(3),.logs-table td:nth-child(3){width:25%;text-align:right}.logs-table th{padding:.75rem 1.25rem;font-size:.8125rem;font-weight:500;color:#6b7280;border-bottom:1px solid #e5e7eb;background-color:#fff}.logs-table td{padding:.8rem 1rem;font-size:.875rem;color:#374151;border-bottom:1px solid #f3f4f6}.logs-table th:last-child,.logs-table td:last-child{padding-right:1.25rem!important}.logs-table tbody tr:hover{background-color:#f9fafb}.model-badge{background-color:#f3f4f6;color:#4b5563;padding:.15rem .4rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem}.cost-cell{color:#2563eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.empty-cell,.loading-cell{text-align:center!important;color:#9ca3af!important;padding:3rem!important;border-bottom:none!important}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem 1.25rem;border-top:1px solid #f3f4f6}.page-btn{padding:.375rem .75rem;background:#fff;border:1px solid #d1d5db;color:#374151;border-radius:4px;font-size:.8125rem;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.8125rem;color:#6b7280}:root[data-theme=dark] .header-titles h2,:root[data-theme=dark] .logs-header h4,:root[data-theme=dark] .quota-item .value{color:#f9fafb}:root[data-theme=dark] .header-titles p,:root[data-theme=dark] .quota-item .label,:root[data-theme=dark] .logs-table th{color:#9ca3af}:root[data-theme=dark] .query-card{background-color:#1f2937;border-color:#374151}:root[data-theme=dark] .logs-header{background-color:#111827;border-color:#374151}:root[data-theme=dark] .logs-table th{background-color:#1f2937;border-color:#374151}:root[data-theme=dark] .input-label{color:#d1d5db}:root[data-theme=dark] .key-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}:root[data-theme=dark] .key-input:focus{border-color:#6366f1}:root[data-theme=dark] .query-btn{background-color:#6366f1}:root[data-theme=dark] .query-btn:hover{background-color:#4f46e5}:root[data-theme=dark] .divider-vertical{background-color:#374151}:root[data-theme=dark] .logs-table td{color:#d1d5db;border-color:#374151}:root[data-theme=dark] .logs-table tbody tr:hover{background-color:#374151}:root[data-theme=dark] .model-badge{background-color:#374151;color:#d1d5db}:root[data-theme=dark] .value.highlight,:root[data-theme=dark] .cost-cell{color:#60a5fa}:root[data-theme=dark] .pagination{border-color:#374151}:root[data-theme=dark] .page-btn{background-color:#374151;border-color:#4b5563;color:#d1d5db}@media(max-width:1024px){.top-bar-card{flex-wrap:wrap;gap:1rem}.divider-vertical{display:none}.search-section{width:100%}.key-input{flex:1;width:auto}.quota-grid{width:100%;gap:1.5rem;flex-wrap:wrap}}@media(max-width:640px){.quota-grid{gap:1rem}.quota-item{width:45%}.search-section{flex-direction:column;align-items:stretch}.query-btn{width:100%}.input-label{display:none}}