:root{
  --bg:#F3F7FF;
  --panel:#FFFFFF;
  --ink:#081B3A;
  --muted:#60708A;
  --line:#DDE7F5;
  --nav:#FFFFFF;
  --nav2:#EDF4FF;
  --accent:#2F6DFF;
  --accent2:#2459D9;
  --cyan:#19D8F2;
  --brand-navy:#081B3A;
  --shadow:0 10px 32px rgba(8,27,58,.08);
}
body{background:var(--bg);color:var(--ink)}
.login-shell{background:linear-gradient(145deg,#F3F7FF 0%,#FFFFFF 58%,#EAFBFF 100%)}
.login-brand-panel{background:transparent;color:var(--brand-navy)}
.login-brand-panel p,.login-security{color:#60708A}
.login-logo{width:min(250px,58%);height:auto;object-fit:contain;object-position:left center}
.brand-row img{width:132px;height:58px;object-fit:contain;object-position:left center}
.sidebar{background:#FFFFFF;color:var(--ink);border-right:1px solid var(--line)}
.sidebar .nav-label{color:#91A0B6}
.sidebar nav button{color:#50627D}
.sidebar nav button:hover,.sidebar nav button.active{background:#EDF4FF;color:#1749BF}
.sidebar nav button.active{box-shadow:inset 3px 0 0 var(--accent)}
.sidebar-foot{border-top:1px solid var(--line)}
.operator-copy small{color:#8190A8}
.primary{background:var(--accent)}
.primary:hover{background:var(--accent2)}
.hero-panel{background:linear-gradient(135deg,#FFFFFF 0%,#EDF4FF 65%,#E9FCFF 100%);border:1px solid #DCE8FF;color:var(--ink)}
.client-hero{background:linear-gradient(135deg,#081B3A 0%,#123A79 72%,#176B8C 100%)}
.metric-icon{background:#EDF4FF;color:#2F6DFF}
.progress-fill{background:linear-gradient(90deg,#2F6DFF,#19D8F2)}
.stage.done .stage-dot,.stage.current .stage-dot{background:#2F6DFF}
.integration-grid,.action-contract-grid,.intake-grid{display:grid;gap:14px}
.integration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.integration-card,.action-contract,.intake-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.integration-card strong,.action-contract h4,.intake-card h4{color:var(--ink)}
.integration-card p,.action-contract p,.intake-card p{color:var(--muted);font-size:12px;line-height:1.65;margin:6px 0 0}
.action-contract-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.action-contract{display:grid;gap:10px}
.action-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.module-pill{font-size:10px;font-weight:800;padding:4px 7px;border-radius:7px;background:#EDF4FF;color:#2459D9}
.action-effect{padding:10px 12px;background:#F5FCFF;border-left:3px solid #19D8F2;border-radius:8px;font-size:11.5px;color:#35506F}
.intake-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.intake-card{display:grid;gap:12px}
.intake-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.intake-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.intake-field span{display:block;color:#91A0B6;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.intake-field strong{display:block;margin-top:3px;font-size:12px}
.intake-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #EEF3FA;padding-top:12px}
.blocker-list{display:grid;gap:6px;margin-top:8px}.blocker{font-size:11px;color:#9A5A00;background:#FFF7E8;border-radius:7px;padding:7px 9px}
.system-note{margin-top:14px;padding:12px 14px;border-radius:10px;background:#F8FAFD;color:#60708A;font-size:12px;line-height:1.6}
@media(max-width:1100px){.integration-grid{grid-template-columns:repeat(2,1fr)}.action-contract-grid,.intake-grid{grid-template-columns:1fr}}
@media(max-width:760px){.integration-grid{grid-template-columns:1fr}.intake-fields{grid-template-columns:1fr}}