@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#0f1923;--panel-bg:#1f232699;--panel-border:#ffffff0d;--text-main:#ece8e1;--text-muted:#8b97a3;--accent:#ff4655;--accent-hover:#ff5c6a;--success:#00ff87;--warning:gold;--error:#ff4655;--glass-blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#ff46550d 0%,#0000 50%),radial-gradient(circle at 85% 30%,#ffffff05 0%,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif}button{font-family:Outfit,sans-serif}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 32px #0003}.glass-panel:hover{border-color:#ffffff14;box-shadow:0 12px 40px #0000004d}input,select,textarea{border:1px solid var(--panel-border);color:var(--text-main);background:#0003;border-radius:12px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #ff465533}.btn-primary{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:800;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff46554d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.table-container{border-collapse:collapse;width:100%}.table-container th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--panel-border);z-index:10;background:#0003;padding:16px 24px;font-size:12px;font-weight:600;position:sticky;top:0;text-align:left!important}.table-container td{border-bottom:1px solid #ffffff05;padding:16px 24px;font-size:14px;transition:background .2s;text-align:left!important}.table-container tr:hover td{background:#ffffff05}.dashboard-root{flex-direction:column;max-width:1600px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.dashboard-header{z-index:100;justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex;position:relative}.header-actions{align-items:center;gap:1.5rem;display:flex}.nav-tabs{border-radius:14px;padding:6px;display:flex}.nav-tab{color:var(--text-muted);cursor:pointer;fontWeight:600;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.nav-tab.active{color:#fff;background:#ffffff1a}.nav-tab:hover:not(.active){background:#ffffff0d}.logout-btn{color:var(--accent);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#ff46551a;border:1px solid #ff46554d;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-weight:700;transition:all .2s;display:flex}.logout-btn:hover{background:#ff465533}.mobile-menu-toggle{color:var(--text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:10px;display:none}.scroll-to-top{background:var(--accent);color:#fff;cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;animation:.3s fadeIn;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 20px #ff465566}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 24px #ff465580}@media (width<=1024px){.dashboard-root{padding:1rem}.dashboard-header{flex-wrap:wrap;gap:1rem}.dashboard-header h1{font-size:20px!important}.header-actions{gap:.75rem}.mobile-menu-toggle{display:flex}.nav-tabs{z-index:9998;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1923fa;border-radius:0;flex-direction:column;gap:.5rem;padding:5rem 1.5rem 2rem;display:none;position:fixed;inset:0;overflow-y:auto}.nav-tabs.mobile-open{display:flex}.nav-tab{border-radius:12px;padding:16px 20px;font-size:16px}.nav-tab.active{color:var(--accent);background:#ff465526;border:1px solid #ff46554d}.logout-btn{padding:10px 14px}.logout-label{display:none}.mobile-menu-toggle{z-index:9999;position:relative}.glass-panel{overflow-x:auto}.table-container th,.table-container td{padding:12px 14px;font-size:12px}.scroll-to-top{width:42px;height:42px;bottom:1.5rem;right:1.5rem}}@media (width<=640px){.dashboard-root{padding:.75rem}.dashboard-header{margin-bottom:1.5rem}.table-container th,.table-container td{padding:10px;font-size:11px}}.config-selector-row{align-items:flex-end;gap:16px;display:flex}.api-health-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.json-editor-layout{align-items:flex-start;gap:16px;display:flex;position:relative}.json-textarea{resize:vertical;flex:1;min-height:400px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;overflow-y:hidden}.json-save-wrapper{position:sticky;top:24px}.json-save-btn{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;font-size:13px;font-weight:800;transition:all .2s;display:flex}@media (width<=1024px){.config-selector-row{flex-direction:column;align-items:stretch;gap:12px}.api-health-grid{grid-template-columns:1fr 1fr}.json-editor-layout{flex-direction:column}.json-textarea{touch-action:pan-y;width:100%;min-height:200px;font-size:12px;overflow-y:hidden}.json-save-wrapper{width:100%;position:static}.json-save-btn{flex-direction:row;justify-content:center;width:100%;padding:14px}}@media (width<=640px){.api-health-grid{grid-template-columns:1fr}.json-textarea{min-height:150px;font-size:11px;overflow-y:hidden}}
