:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#020407;color:#f8fafc}*{box-sizing:border-box}html{background:#020407}body{margin:0;min-width:320px;background:linear-gradient(120deg,#020617fa,#030712eb),radial-gradient(circle at 18% 8%,rgba(34,211,238,.18),transparent 26%),radial-gradient(circle at 86% 4%,rgba(251,191,36,.12),transparent 24%),#020407}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}button{font:inherit}.shell{min-height:100vh;width:min(1500px,100%);margin:0 auto;padding:18px}.shell:before{content:"BRESHERE / OPERATOR";display:flex;align-items:center;height:42px;margin-bottom:14px;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:0 18px;color:#fde68a;background:#ffffff09;font-size:10px;font-weight:950;letter-spacing:.28em}.hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:stretch}.hero-copy,.hero-panel,.panel,.boundary,.error-box,.card{border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#ffffff13,#ffffff07);box-shadow:0 18px 60px #0000005c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-copy{border-radius:26px;padding:28px;min-height:245px;position:relative;overflow:hidden}.hero-copy:after{content:"";position:absolute;inset:0 0 auto auto;width:340px;height:220px;background:radial-gradient(circle,rgba(103,232,249,.18),transparent 68%);pointer-events:none}.eyebrow{margin:0;color:#fde68a;font-size:10px;text-transform:uppercase;letter-spacing:.26em;font-weight:950}h1{margin:14px 0 0;max-width:760px;font-size:clamp(42px,6vw,68px);line-height:.9;letter-spacing:-.065em}h2{margin:5px 0 0;font-size:23px;letter-spacing:-.04em}.hero-text{max-width:700px;margin:16px 0 0;color:#cbd5e1;font-size:15px;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hero-panel{border-radius:26px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.hero-panel p{margin:0;color:#e2e8f0;line-height:1.5;font-size:13px}.session{display:flex;align-items:center;gap:10px;border-radius:16px;padding:12px 13px;font-weight:900;font-size:12px}.session-good{border:1px solid rgba(52,211,153,.32);background:#10b9811f;color:#bbf7d0}.session-bad{border:1px solid rgba(248,113,113,.32);background:#ef44441f;color:#fecaca}.refresh{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;border:1px solid rgba(103,232,249,.36);background:#67e8f916;color:#cffafe;border-radius:16px;padding:12px 16px;cursor:pointer;font-weight:950;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.refresh:hover{border-color:#67e8f9d1;background:#67e8f924}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;border:1px solid rgba(255,255,255,.12)}.pill-good{color:#bbf7d0;background:#10b9811f;border-color:#34d39952}.pill-warn{color:#fde68a;background:#f59e0b1f;border-color:#fbbf2457}.pill-danger{color:#fecaca;background:#ef44441f;border-color:#f8717152}.pill-locked{color:#bfdbfe;background:#3b82f61f;border-color:#60a5fa52}.pill-neutral{color:#e2e8f0;background:#94a3b81a;border-color:#94a3b83d}.grid{display:grid;gap:12px}.metrics{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:14px}.card{border-radius:22px;padding:15px;min-height:135px;display:flex;flex-direction:column;justify-content:space-between}.card-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:13px;background:#ffffff13;color:#fde68a}.card-icon svg{width:18px;height:18px}.card-label{margin:14px 0 0;color:#94a3b8;font-size:9px;text-transform:uppercase;letter-spacing:.18em;font-weight:950}.card h3{margin:6px 0 0;font-size:clamp(19px,2vw,28px);line-height:1;letter-spacing:-.045em;overflow-wrap:anywhere}.card-note{margin:9px 0 0;color:#a7b4c6;font-size:11px;line-height:1.35}.card-good{border-color:#34d39942}.card-warn{border-color:#fbbf2447}.card-danger{border-color:#f871714d}.card-locked{border-color:#60a5fa47}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-top:14px}.panel{border-radius:24px;padding:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;color:#fde68a}.run-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.run-grid div{border-radius:17px;border:1px solid rgba(255,255,255,.08);background:#0000003d;padding:13px;min-height:82px}.run-grid span{display:block;color:#94a3b8;font-size:9px;text-transform:uppercase;letter-spacing:.17em;font-weight:950}.run-grid strong{display:block;margin-top:10px;font-size:20px;letter-spacing:-.04em;overflow-wrap:anywhere}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px!important;line-height:1.5}.endpoint-list{display:grid;gap:8px}.endpoint-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:#0003;padding:12px}.endpoint-row strong{display:block;font-size:13px}.endpoint-row span{display:block;margin-top:3px;color:#94a3b8;font-size:11px}.endpoint-row svg{color:#fde68a;flex:none}.boundary{display:flex;align-items:center;gap:12px;border-radius:20px;padding:14px 16px;margin-top:14px;color:#cbd5e1}.boundary p{margin:0;line-height:1.5;font-size:13px}.error-box{display:flex;gap:12px;margin-top:14px;border-radius:20px;padding:14px;border-color:#f871714d;color:#fecaca}.error-box p{margin:4px 0 0;color:#fca5a5}.muted{color:#94a3b8}@media(max-width:1180px){.hero,.split{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.shell{padding:12px}.shell:before{height:38px;font-size:9px}.hero-copy,.hero-panel,.panel{border-radius:22px;padding:16px}h1{font-size:clamp(36px,13vw,54px)}.hero-copy{min-height:auto}.hero-text{font-size:14px}.metrics{grid-template-columns:1fr}.card{min-height:118px;border-radius:20px}.run-grid{grid-template-columns:1fr}}