:root{color:#f4f7fb;background:#10151d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{overflow-y:scroll}*{box-sizing:border-box}body{background:#10151d;margin:0;min-height:100vh;overflow-x:hidden}button,input,textarea{font:inherit}button{align-items:center;background:#273140;border:1px solid #3b4859;border-radius:6px;color:#f4f7fb;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:0 13px}button:hover:not(:disabled){background:#334155;border-color:#6bd5e7}button:disabled{cursor:not-allowed;opacity:.48}input,textarea{background:#111923;border:1px solid #384659;border-radius:6px;color:#f4f7fb;min-height:42px;outline:none;padding:10px 12px;width:100%}input:focus,textarea:focus{border-color:#6bd5e7;box-shadow:0 0 0 3px #6bd5e71f}input::placeholder,textarea::placeholder{color:#78879a}main{margin:0 auto;max-width:1500px;padding:0 28px 28px}.login-gate{align-items:center;display:grid;min-height:100vh;padding:24px;place-items:center}.login-gate-panel{display:grid;gap:24px;width:min(360px,100%)}.topbar{align-items:center;border-bottom:1px solid #2b3542;display:flex;gap:32px;justify-content:space-between;min-height:156px;padding:24px 0}.brand-lockup{display:grid;gap:8px}.brand-lockup>span,.eyebrow,.section-heading>span,.panel-heading>div>span,.console-heading .eyebrow{align-items:center;color:#6bd5e7;display:inline-flex;font-size:12px;font-weight:800;gap:7px;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{color:#fff;font-size:58px;line-height:.94;margin:0}.brand-lockup p{color:#aeb9c7;font-size:17px;margin:0}.login-panel{background:#18212c;border:1px solid #344255;border-radius:8px;display:grid;gap:10px;padding:14px;width:min(360px,100%)}.login-panel label,.composer label{display:grid;gap:6px}.login-panel label>span,.composer label>span{color:#aeb9c7;font-size:11px;font-weight:800;text-transform:uppercase}.panel-title,.operator-session{align-items:center;display:flex;gap:10px}.panel-title>span,.operator-session>div{display:grid;gap:2px}.panel-title small,.operator-session small{color:#8797aa}.primary{background:#e8c45a;border-color:#e8c45a;color:#17202b;font-weight:850}.primary:hover:not(:disabled){background:#f3d878;border-color:#f3d878}.operator-session{background:#18212c;border:1px solid #344255;border-radius:8px;padding:10px}.operator-session strong{font-size:14px}.avatar{align-items:center;aspect-ratio:1;background:#6bd5e7;border-radius:50%;color:#10202a;display:inline-flex;font-weight:900;justify-content:center;width:36px}.icon-button{aspect-ratio:1;min-height:38px;padding:0;width:38px}.hero-band{align-items:stretch;border-bottom:1px solid #344255;display:grid;gap:42px;grid-template-columns:minmax(0,1fr) minmax(330px,440px);padding:58px 0}.hero-copy{align-content:center;display:grid;gap:18px}.hero-copy h2{color:#fff;font-size:62px;line-height:1;margin:0;max-width:900px}.hero-copy p{color:#b5c0cf;font-size:19px;line-height:1.55;margin:0;max-width:760px}.hero-status{display:flex;flex-wrap:wrap;gap:8px}.status-pill{align-items:center;background:#252f3c;border:1px solid #3b4859;border-radius:999px;color:#c7d1dd;display:inline-flex;font-size:11px;font-weight:800;min-height:26px;padding:4px 9px;text-transform:uppercase;white-space:nowrap}.status-pill.good{background:#15372b;border-color:#2e7359;color:#96e6bf}.status-pill.warn{background:#3c311a;border-color:#7e682c;color:#f2d77d}.status-pill.info{background:#143442;border-color:#2b6e82;color:#8bdded}.status-pill.bad{background:#402125;border-color:#85434a;color:#ffadb4}.hero-card-preview{align-items:center;background:#18212c;border:1px solid #3b4859;border-radius:8px;display:grid;gap:18px;grid-template-columns:154px 1fr;padding:16px}.hero-card-preview img{aspect-ratio:63 / 88;border-radius:6px;object-fit:cover;width:100%}.hero-card-preview div{display:grid;gap:9px}.hero-card-preview span{color:#e8c45a;font-size:11px;font-weight:850;text-transform:uppercase}.hero-card-preview strong{font-size:22px;line-height:1.2}.hero-card-preview small{color:#91a0b2;line-height:1.45}.workflow-band{padding:54px 0}.section-heading h2{font-size:32px;margin:7px 0 24px}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.workflow-step{border-left:1px solid #354151;display:grid;gap:12px;min-height:210px;padding:18px 24px}.workflow-step:last-child{border-right:1px solid #354151}.workflow-step svg{color:#6bd5e7}.step-index{color:#e8c45a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:800}.workflow-step h3{font-size:19px;margin:0}.workflow-step p{color:#aeb9c7;line-height:1.45;margin:0}.workflow-step small{align-self:end;color:#8291a4;font-weight:750}.control-band,.integration-strip,.next-band{align-items:center;border-bottom:1px solid #354151;border-top:1px solid #354151;display:flex;gap:28px;justify-content:space-between;padding:20px 0}.control-band>div,.integration-strip>div,.next-band>div{align-items:center;display:flex;gap:12px}.control-band svg,.integration-strip svg,.next-band svg{color:#6bd5e7;flex:0 0 auto}.control-band span,.integration-strip span,.next-band span{display:grid;gap:3px}.control-band small,.integration-strip small,.next-band small{color:#8797aa}.console-shell{padding-top:42px}.console-heading{align-items:start;display:flex;gap:24px;justify-content:space-between;margin-bottom:28px}.console-heading h2{font-size:38px;margin:8px 0 7px}.console-heading p{color:#aeb9c7;margin:0;max-width:760px}.metrics-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:26px}.metric{background:#18212c;border-left:3px solid #566476;border-radius:0 6px 6px 0;display:grid;gap:5px;min-height:120px;padding:16px}.metric.good{border-color:#4cb88a}.metric.warn{border-color:#d6ad3f}.metric.info{border-color:#55bfd2}.metric>span{color:#8291a4;font-size:11px;font-weight:800;text-transform:uppercase}.metric strong{font-size:22px;line-height:1.15}.metric small{color:#91a0b2}.workspace-grid{align-items:start;display:grid;gap:28px;grid-template-columns:minmax(300px,430px) minmax(0,1fr);padding:30px 0}.composer{background:#18212c;border:1px solid #354151;border-radius:8px;display:grid;gap:13px;padding:18px}.composer textarea{min-height:160px;resize:vertical}.panel-heading{align-items:start;display:flex;gap:16px;justify-content:space-between}.panel-heading h3{font-size:22px;margin:5px 0 0}.composer-footer{align-items:center;display:flex;justify-content:space-between}.composer-footer>small{color:#8291a4}.queue-panel{min-width:0}.queue-list{display:grid;gap:9px;margin-top:14px}.queue-row{align-items:center;background:#18212c;border:1px solid #354151;border-radius:6px;display:grid;gap:13px;grid-template-columns:56px minmax(0,1fr) auto;padding:10px}.queue-media{aspect-ratio:1;background:#0d131b;border-radius:5px;overflow:hidden}.queue-media img{height:100%;object-fit:cover;width:100%}.queue-copy{display:grid;gap:6px;min-width:0}.queue-copy>div{align-items:center;display:flex;gap:8px}.queue-copy p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-copy small,.queue-action span{color:#8797aa;font-size:12px}.queue-action span{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}.empty-state{align-items:center;border:1px dashed #465466;border-radius:6px;color:#91a0b2;display:grid;gap:6px;justify-items:center;margin-top:14px;min-height:190px;padding:24px;text-align:center}.empty-state strong{color:#f4f7fb}.notice{align-items:center;display:flex;gap:9px;margin-top:14px;padding:10px 12px}.error-notice{background:#402125;border-left:3px solid #d66872;color:#ffb9bf}.next-band{margin-bottom:20px}.access-denied{align-items:center;display:grid;justify-items:center;min-height:460px;text-align:center}.access-denied svg{color:#e8c45a}.access-denied h2{margin:14px 0 5px}.access-denied p{color:#91a0b2}.error{color:#ff9ea7}.success{color:#96e6bf}footer{align-items:center;border-top:1px solid #2b3542;color:#8291a4;display:flex;gap:20px;justify-content:space-between;margin-top:42px;min-height:74px}footer span{color:#f4f7fb;font-weight:850}@media (max-width: 1050px){.hero-band,.workspace-grid{grid-template-columns:1fr}.hero-card-preview{max-width:560px}.workflow-grid,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-step:nth-child(2){border-right:1px solid #354151}}@media (max-width: 720px){main{padding:0 16px 20px}.topbar{align-items:stretch;flex-direction:column;padding:28px 0}h1{font-size:44px}.hero-band{gap:26px;padding:38px 0}.hero-copy h2{font-size:42px}.hero-copy p{font-size:17px}.hero-card-preview{grid-template-columns:104px 1fr}.workflow-grid,.metrics-grid{grid-template-columns:1fr}.workflow-step,.workflow-step:nth-child(2),.workflow-step:last-child{border-bottom:1px solid #354151;border-left:0;border-right:0;min-height:180px;padding:18px 0}.control-band,.integration-strip,.next-band,.console-heading{align-items:stretch;flex-direction:column}.console-heading h2{font-size:32px}.queue-row{align-items:start;grid-template-columns:48px minmax(0,1fr)}.queue-action{grid-column:1 / -1}.queue-action button{width:100%}footer{align-items:flex-start;flex-direction:column;gap:7px;justify-content:center}}