:root{--bg-primary: #06070b;--bg-secondary: #0c0d14;--bg-surface: #11131c;--bg-surface-hover: #161924;--border: #1a1d2e;--border-bright: #252940;--text-primary: #e2e4f0;--text-secondary: #6b7194;--text-muted: #3d4266;--accent: #00e87b;--accent-dim: #00e87b22;--accent-glow: #00e87b44;--red: #ff4d6a;--red-dim: #ff4d6a22;--amber: #ffb224;--amber-dim: #ffb22422;--blue: #3b82f6;--blue-dim: #3b82f622;--purple: #a855f7;--purple-dim: #a855f722;--cyan: #06b6d4;--cyan-dim: #06b6d422;--font-display: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% -20%,#00e87b08 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,#3b82f606 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes glow{0%,to{box-shadow:0 0 4px var(--accent-dim)}50%{box-shadow:0 0 12px var(--accent-glow)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.app-container{padding:16px 10px!important}.app-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.app-header-controls{flex-wrap:wrap!important;width:100%!important;gap:6px!important}.app-header-controls>*{flex-shrink:0}.domain-group{order:-1;width:100%!important}.domain-group select{min-width:0!important;flex:1}.isp-grid{grid-template-columns:1fr!important}.confirm-modal{width:calc(100vw - 32px)!important;max-width:380px!important}.login-form-box{width:calc(100vw - 40px)!important;max-width:320px!important}.login-form-box input,.login-form-box button{width:100%!important}.isp-filter-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.uptime-chart-container{margin-left:60px!important}}@media (max-width: 480px){.app-container{padding:12px 8px!important}.time-pills,.tab-toggle{flex:1}.time-pills button,.tab-toggle button{flex:1;padding:6px 8px!important}}