:root{--ink:#172033;--muted:#6b7280;--line:#e6e8ef;--paper:#fff;--canvas:#f6f7fb;--navy:#111a36;--violet:#635bff;--cyan:#28b8d5;--shadow:0 12px 34px rgba(25,32,56,.08);background:var(--canvas);color:var(--ink)}
body{background:radial-gradient(circle at 15% 0,#eef0ff 0,transparent 32rem),var(--canvas);min-height:100vh}
.top{background:rgba(17,26,54,.96);padding:17px max(22px,calc((100vw - 980px)/2));box-shadow:0 8px 28px rgba(17,26,54,.16);backdrop-filter:blur(14px)}
.brand strong{font-size:19px;letter-spacing:-.02em}.brand small{color:#bfc8f8;font-size:11px}
.sync{border:1px solid rgba(255,255,255,.15);padding:7px 11px}.sync.online{background:#123f4a;color:#c9f8ff}.sync.offline{background:#642b3a;color:#ffe1e8}
.nav{padding:9px max(22px,calc((100vw - 980px)/2));gap:7px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px)}
.nav button{background:transparent;color:#667085;border-radius:10px;padding:8px 12px}.nav button:hover{background:#f0f1f7;color:#252a42}.nav button.active{background:#ecebff;color:#4b43d4;box-shadow:inset 0 0 0 1px #d9d6ff}
.page{width:min(980px,100%);padding:26px 20px 50px}.page>h1,.toolbar h1{font-size:25px;letter-spacing:-.035em}.page>h2{font-size:17px;margin:28px 0 12px;color:#30364f}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.card{border:1px solid rgba(220,224,234,.9);border-radius:18px;padding:17px 18px;box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(25,32,56,.11);border-color:#d5d8e5}.card h3{font-size:17px;letter-spacing:-.02em;margin:9px 0 6px}
.card.active-job{border:1px solid #7b73ff;box-shadow:0 0 0 3px #e2e0ff,0 16px 38px rgba(99,91,255,.15);position:relative}.card.active-job:before{content:"";position:absolute;left:-1px;top:17px;bottom:17px;width:4px;border-radius:0 6px 6px 0;background:linear-gradient(#635bff,#28b8d5)}
.meta{gap:7px 12px;line-height:1.5}.badge,.risk{padding:4px 8px}
.btn,.nav button{transition:background .15s,color .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--violet),#766cff);box-shadow:0 6px 16px rgba(99,91,255,.22)}.btn.danger{box-shadow:none}
.form-card{max-width:780px;border:1px solid #e2e5ed;border-radius:20px;box-shadow:0 20px 55px rgba(25,32,56,.1);padding:26px}.input{border-color:#d8dce7;border-radius:11px;background:#fcfcfe;transition:border .15s,box-shadow .15s}.input:focus{outline:none;border-color:#7b73ff;box-shadow:0 0 0 3px #e8e7ff;background:#fff}
.notice{background:linear-gradient(135deg,#efefff,#eef8fb);color:#454085;border:1px solid #e0e1fb;border-radius:12px}
.active-strip{background:linear-gradient(135deg,#f0efff,#edfafd);border-color:#d8d8fa;border-radius:18px;box-shadow:var(--shadow)}.quick-grid button{background:#37415e}.quick-grid button:nth-child(2){background:#7255ad}.quick-grid button:nth-child(3){background:#9b5c69}.quick-grid button:nth-child(4){background:#557c88}
.stats{gap:10px}.stats>div{border-radius:15px;border-color:#e5e7ef;box-shadow:0 8px 22px rgba(25,32,56,.05)}.stats strong{font-size:24px}
.kpi-number{color:#554dcc}.bar i{background:linear-gradient(90deg,var(--violet),var(--cyan))}
.report-table{border-radius:16px;border-color:#e3e6ee;box-shadow:var(--shadow)}.report-table>div{padding:13px 16px}
.timeline{border-left-color:#b8b4ff}.event{background:#f8f8fc;border-radius:10px;padding:9px 11px}
@media(min-width:1200px){.page{padding-top:32px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.top,.nav{padding-left:14px;padding-right:14px}.page{padding:16px 12px 38px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.form-card{padding:18px;border-radius:16px}.sync{max-width:145px;text-align:center}.card:hover{transform:none}}