:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e9f2ff;background:#071526;--accent:#3158f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 20%,#123254 0,transparent 30%),linear-gradient(145deg,#071526,#0b1c31 70%,#102847);color:#eaf2fd}.grid-bg{position:fixed;inset:0;opacity:.12;background-image:linear-gradient(#86a8d41c 1px,transparent 1px),linear-gradient(90deg,#86a8d41c 1px,transparent 1px);background-size:42px 42px;pointer-events:none}header{position:relative;z-index:2;max-width:1240px;height:82px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand>span:last-child{display:grid}.brand small{font-size:9px;letter-spacing:.17em;color:#87a4c6}.mark{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,var(--accent),#6f8cff);display:grid;place-items:center;font-weight:900;overflow:hidden}.mark img{width:100%;height:100%;object-fit:contain}.ghost{border:1px solid #7191b438;background:#17304d99;color:#dceafd;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer}main{position:relative;z-index:1;max-width:1180px;margin:auto;padding:50px 24px 100px}.login{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;min-height:68vh}.kicker{font-size:10px;font-weight:900;letter-spacing:.19em;color:#8ea9ff}.story h1,.top h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.055em;margin:16px 0}.story h1 em{font-style:normal;color:#79d7bf}.story>p{max-width:600px;color:#9eb1c9;line-height:1.8}.checks{display:grid;gap:10px;margin-top:30px;color:#c9d7e8}.card{background:#f9fbff;color:#14253d;border-radius:28px;padding:32px;box-shadow:0 35px 100px #0006}.tool{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#e7edff;color:var(--accent);font-size:22px;font-weight:900}.card h2{font-size:28px;margin:12px 0 24px}.card label{display:block;font-size:12px;font-weight:800;margin:14px 0}.card input{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid #cbd7e6;border-radius:13px;font-size:16px;outline:none}.card input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #3158f515}.card button,.upload button{width:100%;border:0;border-radius:14px;padding:15px;background:var(--accent);color:white;font-weight:900;display:flex;justify-content:space-between;cursor:pointer}.top{display:flex;align-items:end;justify-content:space-between}.top h1{font-size:44px;margin:8px 0}.top>div:last-child{display:flex;gap:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.metrics>div{border:1px solid #6d91bb38;background:#102640c4;border-radius:18px;padding:18px}.metrics small{color:#8ea5bf}.metrics b{display:block;font-size:26px;margin-top:5px}.filters{display:flex;gap:7px;overflow:auto;padding-bottom:14px}.filters button,.actions button{border:1px solid #7191b438;background:#102640;color:#abc0d8;border-radius:12px;padding:10px 14px;white-space:nowrap;font-weight:800;cursor:pointer}.filters button.active,.actions button.active{background:var(--accent);color:white;border-color:var(--accent)}.jobs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.job,.empty{background:#f9fbff;color:#15263d;border-radius:21px;padding:20px;cursor:pointer;box-shadow:0 16px 45px #0003}.job-head{display:flex;justify-content:space-between;align-items:center;font-size:12px}.job-head span{background:#e7edff;color:#2f52c9;padding:7px 10px;border-radius:20px;font-weight:800}.job h3{font-size:20px;margin:16px 0 5px}.job p{color:#64748b;font-size:13px}.job-foot{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #e5eaf1;padding-top:14px;margin-top:16px}.job-foot small{color:#8795a8}.modal{position:fixed;z-index:8;inset:0;background:#030b16d9;backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.modal-card{position:relative;width:min(760px,100%);max-height:92vh;overflow:auto;background:#f9fbff;color:#13253e;border-radius:26px;padding:30px}.close{position:absolute;right:16px;top:14px;border:0;background:#edf1f7;border-radius:10px;width:36px;height:36px;font-size:22px;cursor:pointer}.modal h2{font-size:29px}.modal h3{margin:25px 0 10px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail-grid>div{background:#edf2f8;border-radius:13px;padding:13px;display:grid}.detail-grid small{color:#73849a}.actions{display:flex;gap:7px;overflow:auto}.upload{display:grid;grid-template-columns:1fr auto;gap:8px}.upload input{min-width:0;border:1px solid #c9d5e4;border-radius:12px;padding:12px;background:white}.upload button{width:auto}.timeline{margin-top:24px;border-top:1px solid #dce3ed;padding-top:8px}.event{border-left:3px solid var(--accent);padding:5px 0 5px 13px;margin:15px 0}.event p{color:#586a82;margin:5px 0}.event small{color:#8794a6}.event img{display:block;width:min(100%,300px);border-radius:13px;margin:10px 0}.hidden{display:none!important}#toast{position:fixed;z-index:10;left:50%;bottom:26px;transform:translate(-50%,30px);background:#f9fbff;color:#172944;padding:13px 18px;border-radius:13px;box-shadow:0 20px 60px #0007;opacity:0;transition:.2s;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){header{padding:0 15px}.brand small{display:none}.login{grid-template-columns:1fr;gap:30px}.story{text-align:center}.story h1{font-size:44px}.checks{justify-items:center}.card{padding:25px 20px}.metrics{grid-template-columns:repeat(2,1fr)}.jobs{grid-template-columns:1fr}.top{align-items:start;gap:15px}.top h1{font-size:34px}.detail-grid{grid-template-columns:1fr}.actions{display:grid;grid-template-columns:1fr 1fr}.upload{grid-template-columns:1fr}.upload button{width:100%}}@media(max-width:470px){main{padding:28px 13px 70px}.story h1{font-size:37px}.top{display:block}.top>div:last-child{margin-top:13px}.modal{padding:8px}.modal-card{padding:25px 16px}.brand>span:last-child b{font-size:13px}.ghost{font-size:11px}}