@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700;800&display=swap");
:root{--ink:#10231d;--green:#123d31;--lime:#d9ff52;--canvas:#f1f1ec;--rail:#e4e7e1;--line:#cfd5d0;--soft:#dce9e3;--muted:#6f7d77;--paper:#f8f9f5;--danger:#be4638}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;color:var(--ink);background:var(--canvas);font-family:"Manrope",Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}a{color:var(--green)}code,pre{font-family:"DM Mono",monospace}:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:8px 12px;color:#fff;background:var(--green);transform:translateY(-150%)}.skip-link:focus{transform:none}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:76px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--rail);overflow:visible}.brand{height:84px;display:grid;place-items:center}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--green)}.brand-mark img{width:24px;height:24px;filter:brightness(0) invert(1)}.brand>div{display:none}.sidebar nav{flex:1;padding:8px 7px}.nav-group>p{display:none}.nav-group+.nav-group{margin-top:8px;padding-top:8px;border-top:1px solid rgba(16,35,29,.1)}.sidebar nav a{position:relative;height:48px;display:grid;place-items:center;border-radius:0;color:var(--ink);text-decoration:none}.sidebar nav a:before{content:"";position:absolute;left:0;width:3px;height:0;background:var(--green);transition:.16s}.sidebar nav a:hover{background:rgba(255,255,255,.45)}.sidebar nav a.active:before{height:100%}.sidebar nav .soon{position:relative;height:48px;display:grid;place-items:center;color:#9aa59f;cursor:default}.sidebar nav .soon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.sidebar nav .soon>span{position:absolute;left:64px;z-index:30;padding:7px 10px;color:#fff;background:var(--ink);font-size:.68rem;white-space:nowrap;opacity:0;pointer-events:none}.sidebar nav .soon:hover>span{opacity:1}
.sidebar nav a svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.sidebar nav a span{position:absolute;left:64px;z-index:30;padding:7px 10px;color:#fff;background:var(--ink);font-size:.68rem;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(-5px);transition:.16s}.sidebar nav a span:before{content:"";position:absolute;left:-5px;top:50%;border:5px solid transparent;border-right-color:var(--ink);border-left:0;transform:translateY(-50%)}.sidebar nav a:hover span,.sidebar nav a:focus span{opacity:1;transform:none}.environment{display:none}.workspace{min-height:100vh;margin-left:76px}.topbar{height:84px;display:flex;align-items:center;gap:24px;margin:0 30px;border-bottom:1px solid var(--line)}.page-heading{min-width:310px}.page-heading>span{display:block;color:var(--muted);font-size:.58rem;font-weight:700;letter-spacing:.21em;text-transform:uppercase}.page-heading h1{margin:3px 0 0;font-size:1.3rem;line-height:1}.top-links{display:flex;gap:42px;margin-right:auto}.top-links a{color:var(--muted);font-size:.6rem;font-weight:700;letter-spacing:.2em;text-decoration:none;text-transform:uppercase}.top-links a:hover{color:var(--ink)}.topbar-status{display:flex;align-items:center;gap:8px;color:var(--muted);font:500 .58rem "DM Mono",monospace;text-transform:uppercase}.topbar-status i{width:7px;height:7px;border-radius:50%;background:#22a676}.user-menu{display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:.62rem;font-weight:700}.user-menu strong,.user-menu small{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu strong{font-size:.62rem}.user-menu small{color:var(--muted);font-size:.55rem}.menu-toggle,.menu-scrim{display:none}.btn-ghost{min-height:31px;color:var(--muted);border:1px solid var(--line);background:transparent}main{max-width:1600px;padding:26px 30px 42px}
.ops-hero{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(400px,1.25fr) 310px;min-height:226px;border-bottom:1px solid var(--line)}.hero-number{padding:8px 32px 26px 0;border-right:1px solid var(--line)}.eyebrow{display:block;color:var(--muted);font-size:.59rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.hero-number strong{display:block;margin:10px 0 0;font-size:clamp(4.8rem,8vw,8.5rem);font-weight:700;line-height:.94;letter-spacing:-.09em}.hero-number small,.queue-block small{display:block;color:var(--muted);font:400 .66rem "DM Mono",monospace}.system-map{padding:8px 32px}.map-track{height:80px;display:flex;align-items:end;gap:7px;margin:32px 0 24px;border-bottom:1px solid var(--line)}.map-track i{display:block;flex:1;background:var(--soft)}.map-track i:nth-child(1){height:72%;background:var(--green)}.map-track i:nth-child(2){height:34%;background:#7a978b}.map-track i:nth-child(3){height:52%;background:#b4c3bc}.map-legend{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font:400 .56rem "DM Mono",monospace}.map-legend b{display:block;margin-top:3px;color:var(--ink);font-size:.72rem}.queue-block{display:flex;flex-direction:column;padding:18px 24px;background:var(--lime)}.queue-block .eyebrow{color:#344315}.queue-block strong{display:block;margin-top:7px;font-size:5.3rem;line-height:1;letter-spacing:-.08em}.queue-block small{color:#344315}.queue-block button{display:flex;justify-content:space-between;margin-top:auto;padding:12px 0 0;border:0;border-top:1px solid rgba(16,35,29,.45);border-radius:0;color:var(--ink);background:transparent;font-size:.6rem;letter-spacing:.18em;text-align:left;text-transform:uppercase}.queue-block button:hover{transform:none}.ops-stream{margin-top:28px;border-top:1px solid var(--line)}.stream-heading{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.stream-heading h2{margin:0;font-size:1.6rem}.stream-heading span{color:var(--muted);font:400 .58rem "DM Mono",monospace;text-transform:uppercase}.stream-row{min-height:52px;display:grid;grid-template-columns:70px minmax(230px,1fr) minmax(180px,.8fr) 140px;align-items:center;border-bottom:1px solid #d8ddd9;font-size:.73rem}.stream-row code{color:var(--muted);font-size:.59rem}.stream-row b{font-size:.66rem}.stream-row em{padding:5px 10px;border-radius:999px;color:var(--green);background:var(--soft);font-size:.55rem;font-style:normal;font-weight:700;letter-spacing:.18em;text-align:center;text-transform:uppercase}.signal-strip{min-height:170px;display:grid;grid-template-columns:repeat(3,1fr) 1.8fr;gap:0;margin-top:40px;padding:20px 24px 24px;color:#fff;background:var(--ink)}.strip-title{grid-column:1/-1;height:34px;color:#81978e;font-size:.56rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.signal-strip>div,.signal-strip>aside{display:flex;flex-direction:column;justify-content:center;padding:8px 28px 2px 0;border-top:1px solid #30443d}.signal-strip>div+div,.signal-strip>aside{padding-left:34px;border-left:1px solid #30443d}.signal-strip strong{font-size:2.4rem;line-height:1}.signal-strip small{margin-top:14px;color:#95a59f;font:400 .56rem "DM Mono",monospace;text-transform:uppercase}.signal-strip aside{position:relative}.signal-strip aside i{position:absolute;left:34px;width:10px;height:10px;border-radius:50%;background:var(--lime)}.signal-strip aside b,.signal-strip aside small{margin-left:26px}.signal-strip aside b{font-size:1rem;text-transform:uppercase}
.page-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--line)}.page-intro h2{margin:4px 0;font-size:2.2rem}.page-intro p{max-width:720px;margin:0;color:var(--muted);font-size:.78rem}.card{margin:0 0 18px;padding:22px;border:1px solid var(--line);background:var(--paper)}.card h1{font-size:2rem}.card h2{font-size:1.1rem}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.muted{color:var(--muted);font-size:.75rem}.flash{margin-bottom:18px;padding:12px;border-left:3px solid var(--lime);background:#fff;font-size:.75rem}.badge{padding:4px 8px;border-radius:999px;color:var(--green);background:var(--soft);font-size:.58rem;font-weight:700}.status-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:.73rem}.status-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#22a676}label{display:block;margin:13px 0 5px;color:var(--muted);font-size:.68rem;font-weight:700}input,textarea,select{width:100%;max-width:560px;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:0;background:var(--paper);font:inherit;font-size:.76rem}textarea{min-height:100px}input:focus,textarea:focus,select:focus{border-color:var(--green);outline:1px solid var(--green)}input[type=checkbox],input[type=radio]{width:auto;min-height:auto;accent-color:var(--green)}button,.btn{min-height:38px;padding:9px 15px;border:0;border-radius:0;color:#fff;background:var(--green);cursor:pointer;font:700 .67rem "Manrope",sans-serif;text-decoration:none}button:hover,.btn:hover{transform:translateY(-1px)}form{margin:0}.card:has(>table){overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.72rem}th{padding:11px;color:var(--muted);border-bottom:1px solid var(--ink);font-size:.57rem;letter-spacing:.12em;text-align:left;text-transform:uppercase}td{padding:13px 11px;border-bottom:1px solid var(--line)}tbody tr:hover{background:#e9ede8}pre{padding:14px;overflow:auto;color:#dce9e3;background:var(--ink)}.warn{color:var(--danger);font-weight:700}.empty-state{padding:70px 30px;border:1px solid var(--line);text-align:center}.empty-state>span{font-size:2rem}.empty-state p{color:var(--muted);font-size:.75rem}
.auth-shell{min-height:100vh;display:grid;place-items:center;background:var(--canvas)}.auth-main{width:min(100% - 32px,440px)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.auth-brand>div strong,.auth-brand>div small{display:block}.auth-brand small{color:var(--muted);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase}.auth-main .card{padding:30px}.auth-main input{max-width:none}.auth-main button:not(.btn-ghost){width:100%}
@media(max-width:1100px){.top-links{display:none}.ops-hero{grid-template-columns:1fr 1fr}.system-map{display:none}.signal-strip{grid-template-columns:repeat(3,1fr)}.signal-strip>aside{grid-column:1/-1;margin-top:18px;padding:18px 0 0;border-left:0;border-top:1px solid #30443d}.signal-strip aside i{left:0}.signal-strip aside b,.signal-strip aside small{margin-left:25px}}
@media(max-width:760px){.sidebar{width:250px;transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:none}.brand{display:flex;justify-content:flex-start;gap:12px;padding:18px}.brand>div{display:block}.brand strong,.brand small{display:block}.sidebar nav a{display:flex;justify-content:flex-start;gap:12px;padding:0 18px}.sidebar nav a span{position:static;padding:0;color:var(--ink);background:none;opacity:1;transform:none}.sidebar nav a span:before{display:none}.menu-scrim{position:fixed;inset:0;z-index:19;width:100%;height:100%;border:0;background:rgba(16,35,29,.5)}.menu-open .menu-scrim{display:block}.workspace{margin-left:0}.topbar{margin:0 18px}.menu-toggle{width:38px;height:38px;display:block;border:1px solid var(--line);background:transparent}.menu-toggle span{display:block;width:18px;height:2px;margin:3px auto;background:var(--ink)}.topbar-status,.user-menu>div{display:none}main{padding:20px 18px 36px}.ops-hero{grid-template-columns:1fr}.hero-number{border-right:0}.queue-block{min-height:210px}.stream-row{grid-template-columns:38px 1fr 100px}.stream-row b{display:none}.signal-strip{grid-template-columns:1fr}.signal-strip>div,.signal-strip>div+div{padding:16px 0;border-left:0}.page-intro{align-items:start;flex-direction:column}}
.app-shell main.wide:has(iframe.listmonk-full){padding:0;max-width:none}
iframe.listmonk-full{display:block;width:100%;height:calc(100vh - 84px);border:0;background:#fff}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:28px;border:1px solid var(--line)}
.metric{padding:22px 24px;border-right:1px solid var(--line);background:var(--paper)}
.metric:last-child{border-right:0}
.metric strong{display:block;margin-top:8px;font-size:2.6rem;line-height:1;letter-spacing:-.06em}
.activity-empty{padding:48px 24px;text-align:center;color:var(--muted)}
@media(max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}