:root{--bg-color:#0f172a;--surface-color:#1e293b;--surface-hover:#334155;--primary-color:#3b82f6;--primary-hover:#2563eb;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155;--error-color:#ef4444;--success-color:#22c55e;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)}body{background-color:var(--bg-color);color:var(--text-primary);font-family:"Inter",system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column;margin:0 0 0 0}.auth-header{position:absolute;top:1rem;left:1rem;z-index:10}.auth-header .btn-secondary{display:inline-flex;align-items:center;background-color:rgba(30,41,59,.8);backdrop-filter:blur(4px);border:1px solid var(--border-color);color:var(--text-primary);text-decoration:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;transition:all .2s ease}.auth-header .btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--text-secondary)}.app-background{min-height:89vh;display:flex;justify-content:center;align-items:center;padding:2rem;background:radial-gradient(circle at center,#1e293b 0,#0f172a 100%)}.auth-container{width:100%;max-width:400px}.auth-card{background-color:var(--surface-color);padding:2rem;border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.auth-title{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:2rem;color:var(--text-primary)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.form-input{width:100%;padding:.75rem 1rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-input:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.2)}.btn-primary{width:100%;padding:.75rem;background-color:var(--primary-color);color:#fff;border:0;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{padding:.5rem 1rem;background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--text-secondary)}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--text-secondary)}.auth-link{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}.alert{padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.alert-error{background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#fca5a5}.alert-success{background-color:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#86efac}.dashboard-container{display:flex;min-height:93vh;width:100%;margin:0;padding:0}.dashboard-sidebar{width:280px;height:93vh;position:sticky;top:0;flex-shrink:0;background-color:var(--surface-color);border-right:1px solid var(--border-color);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem}.sidebar-header{padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.back-home-link{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.back-home-link:hover{color:var(--primary-color)}.back-home-link .material-icons{font-size:1.25rem}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:all .2s;border:0;background:0 0;width:100%;text-align:left;font-size:.95rem;cursor:pointer;font-weight:500}.nav-item:hover{background-color:var(--surface-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--primary-color);color:#fff}.nav-item .material-icons{font-size:1.25rem}.dashboard-content{flex:1;min-width:0;padding:3rem 4rem;background-color:var(--bg-color);overflow-y:auto}.content-section{display:none;animation:fadeIn .3s ease}.content-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.profile-card{background-color:var(--surface-color);border-radius:12px;padding:2.5rem;border:1px solid var(--border-color);max-width:800px;width:100%}.profile-info-row{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-color)}.profile-info-row:last-of-type{border-bottom:none}.profile-label{color:var(--text-secondary);font-weight:500}.profile-value{color:var(--text-primary);font-weight:600}.profile-actions{margin-top:2rem;display:flex;gap:1rem}.api-key-controls{margin-bottom:2rem}.api-keys-table-container{background-color:var(--surface-color);border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.api-keys-table{width:100%;border-collapse:collapse}.api-keys-table th,.api-keys-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.api-keys-table th{background-color:var(--bg-color);color:var(--text-secondary);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.api-keys-table td{color:var(--text-primary)}.api-keys-table tr:last-child td{border-bottom:none}.key-value{font-family:monospace;background-color:rgba(0,0,0,.3);padding:.25rem .5rem;border-radius:4px;font-size:.875rem;color:#e2e8f0}.status-active{color:var(--success-color);font-weight:500}.status-expired{color:var(--error-color);font-weight:500}.btn-delete{background:0 0;border:0;color:var(--error-color);cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.btn-delete:hover{background-color:rgba(239,68,68,.1)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stat-card{background-color:rgba(15,23,42,.55);border:1px solid var(--border-color);border-radius:12px;padding:14px 14px;box-shadow:var(--shadow-sm)}.stat-title{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.02em}.stat-value{margin-top:8px;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-subtitle{margin-top:6px;color:var(--text-secondary);font-size:.9rem}#billing .api-keys-table-container{overflow:auto;border-radius:12px;border:1px solid var(--border-color)}#billing .api-keys-table{min-width:720px}#billing .card-header,#billing .card-content{padding:20px 22px}#billing .card-header h3{margin:0 0 6px 0}#billing .card-header p{margin:0;line-height:1.45;color:var(--text-secondary)}#billing .card-content>div[style*="display:flex"]{align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}#billing .btn-primary,#billing a.btn-primary{width:auto!important;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px!important;border-radius:10px;white-space:nowrap;text-decoration:none}#billing .btn-secondary,#billing button.btn-secondary{width:auto!important;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px!important;border-radius:10px;white-space:nowrap}@media (max-width:640px){#billing .btn-primary,#billing .btn-secondary{width:100%!important}}@media (max-width:768px){.dashboard-container{flex-direction:column;padding:1rem}.stats-grid{grid-template-columns:1fr}.dashboard-sidebar{width:100%}.sidebar-nav{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.nav-item{white-space:nowrap;justify-content:center}.profile-actions{flex-direction:column}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite;display:inline-block}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s}input:checked+.slider{background-color:#f5a623}input:focus+.slider{box-shadow:0 0 1px #f5a623}input:checked+.slider:before{transform:translateX(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.top-endpoints-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}@media (max-width:520px){.top-endpoints-grid{grid-template-columns:1fr}}.top-endpoint-row{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;padding:6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);min-height:30px}.top-endpoint-name{color:var(--text-secondary);font-size:.85rem;font-weight:500;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-endpoint-value{color:var(--text-primary);font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);flex-shrink:0}