:root{--bg: #0a0f14;--bg-panel: #0d1319;--bg-panel-hover: #111822;--border: rgba(0, 255, 136, .08);--border-active: rgba(0, 255, 136, .25);--text: #c8d6e5;--text-dim: rgba(200, 214, 229, .5);--text-muted: rgba(200, 214, 229, .3);--accent: #00ff88;--accent-dim: rgba(0, 255, 136, .15);--danger: #ff4757;--warning: #ffa502;--watch: #f9ca24;--advisory: #4da6ff;--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", -apple-system, sans-serif;--radius: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;overflow-x:hidden;-webkit-font-smoothing:antialiased}.sentinel{min-height:100vh;display:flex;flex-direction:column}.sentinel__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(0,255,136,.03) 0%,transparent 100%)}.sentinel__logo{display:flex;align-items:center;gap:1rem}.sentinel__logo-icon{font-size:2rem;filter:drop-shadow(0 0 8px rgba(0,255,136,.3))}.sentinel__logo-text h1{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--accent);letter-spacing:.3em}.sentinel__subtitle{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);letter-spacing:.2em}.sentinel__status{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--accent)}.sentinel__status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px var(--accent)}50%{opacity:.5;box-shadow:0 0 16px var(--accent)}}.sentinel__grid{flex:1;display:grid;grid-template-columns:300px 1fr 280px;grid-template-rows:auto 1fr auto;gap:1px;background:var(--border);padding:1px}.sentinel__panel{background:var(--bg-panel);padding:1rem;overflow:hidden}.panel__header{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between}.sentinel__threat-level{grid-column:1;grid-row:1}.threat-level{text-align:center;padding:1rem 0}.threat-level__value{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;color:var(--accent);display:block;text-shadow:0 0 20px rgba(0,255,136,.3)}.threat-level__name{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);letter-spacing:.2em;display:block;margin-top:.25rem}.threat-level__bars{display:flex;gap:4px;justify-content:center;margin-top:1rem}.threat-bar{width:32px;height:6px;border-radius:3px;background:#ffffff0f;transition:background .3s}.threat-bar--active[data-level="0"]{background:var(--accent);box-shadow:0 0 6px var(--accent)}.sentinel__metrics{grid-column:2;grid-row:1}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center}.metric__value{font-family:var(--font-mono);font-size:1.8rem;font-weight:700;color:var(--accent);display:block}.metric__label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);letter-spacing:.15em;display:block;margin-top:.25rem}.sentinel__feed{grid-column:2;grid-row:2 / 4;display:flex;flex-direction:column}.feed__count{font-size:.6rem;color:var(--text-muted);font-weight:400}.feed__list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.feed__list::-webkit-scrollbar{width:4px}.feed__list::-webkit-scrollbar-track{background:transparent}.feed__list::-webkit-scrollbar-thumb{background:#00ff8826;border-radius:2px}.feed__event{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius);border-left:3px solid var(--accent);background:#00ff8805;transition:background .2s}.feed__event:hover{background:#00ff880d}.feed__event--tl0{border-left-color:var(--accent)}.feed__event--tl1{border-left-color:var(--advisory)}.feed__event--tl2{border-left-color:var(--watch)}.feed__event--tl3{border-left-color:var(--warning)}.feed__event--tl4{border-left-color:var(--danger)}.feed__event-icon{font-size:1.2rem;flex-shrink:0}.feed__event-body{flex:1;min-width:0}.feed__event-title{font-size:.8rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed__event-mag{font-family:var(--font-mono);font-size:.7rem;color:var(--warning);font-weight:600}.feed__event-meta{display:flex;gap:.75rem;margin-top:.15rem}.feed__event-loc{font-size:.7rem;color:var(--text-dim)}.feed__event-level{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted)}.feed__event-time{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);flex-shrink:0}.sentinel__sources{grid-column:1;grid-row:2}.sources__list{display:flex;flex-direction:column;gap:4px}.source{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);border-radius:4px}.source:hover{background:#ffffff05}.source__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.source--online .source__dot{background:var(--accent);box-shadow:0 0 4px var(--accent)}.source--offline .source__dot{background:var(--danger)}.source__ping{margin-left:auto;color:var(--text-muted);font-size:.6rem}.sentinel__arks{grid-column:1;grid-row:3}.arks__list{display:flex;flex-direction:column;gap:4px}.ark{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);border-radius:4px}.ark:hover{background:#ffffff05}.ark__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ark--online .ark__dot{background:var(--accent);box-shadow:0 0 4px var(--accent)}.ark--standby .ark__dot{background:var(--advisory)}.ark--offline .ark__dot{background:var(--danger)}.ark__status{margin-left:auto;font-size:.6rem}.ark--online .ark__status{color:var(--accent)}.ark--standby .ark__status{color:var(--advisory)}.ark__ping{color:var(--text-muted);font-size:.6rem;width:40px;text-align:right}.sentinel__map{grid-column:3;grid-row:1 / 4;display:flex;flex-direction:column}.map__globe{flex:1;display:flex;align-items:center;justify-content:center}.globe__ascii{font-family:var(--font-mono);font-size:.55rem;line-height:1;color:#00ff8859;white-space:pre;text-shadow:0 0 4px rgba(0,255,136,.1)}.sentinel__footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem 2rem;font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);border-top:1px solid var(--border);background:var(--bg-panel)}.sentinel__uptime{color:var(--accent)}@media(max-width:1024px){.sentinel__grid{grid-template-columns:1fr;grid-template-rows:auto}.sentinel__threat-level,.sentinel__metrics,.sentinel__feed,.sentinel__sources,.sentinel__arks,.sentinel__map{grid-column:1;grid-row:auto}.sentinel__feed{max-height:60vh}.sentinel__map{min-height:200px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sentinel__header{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.sentinel__logo-text h1{font-size:1.1rem}.sentinel__footer{padding:.5rem 1rem;font-size:.55rem}}.sentinel:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.008) 2px,rgba(0,255,136,.008) 4px);z-index:9999}