:root{--v42-navy:#071b3a;--v42-blue:#075fd0;--v42-cyan:#16b7ee;--v42-green:#19a463;--v42-orange:#f6a800;--v42-purple:#7257e8;--v42-text:#14253d;--v42-muted:#6d7f96;--v42-line:#dce6f0;--v42-soft:#f4f8fc;--v42-shadow:0 18px 55px rgba(8,35,75,.10)}
body{background:#f8fafc}.header{box-shadow:0 6px 24px rgba(5,25,55,.05)}
.hero{position:relative}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#49c9ff,transparent);opacity:.6}.hero-grid{position:relative;z-index:1}.hero-visual{border:1px solid rgba(255,255,255,.14)}
.hero h1{max-width:700px}.hero h1 span{background:linear-gradient(90deg,#48c8ff,#8edfff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:620px}
.actions .btn{transition:transform .2s ease,box-shadow .2s ease}.actions .btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.metrics{position:relative;z-index:3}.metric{min-height:82px;display:flex;flex-direction:column;justify-content:center}.metric b{font-weight:900;letter-spacing:-.03em}
.section{position:relative}.section.soft{background:linear-gradient(180deg,#f7faff,#eef5fb)}.head .eyebrow{color:var(--v42-blue)}
.cards .card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.cards .card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(8,35,75,.12);border-color:#bfd6ee}.card .icon{box-shadow:inset 0 0 0 1px rgba(7,95,208,.08)}
.portal-link{transition:transform .2s ease,box-shadow .2s ease;border-top:3px solid #d9eaff}.portal-link:nth-child(2){border-top-color:#8ad5ff}.portal-link:nth-child(3){border-top-color:#9d8cf4}.portal-link:nth-child(4){border-top-color:#79c99e}.portal-link:nth-child(5){border-top-color:#ffc75c}.portal-link:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(8,35,75,.10)}
.project{transition:transform .2s ease,box-shadow .2s ease}.project:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(8,35,75,.14)}
.pagehero{padding:72px 0;background:radial-gradient(circle at 85% 30%,rgba(34,171,235,.18),transparent 35%),linear-gradient(120deg,#06152f,#0b3e7d)}.pagehero .eyebrow{color:#59ccff}
.formbox,.sidebox{box-shadow:var(--v42-shadow)}.field input,.field select,.field textarea{background:#fbfdff}.field input:hover,.field select:hover,.field textarea:hover{border-color:#b9cee4}
/* Dashboard blueprint */
.dash{background:#f3f7fb;min-height:calc(100vh - 76px)}.side{background:linear-gradient(180deg,#061a38,#0a2e62);box-shadow:12px 0 30px rgba(3,20,48,.08)}.side .brand{border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:12px}.side a{transition:background .15s ease,transform .15s ease}.side a:hover{transform:translateX(2px)}.dashmain{padding:26px;background:#f4f7fb}.dashhead{background:#fff;border:1px solid var(--v42-line);border-radius:16px;padding:18px 20px;box-shadow:0 8px 28px rgba(8,35,75,.05)}.dashhead .eyebrow{color:var(--v42-blue)}.dashcards{margin-top:15px}.kpi{min-height:102px;position:relative;overflow:hidden;box-shadow:0 8px 26px rgba(8,35,75,.05);transition:transform .2s ease}.kpi:hover{transform:translateY(-3px)}.kpi:after{content:"";position:absolute;right:-24px;top:-24px;width:70px;height:70px;border-radius:50%;background:#edf5ff}.kpi b{position:relative;z-index:1;color:#092956}.panel{box-shadow:0 8px 28px rgba(8,35,75,.05)}.panel h3{font-weight:850}.table tbody tr:hover{background:#f8fbff}.status{white-space:nowrap}.check{transition:background .15s ease,transform .15s ease}.check:hover{background:#f2f8ff;transform:translateX(2px)}
.dashboard-extra{display:grid;grid-template-columns:1.35fr .65fr;gap:15px;margin-top:15px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-card{background:#fff;border:1px solid var(--v42-line);border-radius:14px;padding:15px}.mini-card small{color:var(--v42-muted);font-weight:750}.mini-card b{display:block;font-size:21px;margin-top:5px}.bar-chart{height:165px;display:flex;align-items:end;gap:12px;padding:20px 10px 8px;border:1px solid var(--v42-line);border-radius:12px;background:linear-gradient(180deg,#fff,#f8fbff)}.bar-chart i{display:block;flex:1;background:linear-gradient(180deg,#159fe4,#075fd0);border-radius:7px 7px 2px 2px;min-width:14px}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(#167fd4 0 35%,#29a65f 35% 60%,#f4ad22 60% 80%,#7257e8 80% 90%,#f06d5d 90% 100%);position:relative;margin:5px auto}.donut:after{content:"";position:absolute;inset:32px;background:#fff;border-radius:50%}.legend{display:grid;gap:6px;font-size:10px;color:var(--v42-muted)}.legend span{display:flex;justify-content:space-between}
.record-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px;background:#fff;border:1px solid var(--v42-line);border-radius:16px;box-shadow:0 8px 26px rgba(8,35,75,.05)}.record-id{font-size:11px;color:var(--v42-muted)}.record-title{font-size:24px;font-weight:900;margin:5px 0}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.record-card{background:#fff;border:1px solid var(--v42-line);border-radius:14px;padding:18px;box-shadow:0 8px 26px rgba(8,35,75,.05)}.record-card h3{margin:0 0 13px}.kv{display:grid;grid-template-columns:145px 1fr;gap:9px;font-size:12px}.kv b{color:var(--v42-muted)}
@media(max-width:900px){.dashboard-extra,.record-grid{grid-template-columns:1fr}.dashmain{padding:15px}}
@media(max-width:560px){.pagehero{padding:55px 0}.dashhead{display:block}.dashhead .btn{margin-top:12px}.kv{grid-template-columns:1fr}.record-head{display:block}}