:root{
  --bg:#07090d;
  --bg-soft:#0b0e13;
  --surface:#10141b;
  --surface-2:#141922;
  --surface-3:#1a2029;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --text:#f6f7f4;
  --soft:#a4abb6;
  --muted:#707987;
  --gold:#f5c400;
  --gold-soft:#ffe477;
  --green:#55df9b;
  --red:#ff666f;
  --orange:#ffad5b;
  --blue:#71a8ff;
  --violet:#a78bfa;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --shadow:0 28px 80px rgba(0,0,0,.42);
  --radius:24px;
  --shell:min(1440px,calc(100% - 24px));
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{font:inherit}
a{color:inherit}
img{display:block;max-width:100%}
.sentinel-page{position:relative;isolation:isolate}
.sentinel-grid-bg{position:fixed;inset:0;z-index:-4;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 55%,transparent 100%)}
.sentinel-glow{position:fixed;z-index:-3;pointer-events:none;border-radius:50%;filter:blur(2px)}
.sentinel-glow--one{width:44rem;height:44rem;right:-26rem;top:-23rem;background:radial-gradient(circle,rgba(245,196,0,.12),transparent 66%)}
.sentinel-glow--two{width:36rem;height:36rem;left:-26rem;top:34rem;background:radial-gradient(circle,rgba(68,111,176,.1),transparent 70%)}
.sentinel-topbar{position:sticky;top:0;z-index:50;min-height:66px;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--line);background:rgba(7,9,13,.8);backdrop-filter:blur(22px) saturate(115%)}
.sentinel-brand{justify-self:start;display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.sentinel-brand__mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(245,196,0,.22);border-radius:13px;background:rgba(245,196,0,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.2)}
.sentinel-brand__mark img{width:30px;height:30px;object-fit:contain}
.sentinel-brand__copy{display:grid;gap:1px}
.sentinel-brand__copy strong{font-size:.72rem;font-weight:900;letter-spacing:.14em}
.sentinel-brand__copy small{color:var(--gold);font-family:var(--mono);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase}
.sentinel-topbar__status{justify-self:center;display:none;align-items:center;gap:8px;color:var(--soft);font-family:var(--mono);font-size:.58rem;letter-spacing:.07em;text-transform:uppercase}
.sentinel-live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(85,223,155,.8);animation:sentinelPulse 2s ease-in-out infinite}
.sentinel-topbar__actions{justify-self:end;display:flex;align-items:center;gap:8px}
.sentinel-notification-control{min-height:40px;padding:5px 7px 5px 10px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);cursor:pointer;user-select:none}
.sentinel-notification-control__copy{display:none;line-height:1.1}
.sentinel-notification-control__copy b,.sentinel-notification-control__copy small{display:block}
.sentinel-notification-control__copy b{font-size:.62rem}
.sentinel-notification-control__copy small{margin-top:3px;color:var(--muted);font-family:var(--mono);font-size:.43rem;text-transform:uppercase}
.sentinel-notification-control input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.sentinel-switch{position:relative;width:38px;height:22px;flex:0 0 auto;border:1px solid var(--line-strong);border-radius:999px;background:rgba(255,255,255,.055);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.sentinel-switch i{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--muted);box-shadow:0 2px 7px rgba(0,0,0,.38);transition:transform .2s ease,background .2s ease}
.sentinel-notification-control input:checked+.sentinel-switch{border-color:rgba(85,223,155,.45);background:rgba(85,223,155,.18);box-shadow:0 0 16px rgba(85,223,155,.1)}
.sentinel-notification-control input:checked+.sentinel-switch i{transform:translateX(16px);background:var(--green)}
.sentinel-notification-control input:focus-visible+.sentinel-switch{outline:2px solid var(--gold);outline-offset:3px}
.sentinel-notification-control:has(input:disabled){opacity:.52;cursor:not-allowed}
.sentinel-notification-control.is-busy{pointer-events:none;opacity:.68}
.sentinel-topbar__back{justify-self:end;min-height:40px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--soft);font-size:.68rem;font-weight:800;text-decoration:none}
.sentinel-topbar__back span{color:var(--gold)}
.sentinel-shell{width:var(--shell);margin:0 auto;padding:18px 0 56px;display:grid;gap:18px}
.sentinel-sidebar{display:none}
.sentinel-feed-shell{min-width:0}
.sentinel-feed-head{padding:24px 18px 20px;display:grid;gap:18px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 100% 0,rgba(245,196,0,.08),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.sentinel-feed-head__status{margin-bottom:14px;display:flex;align-items:center;gap:8px;color:var(--soft);font-family:var(--mono);font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.sentinel-feed-head__status i{padding:4px 7px;border:1px solid rgba(245,196,0,.2);border-radius:999px;background:rgba(245,196,0,.06);color:var(--gold);font-style:normal;font-size:.48rem}
.sentinel-feed-head h2{margin:0 0 14px;max-width:760px;font-size:clamp(2rem,9vw,4.6rem);line-height:.95;letter-spacing:-.065em}
.sentinel-feed-head h2 span{color:var(--gold)}
.sentinel-feed-head p{max-width:760px;margin:0;color:var(--soft);font-size:.91rem;line-height:1.7}
.sentinel-head-summary{align-self:end;width:100%;padding:16px;display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
.sentinel-head-summary span{grid-column:1/-1;margin-bottom:7px;color:var(--muted);font-family:var(--mono);font-size:.52rem;letter-spacing:.12em}
.sentinel-head-summary strong{font-family:var(--mono);font-size:2.1rem;line-height:1;color:var(--gold-soft)}
.sentinel-head-summary small{align-self:center;color:var(--soft);font-size:.67rem}
.sentinel-kicker{color:var(--gold);font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.sentinel-mobile-filters{margin:12px 0 0;padding:2px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}
.sentinel-mobile-filters::-webkit-scrollbar{display:none}
.sentinel-mobile-filters button{flex:0 0 auto;min-height:40px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);color:var(--soft);font-size:.66rem;font-weight:750;cursor:pointer}
.sentinel-mobile-filters button.is-active{border-color:rgba(245,196,0,.28);background:rgba(245,196,0,.1);color:var(--gold-soft)}
.sentinel-stream{position:relative;margin-top:18px;min-height:420px;padding-left:0}
.sentinel-stream__rail{position:absolute;left:21px;top:14px;bottom:14px;width:1px;background:linear-gradient(180deg,rgba(245,196,0,.28),rgba(255,255,255,.07) 42%,rgba(255,255,255,.02));pointer-events:none}
.sentinel-feed{display:grid;gap:11px}
.sentinel-message{--tone:var(--blue);position:relative;padding-left:48px;animation:sentinelMessageIn .42s both}
.sentinel-message:before{content:"";position:absolute;left:18px;top:27px;width:7px;height:7px;border-radius:50%;background:var(--tone);box-shadow:0 0 0 5px var(--bg),0 0 14px color-mix(in srgb,var(--tone) 58%,transparent)}
.sentinel-message__card{position:relative;padding:15px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(150deg,rgba(17,21,28,.96),rgba(10,13,18,.94));box-shadow:0 16px 36px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden}
.sentinel-message__card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--tone),transparent 80%);opacity:.7}
.sentinel-message--critical{--tone:var(--red)}
.sentinel-message--warning{--tone:var(--orange)}
.sentinel-message--success{--tone:var(--green)}
.sentinel-message--info{--tone:var(--blue)}
.sentinel-message--discipline{--tone:var(--gold)}
.sentinel-message--system{--tone:var(--violet)}
.sentinel-message__head{display:flex;align-items:flex-start;gap:10px}
.sentinel-message__avatar{flex:0 0 auto;width:37px;height:37px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tone) 28%,transparent);border-radius:11px;background:color-mix(in srgb,var(--tone) 9%,#0f1319);color:var(--tone);font-family:var(--mono);font-size:.58rem;font-weight:900;letter-spacing:.04em}
.sentinel-message__identity{min-width:0;flex:1;display:grid;gap:3px}
.sentinel-message__identity b{font-size:.78rem}
.sentinel-message__identity span{color:var(--muted);font-family:var(--mono);font-size:.48rem;text-transform:uppercase;letter-spacing:.06em}
.sentinel-message__time{flex:0 0 auto;color:var(--muted);font-family:var(--mono);font-size:.48rem}
.sentinel-message__badge{width:max-content;max-width:100%;margin-top:12px;padding:5px 7px;border:1px solid color-mix(in srgb,var(--tone) 24%,transparent);border-radius:7px;background:color-mix(in srgb,var(--tone) 8%,transparent);color:var(--tone);font-family:var(--mono);font-size:.47rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sentinel-message h3{margin:9px 0 7px;font-size:1rem;line-height:1.3;letter-spacing:-.025em}
.sentinel-message__body{margin:0;color:var(--soft);font-size:.76rem;line-height:1.6}
.sentinel-message__metrics{margin-top:12px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}
.sentinel-message__metrics::-webkit-scrollbar{display:none}
.sentinel-metric{flex:0 0 auto;min-width:104px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018)}
.sentinel-metric span,.sentinel-metric strong{display:block}
.sentinel-metric span{margin-bottom:4px;color:var(--muted);font-family:var(--mono);font-size:.44rem;text-transform:uppercase;letter-spacing:.06em}
.sentinel-metric strong{font-family:var(--mono);font-size:.62rem;color:var(--text)}
.sentinel-message__detail{margin-top:11px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.17);color:var(--soft);font-family:var(--mono);font-size:.52rem;line-height:1.55}
.sentinel-reactions{margin-top:13px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sentinel-reaction{min-height:34px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.018);color:var(--soft);font-size:.67rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.sentinel-reaction:hover,.sentinel-reaction:focus-visible{border-color:var(--line-strong);background:rgba(255,255,255,.035);color:var(--text)}
.sentinel-reaction:active{transform:scale(.94)}
.sentinel-reaction.is-selected{border-color:rgba(245,196,0,.32);background:rgba(245,196,0,.09);color:var(--gold-soft)}
.sentinel-reaction.is-bumping{animation:sentinelReactionBump .32s ease}
.sentinel-reaction__count{font-family:var(--mono);font-size:.53rem}
.sentinel-message__footer{margin-top:11px;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid rgba(255,255,255,.055);color:var(--muted);font-size:.53rem}
.sentinel-message__footer span:first-child{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase}
.sentinel-message__footer span:last-child{color:color-mix(in srgb,var(--tone) 75%,white 8%)}
.sentinel-empty{margin:20px 0;padding:34px 20px;text-align:center;border:1px dashed var(--line-strong);border-radius:20px;background:rgba(255,255,255,.015)}
.sentinel-empty>span{width:46px;height:46px;margin:0 auto 12px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;color:var(--gold)}
.sentinel-empty h3{margin:0 0 7px;font-size:.96rem}
.sentinel-empty p{max-width:440px;margin:0 auto;color:var(--soft);font-size:.72rem;line-height:1.55}
.sentinel-load-more{width:calc(100% - 48px);min-height:44px;margin:18px 24px 0;border:1px solid rgba(245,196,0,.26);border-radius:13px;background:rgba(245,196,0,.055);color:var(--gold-soft);font-size:.7rem;font-weight:800;cursor:pointer}
.sentinel-load-more:hover,.sentinel-load-more:focus-visible{border-color:rgba(245,196,0,.42);background:rgba(245,196,0,.09)}
.sentinel-load-more:disabled{opacity:.55;cursor:wait}
.sentinel-integration-card{margin-top:18px;padding:20px;display:grid;gap:18px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(77,118,181,.11),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.sentinel-integration-card h3{margin:7px 0 8px;font-size:1.2rem;letter-spacing:-.035em}
.sentinel-integration-card p{margin:0;color:var(--soft);font-size:.76rem;line-height:1.6}
.sentinel-integration-map{position:relative;min-height:210px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;place-items:center}
.sentinel-integration-map:before,.sentinel-integration-map:after{content:"";position:absolute;left:50%;top:50%;width:72%;height:1px;background:linear-gradient(90deg,transparent,rgba(245,196,0,.2),transparent);transform:translate(-50%,-50%);z-index:0}
.sentinel-integration-map:after{transform:translate(-50%,-50%) rotate(90deg)}
.sentinel-integration-map span,.sentinel-integration-map b{position:relative;z-index:1;display:grid;place-items:center;text-align:center;font-family:var(--mono);font-size:.49rem;letter-spacing:.05em}
.sentinel-integration-map span{width:58px;height:40px;border:1px solid var(--line);border-radius:10px;background:#0e1218;color:var(--soft)}
.sentinel-integration-map b{grid-column:2;grid-row:2;width:78px;height:78px;border:1px solid rgba(245,196,0,.32);border-radius:50%;background:radial-gradient(circle,rgba(245,196,0,.12),#0f1318 66%);color:var(--gold);box-shadow:0 0 0 7px rgba(245,196,0,.025),0 0 28px rgba(245,196,0,.08)}
.sentinel-toast{position:fixed;z-index:90;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));width:min(390px,calc(100% - 28px));padding:11px 13px;border:1px solid rgba(245,196,0,.22);border-radius:13px;background:rgba(13,16,21,.96);box-shadow:0 20px 46px rgba(0,0,0,.45);color:var(--text);font-size:.68rem;line-height:1.4;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .22s ease,transform .22s ease}
.sentinel-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.sentinel-footer{width:var(--shell);margin:0 auto;padding:0 0 calc(28px + env(safe-area-inset-bottom));display:grid;gap:5px;color:var(--muted);font-size:.54rem;text-align:center}
.sentinel-sidebar__head{padding:4px 4px 16px;border-bottom:1px solid var(--line)}
.sentinel-sidebar__head h1{margin:6px 0 8px;font-size:2rem;letter-spacing:-.055em}
.sentinel-sidebar__head p{margin:0;color:var(--soft);font-size:.7rem;line-height:1.55}
.sentinel-channel-list{margin-top:14px;display:grid;gap:6px}
.sentinel-channel{width:100%;padding:9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--soft);text-align:left;cursor:pointer}
.sentinel-channel:hover{background:rgba(255,255,255,.025)}
.sentinel-channel.is-active{border-color:rgba(245,196,0,.18);background:rgba(245,196,0,.07);color:var(--text)}
.sentinel-channel__icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);color:var(--gold);font-family:var(--mono);font-size:.56rem;font-weight:800}
.sentinel-channel>span:nth-child(2){min-width:0;display:grid;gap:2px}
.sentinel-channel b{font-size:.68rem}
.sentinel-channel small{color:var(--muted);font-size:.52rem}
.sentinel-channel i{min-width:25px;height:25px;padding:0 5px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.018);color:var(--muted);font-family:var(--mono);font-size:.47rem;font-style:normal}
.sentinel-channel.is-active i{border-color:rgba(245,196,0,.18);color:var(--gold)}
.sentinel-health-card{margin-top:16px;padding:13px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.sentinel-health-card__top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-family:var(--mono);font-size:.47rem;letter-spacing:.08em}
.sentinel-health-card__top b{display:flex;align-items:center;gap:5px;color:var(--green);font-size:.48rem}
.sentinel-health-card__top b i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.sentinel-health-card__metrics{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.sentinel-health-card__metrics div{padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.12)}
.sentinel-health-card__metrics span,.sentinel-health-card__metrics strong{display:block}
.sentinel-health-card__metrics span{margin-bottom:4px;color:var(--muted);font-size:.47rem}
.sentinel-health-card__metrics strong{font-family:var(--mono);font-size:.82rem}
.sentinel-health-card p{margin:11px 0 0;color:var(--muted);font-size:.56rem;line-height:1.5}
@keyframes sentinelPulse{0%,100%{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@keyframes sentinelMessageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes sentinelReactionBump{0%,100%{transform:scale(1)}45%{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media (min-width:560px){
  :root{--shell:min(1440px,calc(100% - 40px))}
  .sentinel-topbar{grid-template-columns:1fr auto 1fr;padding-left:20px;padding-right:20px}
  .sentinel-topbar__status{display:flex}
  .sentinel-notification-control__copy{display:block}
  .sentinel-feed-head{grid-template-columns:1fr 180px;padding:30px 26px 25px}
  .sentinel-head-summary{width:180px}
  .sentinel-message{padding-left:56px}
  .sentinel-stream__rail{left:25px}
  .sentinel-message:before{left:22px}
  .sentinel-message__card{padding:17px}
  .sentinel-integration-card{grid-template-columns:minmax(0,1fr) 280px;align-items:center;padding:24px}
}
@media (max-width:430px){
  .sentinel-topbar{grid-template-columns:1fr auto}
  .sentinel-topbar__back{width:40px;padding:0;justify-content:center;font-size:0}
  .sentinel-topbar__back span{font-size:.8rem}
}
@media (min-width:900px){
  .sentinel-shell{padding-top:22px;grid-template-columns:255px minmax(0,1fr);align-items:start}
  .sentinel-sidebar{position:sticky;top:88px;display:block;max-height:calc(100vh - 108px);overflow:auto;padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(12,15,20,.74);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.24)}
  .sentinel-mobile-filters{display:none}
  .sentinel-feed-head{margin-top:0}
  .sentinel-message__card{border-radius:20px}
}
@media (min-width:1180px){
  .sentinel-shell{grid-template-columns:285px minmax(0,1fr);gap:22px}
  .sentinel-feed-shell{max-width:980px}
  .sentinel-feed-head{padding:34px 32px 28px}
  .sentinel-feed-head p{font-size:.96rem}
  .sentinel-message__card{padding:18px 19px}
  .sentinel-message h3{font-size:1.08rem}
  .sentinel-message__body{font-size:.8rem}
  .sentinel-footer{grid-template-columns:auto 1fr;text-align:left}
  .sentinel-footer span:last-child{text-align:right}
}