:root{--ink:#13203a;--muted:#6e7d99;--line:#e5ebf4;--paper:#fff;--ground:#f8fbff;--blue:#4388f7;--blue-pale:#edf5ff;--green:#0aab70;--amber:#ec9900;--violet:#7658f5;--danger:#c2413b}*{box-sizing:border-box}html{background:var(--ground)}body{background:radial-gradient(circle at 50% -20%,#fff 0,transparent 48%),var(--ground);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdc;align-items:center;gap:32px;height:66px;padding:0 clamp(20px,4vw,60px);display:flex}.brand{color:var(--ink);letter-spacing:-.045em;white-space:nowrap;font-size:22px;font-weight:760;text-decoration:none}.brand span{color:#4d82ff;margin-right:6px}nav{gap:4px;margin-left:auto;display:flex}nav a{color:var(--muted);border-radius:8px;padding:8px 10px;font-size:13px;text-decoration:none}nav a:hover{color:var(--ink);background:#f3f7fc}.topbar-actions{align-items:center;gap:13px;display:flex}.live{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:650;display:inline-flex}.live i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dff8ed}.avatar{color:#587097;background:#eef4fd;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;display:grid}main{max-width:1480px;margin:0 auto;padding:43px clamp(20px,4vw,60px) 70px}.page-intro,.detail-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.page-intro h1,.detail-head h1{letter-spacing:-.055em;margin:0 0 9px;font-size:38px;line-height:1}.page-intro p,.detail-head p{color:#5f75a0;margin:0;font-size:18px;line-height:1.45}.kpi-grid,.detail-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:34px;display:grid}.kpi-card,.metric,.detail-card,.progress-summary,.project-row,.project-create,.panel,.empty{border:1px solid var(--line);background:var(--paper);border-radius:14px}.kpi-card{align-items:center;gap:16px;min-height:104px;padding:20px 22px;display:flex;box-shadow:0 7px 24px #3a67a408}.kpi-card>div>span,.metric small{color:#64789d;font-size:13px;display:block}.kpi-card strong{letter-spacing:-.05em;margin-top:4px;font-size:26px;display:block}.kpi-icon,.metric>span{background:var(--blue-pale);color:#1971ed;border-radius:17px;place-items:center;width:58px;height:58px;font-size:28px;font-weight:500;display:grid}.kpi-icon.green{color:var(--green);background:#eafaf4}.kpi-icon.amber{color:var(--amber);background:#fff7e8}.kpi-icon.violet{color:var(--violet);background:#f2efff}.section-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-heading h2,.detail-card h2{letter-spacing:-.035em;margin:0;font-size:18px}.section-heading>span{color:var(--muted);font-size:13px}.project-list{gap:14px;display:grid}.project-row{min-height:137px;color:inherit;grid-template-columns:minmax(310px,1.35fr) minmax(250px,.7fr) 180px 18px;align-items:center;gap:28px;padding:22px;text-decoration:none;transition:all .18s;display:grid;box-shadow:0 6px 20px #466daa05}.project-row:hover{border-color:#c6d9fa;transform:translateY(-1px);box-shadow:0 13px 34px #3971b912}.project-identity{align-items:flex-start;gap:17px;min-width:0;display:flex}.project-mark{color:#1670ef;background:linear-gradient(145deg,#e7f1ff,#f7faff);border-radius:15px;flex:none;place-items:center;width:58px;height:58px;font-size:31px;display:grid}.project-identity h3{letter-spacing:-.035em;margin:0 0 4px;font-size:18px}.project-identity p{color:#7082a4;max-width:390px;margin:0 0 8px;font-size:14px;line-height:1.42}.status{background:#e9faf2;border-radius:999px;align-items:center;padding:4px 10px;font-weight:700;color:#098f5d!important;font-size:11px!important;display:inline-flex!important}.status.waiting,.status.planned,.status.queued{background:#fff6df;color:#b57600!important}.status.paused,.status.archived,.status.review{background:#f1f4f9;color:#637089!important}.status.blocked,.status.failed,.status.cancelled{background:#fff0ef;color:#c7473e!important}.status.completed{background:#e9faf2;color:#098f5d!important}.status.running,.status.active{background:#edf5ff;color:#2674e4!important}.project-progress>div:first-child{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.project-progress b{color:var(--ink);font-size:15px}.progress{background:#edf1f7;border-radius:999px;height:10px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#4a91fb,#5a9bfb);height:100%;display:block}.project-progress small{color:#8a9ab4;margin-top:9px;font-size:12px;display:block}.project-progress small strong{color:#31466a}.project-activity{color:#8a9ab4;gap:5px;font-size:12px;display:grid}.project-activity strong{color:#506688;font-size:13px;font-weight:650}.chevron{color:#667b9f;font-size:31px;font-weight:300}.empty{color:var(--muted);padding:32px;font-size:14px}.compact{padding:20px}.project-create{margin-top:28px;padding:0 21px}.project-create summary{cursor:pointer;padding:17px 0;font-size:14px;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:14px;padding:0 0 20px;display:grid}.form-grid label{color:#465c80;gap:6px;font-size:12px;display:grid}.form-grid label:nth-child(2),.form-grid label:nth-child(3){grid-column:span 2}input,textarea,select{width:100%;font:inherit;background:#fff;border:1px solid #dbe4f0;border-radius:8px;outline:none;padding:10px 11px}textarea{resize:vertical;min-height:84px}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4388f719}button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:8px;width:max-content;padding:10px 14px;font-weight:700}button:disabled{opacity:.6}.hint{color:#28774c;font-size:12px}.back{color:#536f9f;margin-bottom:15px;font-size:13px;text-decoration:none;display:inline-block}.detail-head{margin-bottom:20px;display:block}.detail-head p{max-width:900px;font-size:17px}.detail-kpis{gap:14px;margin-bottom:12px}.metric{align-items:center;gap:15px;padding:17px;display:flex}.metric>span{border-radius:14px;width:51px;height:51px;font-size:23px}.metric strong{letter-spacing:-.035em;overflow-wrap:anywhere;margin-top:5px;font-size:17px;display:block}.progress-summary{grid-template-columns:125px minmax(120px,1fr) 50px 200px;align-items:center;gap:16px;margin-bottom:14px;padding:18px 20px;font-size:14px;font-weight:700;display:grid}.progress-summary small{color:#66799b;font-size:12px;font-weight:500}.detail-columns{grid-template-columns:minmax(0,1.45fr) minmax(330px,.95fr);gap:14px;display:grid}.detail-main,.detail-side{align-content:start;gap:14px;display:grid}.detail-card{padding:21px}.card-note{color:#7687a3;margin:5px 0 18px;font-size:12px;line-height:1.5}.workflow{margin:0;padding:0;list-style:none}.workflow li{grid-template-columns:34px 1fr auto;align-items:center;gap:13px;padding:10px 0;display:grid;position:relative}.workflow li:not(:last-child):before{content:"";border-left:1px solid #dce4ef;height:30px;position:absolute;top:42px;left:16px}.workflow li>span,.task-dot{color:#8293ae;border:2px solid #cad7eb;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.workflow li.complete>span{color:#fff;background:#11a96e;border-color:#11a96e}.workflow li.current>span{color:#fff;background:#4388f7;border-color:#4388f7}.workflow strong{font-size:14px}.workflow p{color:#71819e;margin:3px 0;font-size:12px}.workflow em{color:#637089;background:#f1f4f9;border-radius:99px;padding:4px 8px;font-size:11px;font-style:normal}.workflow .complete em{color:#098f5d;background:#e9faf2}.workflow .current em{color:#2674e4;background:#edf5ff}.task-list{display:grid}.task-row{border-bottom:1px solid #edf1f6;grid-template-columns:20px minmax(0,1fr) auto 130px;align-items:center;gap:11px;padding:11px 0;display:grid}.task-row:last-child{border:0}.task-row p{color:#71819e;margin:4px 0 0;font-size:12px}.task-dot{border-width:2px;width:15px;height:15px}.task-dot.completed{background:#11a96e;border-color:#11a96e}.task-dot.running,.task-dot.review{border-color:#4388f7}.task-row time,.activity-list time{color:#8292ad;text-align:right;font-size:11px}.activity-list{margin:0;padding:0;list-style:none}.activity-list li{border-bottom:1px solid #edf1f6;grid-template-columns:12px minmax(0,1fr) 105px;gap:10px;padding:12px 0;display:grid}.activity-list li:last-child{border:0}.activity-dot{background:#8fb8ff;border-radius:50%;width:8px;height:8px;margin-top:6px}.activity-dot.error{background:var(--danger)}.activity-list strong{font-size:13px}.activity-list p{color:#71819e;margin:3px 0 0;font-size:11px}.live.mini{padding:5px 8px;font-size:10px}.forecast-row{color:#637797;border-bottom:1px solid #edf1f6;justify-content:space-between;gap:14px;padding:10px 0;font-size:13px;display:flex}.forecast-row b{color:#263b60}.next-action{background:linear-gradient(125deg,#f4f8ff,#e8f2ff);border:1px solid #cfe0ff;border-radius:14px;padding:21px}.next-action span{color:#3379de;font-size:12px;font-weight:750}.next-action strong{margin:8px 0;font-size:16px;display:block}.next-action p{color:#637797;margin:0;font-size:12px;line-height:1.45}.panel{padding:20px}.panel label,.login-card label{color:#445268;gap:6px;margin:14px 0;font-size:12px;display:grid}.task{border-bottom:1px solid var(--line);padding:13px 0}.task:last-child{border:0}.task p{color:var(--muted);margin:5px 0;font-size:13px}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.panel,.task,.project-row{overflow-wrap:anywhere;min-width:0}.login{background:linear-gradient(135deg,#f7fbff,#fdfdfd);place-items:center;min-height:100vh;margin:0;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(400px,100vw - 36px);padding:30px;box-shadow:0 25px 70px #243b5a13}.login-card h1{letter-spacing:-.03em;margin:8px 0;font-size:25px}.login-card p{color:var(--muted);font-size:14px;line-height:1.5}.login-card button{width:100%;margin-top:8px}.error{color:var(--danger)!important}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #2563c9}@media (max-width:1050px){nav a:nth-child(3),nav a:nth-child(4){display:none}.project-row{grid-template-columns:minmax(250px,1fr) minmax(210px,.8fr) 16px}.project-activity{display:none}.detail-columns{grid-template-columns:1fr}.detail-side{grid-template-columns:repeat(2,minmax(0,1fr))}.next-action{grid-column:span 2}}@media (max-width:720px){.topbar{gap:10px;height:58px;padding:0 16px}.brand{font-size:19px}nav{display:none}.topbar-actions{margin-left:auto}.avatar{width:33px;height:33px}.live{padding:7px 9px;font-size:11px}main{padding:30px 16px 48px}.page-intro h1,.detail-head h1{font-size:31px}.page-intro{margin-bottom:25px;display:block}.page-intro .live{margin-top:17px}.page-intro p,.detail-head p{font-size:16px}.kpi-grid,.detail-kpis{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:23px}.kpi-card{gap:11px;min-height:88px;padding:14px}.kpi-icon{border-radius:13px;width:42px;height:42px;font-size:20px}.kpi-card strong{font-size:21px}.project-row{grid-template-columns:1fr 16px;gap:16px;padding:18px;display:grid}.project-identity,.project-progress{grid-column:1}.chevron{grid-area:1/2/span 2;align-self:center}.project-mark{width:48px;height:48px;font-size:26px}.project-identity h3{font-size:17px}.detail-kpis .metric{padding:13px}.metric>span{width:38px;height:38px;font-size:18px}.metric strong{font-size:14px}.progress-summary{grid-template-columns:1fr 44px;gap:8px;padding:16px}.progress-summary .progress{grid-column:1}.progress-summary b{text-align:right;grid-area:1/2/span 2}.progress-summary small{grid-column:1}.detail-side{grid-template-columns:1fr}.next-action{grid-column:auto}.task-row{grid-template-columns:16px minmax(0,1fr) auto}.task-row time{display:none}.activity-list li{grid-template-columns:10px minmax(0,1fr)}.activity-list time{display:none}.form-grid{grid-template-columns:1fr}.form-grid label:nth-child(2),.form-grid label:nth-child(3){grid-column:auto}.workflow li{grid-template-columns:28px 1fr}.workflow em{display:none}}