@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500&display=swap";:root{--bg-base:#0e0e1a;--bg-header:#141426;--bg-card:#1c1c30;--bg-card-alt:#1f1f38;--bg-card-hover:#2b2b45;--bg-input:#0f0f20;--border-card:#2b2b45;--border-header:#1f1f38;--border-input:#333;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#aaa;--text-heading:#f0f0f0;--accent-cyan:#00bfff;--accent-magenta:#f0c;--accent-danger:#f44;--accent-danger-dark:#c00;--accent-error:#f44;--accent-warning:#f90;--accent-warning-light:#ffb84d;--gradient-primary:linear-gradient(90deg, var(--accent-cyan), var(--accent-magenta));--gradient-danger:linear-gradient(90deg, var(--accent-danger), var(--accent-danger-dark));--shadow-card:0 0 15px #00c8ff33}*{box-sizing:border-box}body{background:var(--bg-base);color:var(--text-primary);margin:0;font-family:Orbitron,sans-serif}.app-header{z-index:1000;background:var(--bg-header);border-bottom:2px solid var(--border-header);align-items:center;width:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.app-header__left{align-items:center;margin-right:40px;display:flex}.app-header__logo{height:50px;margin-right:15px}.app-header__title{color:var(--text-heading);margin:0;font-size:24px}.app-container{max-width:1200px;margin:auto;padding:160px 20px 20px}.tab-nav{gap:10px;display:flex}.tab-nav__button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:10px 20px;font-family:Orbitron,sans-serif;font-size:14px;transition:all .3s}.tab-nav__button:hover{color:var(--accent-cyan)}.tab-nav__button--active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.loading-indicator{z-index:10000;background:var(--gradient-primary);padding:15px;transition:transform .3s ease-in-out;position:fixed;top:0;left:0;right:0;transform:translateY(-100%);box-shadow:0 2px 10px #0000004d}.loading-indicator--visible{transform:translateY(0)}.loading-indicator__content{color:var(--text-primary);justify-content:center;align-items:center;gap:15px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:500;display:flex}.spinner{border:3px solid #ffffff4d;border-top-color:var(--text-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-heading{color:var(--accent-cyan);margin-top:0;margin-bottom:20px;font-size:20px}@media (width<=768px){.tab-nav{flex-wrap:wrap;padding:5px 10px}.tab-nav__button{padding:10px 15px;font-size:12px}.app-container{padding:180px 20px 20px}}.card{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);box-shadow:var(--shadow-card);border-radius:12px;padding:20px}.card__title{color:var(--accent-cyan);margin:0 0 10px}.card__body{font-size:18px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px;display:grid}@media (width<=768px){.stats-grid{grid-template-columns:1fr}}.btn{background:var(--gradient-primary);color:var(--text-primary);cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-family:Orbitron,sans-serif;font-size:16px;transition:all .3s}.btn:hover:not(:disabled){opacity:.8}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--danger{background:var(--gradient-danger)}.button-row{flex-wrap:wrap;gap:15px;display:flex}@media (width<=768px){.button-row{flex-direction:column}.button-row .btn{width:100%}}.form-section{margin-top:20px}.form-group{margin-bottom:20px}.form-group__label{color:var(--text-secondary);margin-bottom:6px;display:block}.form-group__input{border:1px solid var(--border-input);background:var(--bg-input);width:100%;color:var(--text-primary);border-radius:8px;padding:10px;font-family:inherit;font-size:16px}.table-wrapper{width:100%}.table-wrapper--scroll{border:1px solid var(--border-card);max-height:600px;box-shadow:var(--shadow-card);border-radius:12px;overflow:auto}.table{border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border-card);width:100%;box-shadow:var(--shadow-card);border-radius:12px;overflow:hidden}.table--wide{min-width:1400px;box-shadow:none;border:none;border-radius:0}.table thead{background:var(--bg-header)}.table--sticky-head thead{z-index:10;position:sticky;top:0}.table th{color:var(--accent-cyan);text-align:left;border-bottom:1px solid var(--border-card);white-space:nowrap;padding:12px 16px;font-size:14px}.table td{color:var(--text-secondary);border-bottom:1px solid var(--border-card);word-break:break-all;padding:12px 16px;font-size:14px}.table--nowrap td{white-space:nowrap;word-break:normal}.table tr:nth-child(2n){background:var(--bg-card-alt)}.table tr:hover{background:var(--bg-card-hover)}.table a{color:var(--accent-cyan);text-decoration:none}.table a:hover{text-decoration:underline}.health-status{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-card);border-radius:12px;padding:20px}.health-status__title{color:var(--accent-cyan);margin-top:0}.health-status__details{margin-top:15px}.health-status__details p{color:var(--text-secondary);margin:8px 0;font-size:16px}.warning-banner{border:2px solid var(--accent-warning);color:var(--accent-warning-light);background:#ff990026;border-radius:8px;margin:12px 0;padding:18px 22px;font-size:17px;font-weight:500;line-height:1.5}.warning-banner strong{color:var(--accent-warning)}.warning-banner code{background:#f903;border-radius:4px;padding:2px 6px;font-family:monospace}.info-text{color:var(--text-muted);margin:10px 0;font-size:14px}.warning-text{color:var(--accent-warning);border-left:3px solid var(--accent-warning);background:#ff99001a;border-radius:4px;margin:10px 0;padding:10px;font-size:14px}.error-text{color:var(--accent-error);margin:10px 0;font-size:14px}.error-boundary{background:var(--bg-card);border:2px solid var(--accent-error);color:var(--text-primary);border-radius:12px;padding:24px}.error-boundary__title{color:var(--accent-error);margin-top:0}.error-boundary__detail{color:var(--text-secondary);white-space:pre-wrap;background:var(--bg-base);border-radius:6px;padding:12px;font-family:monospace;font-size:13px;overflow:auto}