:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;background:#071015;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#071015;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0}.gate{background:linear-gradient(#071015c7,#071015f0),url(https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?auto=format&fit=crop&w=1600&q=80) 50%/cover;place-items:center;min-height:100vh;padding:24px;display:grid}.gatePanel{background:#091218eb;border:1px solid #94a3b83d;border-radius:8px;width:min(480px,100%);padding:34px;box-shadow:0 24px 80px #0000006b}.brandMark{color:#04110f;background:linear-gradient(135deg,#2dd4bf,#eab308);border-radius:8px;place-items:center;width:52px;height:52px;font-size:28px;font-weight:900;display:grid}.brandMark.small{width:42px;height:42px;font-size:22px}.eyebrow{color:#5eead4;text-transform:uppercase;letter-spacing:.12em;margin:22px 0 8px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(30px,5vw,46px);line-height:1}h2{margin-bottom:10px;font-size:24px;line-height:1.1}.gateCopy,.details p,.panel p{color:#e2e8f0c2;line-height:1.6}.gateForm{gap:14px;margin-top:26px;display:grid}label{color:#f8fafcd1;gap:8px;font-weight:700;display:grid}input{color:#fff;background:#020617b8;border:1px solid #94a3b838;border-radius:8px;outline:none;width:100%;min-height:46px;padding:0 14px}input:focus{border-color:#2dd4bfbd}.gateForm button,.actions button,.ghostButton{cursor:pointer;border-radius:8px;min-height:44px;padding:0 16px;font-weight:800}.gateForm button,.actions button{color:#031412;background:#2dd4bf}.actions button:disabled{cursor:progress;opacity:.7}.gateStatus{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.statusOk,.statusBad{margin:14px 0 0;font-size:14px;font-weight:800}.gateStatus .statusOk,.gateStatus .statusBad{margin:0}.statusOk{color:#99f6e4}.statusBad{color:#fecaca}.statusBad.inline{margin-bottom:16px}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:#091218;border-right:1px solid #94a3b829;flex-direction:column;justify-content:space-between;height:100vh;padding:20px;display:flex;position:sticky;top:0}.logoRow{align-items:center;gap:12px;margin-bottom:28px;display:flex}.logoRow strong,.logoRow span{display:block}.logoRow span{color:#e2e8f094;margin-top:3px;font-size:13px}.nav{gap:10px;display:grid}.nav button,.ghostButton{text-align:left;color:#fff;background:#0f172aa8;border:1px solid #94a3b829;width:100%}.nav button{cursor:pointer;border-radius:8px;min-height:46px;padding:0 14px;font-weight:800}.nav button.active{background:#14b8a62e;border-color:#2dd4bfa3}.content{padding:28px;overflow:hidden}.topbar{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.topbar .eyebrow,.panel .eyebrow,.details .eyebrow{margin-top:0}.actions{grid-template-columns:minmax(220px,320px) auto;gap:10px;display:grid}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.stats div,.details,.emptyState,.panel,.mediaCard,.timelineItem,.flowStep,.settingsGrid article{background:#0f172a94;border:1px solid #94a3b829;border-radius:8px}.stats div{padding:16px}.stats span,.mediaCard span,.mediaCard small,dt,.timelineItem span,.timelineItem small{color:#e2e8f09e}.stats strong{margin-top:8px;font-size:28px;display:block}.layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.segmented{background:#0206178a;border:1px solid #94a3b824;border-radius:8px;grid-template-columns:repeat(3,auto);gap:4px;margin-bottom:16px;padding:4px;display:inline-grid}.segmented button{cursor:pointer;color:#f8fafcc7;background:0 0;border-radius:6px;min-height:36px;padding:0 14px;font-weight:800}.segmented button.active{color:#031412;background:#2dd4bf}.grid{grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:14px;display:grid}.mediaCard{text-align:left;color:#fff;cursor:pointer;gap:10px;min-width:0;padding:10px;display:grid}.mediaCard:hover{border-color:#2dd4bf94}.mediaCard img,.posterFallback{aspect-ratio:2/3;object-fit:cover;background:#111827;border-radius:6px;width:100%}.posterFallback{color:#e2e8f0b3;place-items:center;font-weight:900;display:grid}.mediaCard strong,.mediaCard span,.mediaCard small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mediaCard strong{font-size:15px}.details{padding:20px;position:sticky;top:28px}dl{gap:12px;margin:18px 0 0;display:grid}dl div{border-top:1px solid #94a3b81f;justify-content:space-between;gap:12px;padding-top:12px;display:flex}dt{font-weight:800}dd{text-align:right;margin:0}.emptyState{color:#e2e8f0b8;grid-column:1/-1;padding:28px}.panel{padding:22px}.panelHeader{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.pill{border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.pill.ok{color:#042f2e;background:#99f6e4}.pill.bad{color:#450a0a;background:#fecaca}.timeline,.flow,.settingsGrid{gap:12px;display:grid}.timelineItem{grid-template-columns:90px minmax(0,1fr) 170px 170px;align-items:center;gap:14px;padding:14px;display:grid}.timelineItem strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.timelineItem em{color:#99f6e4;text-align:right;font-style:normal;font-weight:800}.flow{grid-template-columns:repeat(5,minmax(0,1fr))}.flowStep{min-height:190px;padding:16px}.flowStep span{color:#facc15;margin-bottom:18px;font-size:13px;font-weight:900;display:inline-flex}.flowStep strong,.settingsGrid strong{margin-bottom:8px;display:block}.flowStep p,.settingsGrid p{margin-bottom:0;font-size:14px}.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.settingsGrid article{padding:16px}@media (width<=1100px){.stats,.flow{grid-template-columns:repeat(2,minmax(0,1fr))}.timelineItem{grid-template-columns:1fr}.timelineItem em{text-align:left}}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.topbar,.layout{grid-template-columns:1fr;display:grid}.actions,.stats,.settingsGrid{grid-template-columns:1fr}.details{position:static}}@media (width<=560px){.content,.sidebar,.gatePanel{padding:18px}.flow{grid-template-columns:1fr}}