@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap";:root{--bg-primary: #1e1230;--bg-secondary: #281840;--bg-card: #2a1a42;--bg-card-hover: #321f4d;--bg-input: #1a0e2e;--text-primary: #ede4f7;--text-secondary: #b8a5d4;--text-muted: #7e6a9a;--accent-pink: #ff70cf;--accent-cyan: #22e8ff;--accent-purple: #c175ff;--accent-green: #10ffb0;--accent-yellow: #ffdb4d;--accent-red: #ff5577;--glow-pink: rgba(255, 112, 207, .35);--glow-cyan: rgba(34, 232, 255, .35);--glow-purple: rgba(193, 117, 255, .35);--glow-green: rgba(16, 255, 176, .35);--border-subtle: rgba(193, 117, 255, .2);--border-accent: rgba(255, 112, 207, .4);--radius: 12px;--radius-sm: 8px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Rajdhani", "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}#root{background:repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(193,117,255,.04) 59px,rgba(193,117,255,.04) 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(193,117,255,.04) 59px,rgba(193,117,255,.04) 60px),linear-gradient(to bottom,var(--bg-primary) 0%,#1a0d2e 50%,#1e1035 100%);min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}a{color:var(--accent-cyan);text-decoration:none}a:hover{text-decoration:underline}[data-theme=light]{--bg-primary: #faf8f5;--bg-secondary: #f5f1eb;--bg-card: #f0ece6;--bg-card-hover: #e8e3db;--bg-input: #ffffff;--text-primary: #2d2a33;--text-secondary: #5c5568;--text-muted: #8a8295;--accent-pink: #d4609b;--accent-cyan: #1ab8cc;--accent-purple: #9b5fbf;--accent-green: #0ec08a;--accent-yellow: #c9a830;--accent-red: #d44060;--glow-pink: rgba(212, 96, 155, .15);--glow-cyan: rgba(26, 184, 204, .15);--glow-purple: rgba(155, 95, 191, .15);--glow-green: rgba(14, 192, 138, .15);--border-subtle: rgba(155, 95, 191, .15);--border-accent: rgba(212, 96, 155, .3)}[data-theme=light] header{background:#faf8f5e6!important}[data-theme=light] .card:hover{box-shadow:0 2px 12px #9b5fbf1f}[data-theme=light] .tab-bar{border-bottom-color:#9b5fbf1f}[data-theme=light] ::-webkit-scrollbar-track{background:#f0ece6}[data-theme=light] ::-webkit-scrollbar-thumb{background:#c5bfb5}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#a89f93}[data-theme=light] body:before{background:linear-gradient(rgba(155,95,191,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(155,95,191,.03) 1px,transparent 1px)}[data-theme=light] body:after{background:linear-gradient(to top,#faf8f500,#f5f1eb80)}.tab-bar{display:flex;gap:0;padding:0 1.5rem;background:#1e123099;border-bottom:1px solid var(--border-subtle);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-item{background:none;border:none;padding:.75rem 1.25rem;font-family:var(--font-heading);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);cursor:pointer;position:relative;transition:color .2s;white-space:nowrap}.tab-item:hover{color:var(--accent-cyan)}.tab-item.active{color:var(--accent-pink)}.tab-item.active:after{content:"";position:absolute;bottom:0;left:.5rem;right:.5rem;height:2px;background:var(--accent-pink);box-shadow:0 0 8px var(--glow-pink);border-radius:2px}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.25rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-accent);box-shadow:0 0 20px var(--glow-purple)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-family:var(--font-heading);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.card-value{font-family:var(--font-heading);font-weight:700;font-size:2rem;line-height:1.1}.stat-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:999px}.stat-badge.positive{background:#10ffb01f;color:var(--accent-green)}.stat-badge.negative{background:#ff55771f;color:var(--accent-red)}.neon-pink{color:var(--accent-pink);text-shadow:0 0 10px var(--glow-pink)}.neon-cyan{color:var(--accent-cyan);text-shadow:0 0 10px var(--glow-cyan)}.neon-purple{color:var(--accent-purple);text-shadow:0 0 10px var(--glow-purple)}.neon-green{color:var(--accent-green);text-shadow:0 0 10px var(--glow-green)}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{text-align:left;font-family:var(--font-heading);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.5rem .75rem;border-bottom:1px solid var(--border-subtle)}.data-table td{padding:.5rem .75rem;border-bottom:1px solid rgba(193,117,255,.08);color:var(--text-secondary)}.data-table tr:hover td{color:var(--text-primary);background:#c175ff0d}.stale-indicator{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--accent-yellow);opacity:.8}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--text-muted);font-size:.85rem;text-align:center}.list-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid rgba(193,117,255,.08)}.list-item:last-child{border-bottom:none}.chart-container{width:100%;min-height:200px}input[type=text],input[type=date],select{outline:none}input[type=text]:focus,input[type=date]:focus,select:focus{border-color:var(--accent-pink);box-shadow:0 0 0 1px var(--glow-pink)}button{transition:opacity .15s,border-color .15s,background .15s}button:hover:not(:disabled){opacity:.85}@media(max-width:768px){.tab-bar{padding:0 .75rem}.tab-item{padding:.6rem .75rem;font-size:.7rem}}.btn{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-heading);font-size:.75rem;letter-spacing:.05em;padding:.4rem .85rem;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-primary{border-color:var(--accent-pink);color:var(--accent-pink)}.btn-primary:hover:not(:disabled){background:#ff70cf1a;border-color:var(--accent-pink);color:var(--accent-pink);box-shadow:0 0 12px var(--glow-pink)}.form-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary, #e8e8f0);font-family:inherit;font-size:.85rem;padding:.4rem .6rem}.form-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 8px var(--glow-cyan)}.status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.status-tile{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.status-chip{font-family:var(--font-heading);font-size:.7rem;letter-spacing:.08em;padding:.15rem .5rem;border-radius:var(--radius-sm);border:1px solid;text-transform:uppercase}.status-chip.operational{color:var(--accent-green);border-color:var(--accent-green);text-shadow:0 0 6px rgba(16,255,176,.4)}.status-chip.outage{color:var(--accent-pink);border-color:var(--accent-pink);text-shadow:0 0 6px var(--glow-pink)}.status-chip.unknown{color:var(--text-muted);border-color:var(--border-subtle)}.status-table{width:100%;border-collapse:collapse;font-size:.85rem}.status-table th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-heading);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.status-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border-subtle);vertical-align:top}.status-table tr:last-child td{border-bottom:none}.announcement-banners{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.announcement-banner{display:flex;gap:.75rem;padding:.85rem 1rem;border-radius:var(--radius);border:1px solid;background:var(--bg-card)}.announcement-banner.type-maintenance{border-color:var(--accent-cyan);box-shadow:0 0 12px var(--glow-cyan)}.announcement-banner.type-other{border-color:var(--accent-pink);box-shadow:0 0 12px var(--glow-pink)}.announcement-banner-icon{font-size:1.2rem;flex-shrink:0}.announcement-banner-body{flex:1;display:flex;flex-direction:column;gap:.25rem}.announcement-banner-title{font-family:var(--font-heading);font-size:.85rem;letter-spacing:.05em;color:var(--accent-cyan)}.announcement-banner.type-other .announcement-banner-title{color:var(--accent-pink)}.announcement-banner-message{font-size:.85rem;line-height:1.5;color:var(--text-secondary)}.announcement-banner-message p{margin:.25rem 0}.announcement-banner-message a{color:var(--accent-cyan);text-decoration:underline}.announcement-banner-link{font-size:.8rem;color:var(--accent-cyan);text-decoration:none}.announcement-banner-link:hover{text-decoration:underline}