:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18263a;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f4f7fb}a{color:inherit}button,input{font:inherit}.topbar{height:78px;background:linear-gradient(120deg,#162a42,#203955);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 2px 16px #10203822}.brand-row{display:flex;align-items:center;gap:13px}.brand-row strong{font-size:22px;display:block}.brand-row span{display:block;font-size:12px;color:#c8d5e5}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,#1677ff,#61a5ff);color:#fff;font-weight:800;box-shadow:0 12px 30px #1677ff33}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:13px}.top-actions{display:flex;align-items:center;gap:10px;font-size:14px}.online-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e22}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 78px)}.sidebar{background:#fff;border-right:1px solid #e3e9f1;padding:26px 16px;display:flex;flex-direction:column;justify-content:space-between}.sidebar nav{display:grid;gap:8px}.sidebar nav a,.sidebar nav span{padding:12px 14px;border-radius:10px;text-decoration:none;color:#52637a}.sidebar nav .active{background:#eaf3ff;color:#1069d8;font-weight:700}.sidebar-foot{font-size:12px;line-height:1.6;color:#8290a5;padding:12px}.content{padding:28px;max-width:1600px;width:100%;margin:0 auto}.hero-row{display:grid;grid-template-columns:1.3fr .9fr;gap:20px;align-items:start;margin-bottom:20px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#7a8ba2;margin:0 0 8px}.hero-row h1{font-size:34px;line-height:1.1;margin:0 0 10px}.muted{color:#687990;line-height:1.55}.system-card,.demo-card,.quickbar{background:#fff;border:1px solid #e3e9f1;border-radius:14px;box-shadow:0 8px 30px #162a4210}.system-card{padding:18px}.system-head{display:flex;justify-content:space-between;color:#617188;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.metrics div{padding:12px;border-right:1px solid #edf0f5;text-align:center}.metrics div:last-child{border:0}.metrics b{display:block;font-size:18px}.metrics span{display:block;color:#8492a5;font-size:11px;margin-top:4px}.demo-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px}.demo-card{padding:16px}.card-top{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.demo-icon{width:40px;height:40px;border-radius:11px;background:#14263c;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.card-top h2{margin:0;font-size:18px}.card-top p{margin:2px 0 0;color:#8795a8;font-size:12px}.status{font-size:11px;padding:6px 8px;border-radius:999px;white-space:nowrap}.status.unknown{background:#f1f4f8;color:#6e7d91}.preview{height:106px;margin:14px 0;border-radius:10px;background:linear-gradient(135deg,#15283f,#28486b);display:flex;align-items:flex-end;padding:12px;color:#fff;font-size:20px;font-weight:800;overflow:hidden;position:relative}.preview:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,#ffffff18,transparent 32%)}.description{min-height:42px;color:#596a80;font-size:13px;line-height:1.45}.demo-card dl{margin:10px 0 14px}.demo-card dl div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #edf1f6;font-size:12px}.demo-card dt{color:#728197}.demo-card dd{margin:0;text-align:right;overflow:hidden;text-overflow:ellipsis}.demo-card dd a{color:#126bd4;text-decoration:none}.button{border:0;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer}.button:disabled{opacity:.5;cursor:not-allowed}.primary,.start{background:#176fe5;color:#fff}.start{width:100%;background:#18aa59}.secondary{background:#fff;border:1px solid #cbd5e1;color:#34445b}.ghost{background:#ffffff10;border:1px solid #ffffff25;color:#fff}.demo-card>.button{width:100%;margin-top:8px}.quickbar{display:flex;align-items:center;gap:10px;padding:14px 16px;margin-top:16px;flex-wrap:wrap}.quickbar strong{margin-right:8px}.mode{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px}.mode b{background:#e9f2ff;color:#1369d6;padding:8px 12px;border-radius:999px}.console{margin-top:16px;background:#122237;color:#dce8f7;border-radius:14px;padding:16px;box-shadow:0 10px 35px #0d1a2a22}.console-head{display:flex;justify-content:space-between;font-size:13px}.console pre{white-space:pre-wrap;font-size:12px;line-height:1.55;color:#b8c8da}.login-page{min-height:100vh;background:radial-gradient(circle at 10% 15%,#1e73e850,transparent 28%),linear-gradient(135deg,#102136,#1d3654);display:grid;place-items:center;padding:24px}.login-shell{width:min(440px,100%)}.login-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 30px 80px #06111f55}.login-card h1{font-size:30px;margin:8px 0}.stack{display:grid;gap:14px;margin-top:20px}.stack label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#40516a}.stack input{border:1px solid #cfd8e4;border-radius:10px;padding:12px 13px;outline:none}.stack input:focus{border-color:#2078e8;box-shadow:0 0 0 3px #2078e818}.alert{background:#fff1f1;color:#b42318;border:1px solid #ffd1d1;padding:10px 12px;border-radius:10px;font-size:13px}.tiny{color:#93a0b2;font-size:11px;text-align:center;margin:22px 0 0}@media(max-width:1100px){.demo-grid{grid-template-columns:repeat(2,1fr)}.hero-row{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 14px}.top-actions>span:not(.online-dot){display:none}.content{padding:16px}.demo-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.quickbar .mode{margin-left:0;width:100%}}
.notice{margin-top:14px;padding:11px 13px;border:1px solid #f1d28d;background:#fff8e8;color:#7b5b16;border-radius:10px;font-size:13px}.status.running{background:#e8f8ee;color:#168244}.status.stopped{background:#f1f4f8;color:#617086}.status.partial{background:#fff4db;color:#966612}.status.unavailable{background:#f1f4f8;color:#7c899a}.status.error{background:#fff0f0;color:#b42318}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button-row .button{width:100%;margin-top:8px}.stop{background:#e24b4b;color:#fff}.console pre{max-height:240px;overflow:auto}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:6px;box-shadow:0 0 0 3px #22c55e1f}.button-row.three{grid-template-columns:repeat(3,1fr)}.toast{position:fixed;right:24px;bottom:24px;z-index:50;max-width:min(420px,calc(100vw - 32px));padding:12px 16px;border-radius:12px;background:#18263a;color:#fff;box-shadow:0 18px 50px #0d1a2a33;opacity:0;transform:translateY(12px);pointer-events:none;transition:.18s ease}.toast.visible{opacity:1;transform:translateY(0)}.toast.success{background:#157a42}.toast.error{background:#b42318}@media(max-width:760px){.button-row.three{grid-template-columns:1fr 1fr}.button-row.three .secondary{grid-column:1/-1}}