
.phase2-control-center{
  --p2-ink:#0a1019;
  --p2-panel:#101925;
  --p2-panel-2:#131f2d;
  --p2-line:rgba(255,255,255,.08);
  --p2-red:#e52d35;
  --p2-gold:#c5a66e;
  --p2-green:#4fc17a;
  --p2-blue:#5d86c4;
  --p2-muted:#8693a0;
  display:grid;
  gap:16px;
}
.phase2-command-hero{
  min-height:260px;
  padding:34px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:40px;
  color:#fff;
  background:
    radial-gradient(circle at 82% 22%,rgba(229,45,53,.2),transparent 26%),
    radial-gradient(circle at 62% 95%,rgba(197,166,110,.12),transparent 34%),
    linear-gradient(135deg,#0a1019,#101a27 62%,#0b111a);
  border:1px solid rgba(255,255,255,.06);
  position:relative;
  overflow:hidden;
}
.phase2-command-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,transparent,black);
  pointer-events:none;
}
.phase2-command-copy,.phase2-command-actions{position:relative;z-index:1}
.phase2-command-kicker{display:flex;align-items:center;gap:10px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#c5d0db}
.phase2-command-kicker span{width:28px;height:2px;background:linear-gradient(90deg,var(--p2-red),var(--p2-gold))}
.phase2-command-hero h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:45px;letter-spacing:-.045em;margin:14px 0 10px}
.phase2-command-hero p{max-width:760px;font-size:11px;line-height:1.75;color:#96a3b0}
.phase2-role-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.phase2-role-row span{padding:7px 10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);font-size:7px;text-transform:uppercase;letter-spacing:.11em;color:#aeb9c4}
.phase2-command-actions{display:grid;gap:12px;min-width:210px}
.phase2-live-state{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(8,14,22,.65);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px)}
.phase2-live-state>i{width:9px;height:9px;border-radius:50%;background:var(--p2-green);box-shadow:0 0 0 6px rgba(79,193,122,.1)}
.phase2-live-state small,.phase2-live-state strong{display:block}
.phase2-live-state small{font-size:7px;color:#778490}
.phase2-live-state strong{font-size:10px;margin-top:3px}
.phase2-refresh{width:100%}
.phase2-refresh.is-loading span{animation:p2-spin .8s linear infinite}
@keyframes p2-spin{to{transform:rotate(360deg)}}
.phase2-metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.phase2-metric{min-height:188px;padding:19px;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden}
.phase2-metric:before{content:"";position:absolute;right:-60px;top:-65px;width:125px;height:125px;border-radius:50%;background:var(--metric-glow,#edf1f5)}
.phase2-metric.metric-success{--metric-glow:rgba(79,193,122,.12)}
.phase2-metric.metric-attention{--metric-glow:rgba(229,45,53,.12)}
.phase2-metric.metric-info{--metric-glow:rgba(93,134,196,.13)}
.phase2-metric.metric-gold{--metric-glow:rgba(197,166,110,.16)}
.phase2-metric.metric-danger{--metric-glow:rgba(196,37,48,.14)}
.phase2-metric-top{display:flex;align-items:center;justify-content:space-between;position:relative}
.phase2-metric-top span{font-family:"Space Grotesk",Inter,sans-serif;font-size:9px;color:#8e98a3}
.phase2-metric-top i{width:7px;height:7px;border-radius:50%;background:#abb4bd}
.metric-success .phase2-metric-top i{background:var(--p2-green)}
.metric-attention .phase2-metric-top i,.metric-danger .phase2-metric-top i{background:var(--p2-red)}
.metric-info .phase2-metric-top i{background:var(--p2-blue)}
.metric-gold .phase2-metric-top i{background:var(--p2-gold)}
.phase2-metric>strong{display:block;position:relative;font-family:"Space Grotesk",Inter,sans-serif;font-size:31px;letter-spacing:-.04em;margin:28px 0 2px}
.phase2-metric h2{font-size:9px;margin:0}
.phase2-metric p{font-size:8px;color:#707983;line-height:1.5;margin:13px 0}
.phase2-metric>small{position:absolute;left:19px;bottom:16px;font-size:7px;color:#a0a7ae}
.phase2-primary-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}
.phase2-secondary-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}
.phase2-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.phase2-activity-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}
.phase2-panel{background:#fff;border:1px solid var(--line);padding:22px;min-width:0}
.phase2-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.phase2-panel>header h2{font-family:"Space Grotesk",Inter,sans-serif;font-size:19px;letter-spacing:-.025em;margin:4px 0 0}
.phase2-panel>header>a,.phase2-panel>header>strong,.phase2-panel>header>span{font-size:8px;color:#9a713a;text-decoration:none}
.phase2-eyebrow{font-size:7px;text-transform:uppercase;letter-spacing:.14em;color:#8a939c}
.phase2-live-pill{display:inline-flex!important;align-items:center;gap:7px;padding:6px 9px;background:#edf8f1;color:#27854d!important;text-transform:uppercase}
.phase2-live-pill i{width:6px;height:6px;border-radius:50%;background:var(--p2-green)}
.phase2-pipeline-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:17px}
.phase2-pipeline-summary>div,.phase2-mini-summary>div,.phase2-finance-summary>div{background:#f4f1ec;padding:13px}
.phase2-pipeline-summary small,.phase2-pipeline-summary strong,.phase2-mini-summary small,.phase2-mini-summary strong,.phase2-finance-summary small,.phase2-finance-summary strong{display:block}
.phase2-pipeline-summary small,.phase2-mini-summary small,.phase2-finance-summary small{font-size:7px;color:#7d858d}
.phase2-pipeline-summary strong,.phase2-mini-summary strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:20px;margin-top:6px}
.phase2-finance-summary strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:15px;margin-top:6px}
.phase2-request-list{display:grid}
.phase2-request-list>a{display:grid;grid-template-columns:40px 1fr auto 85px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #ece8e2;text-decoration:none}
.phase2-request-mark{width:38px;height:38px;display:grid;place-items:center;background:#101925;color:#fff;font-family:"Space Grotesk",Inter,sans-serif}
.phase2-request-list strong,.phase2-request-list small{display:block}
.phase2-request-list strong{font-size:9px}
.phase2-request-list small{font-size:7px;color:#7f878f;margin-top:3px}
.phase2-request-list time{font-size:7px;color:#9da4aa;text-align:right}
.phase2-state{font-style:normal;font-size:7px;padding:6px 8px;background:#eef0f2;color:#65717c}
.phase2-state.state-attention{background:#fff1e8;color:#a85a23}
.phase2-state.state-success{background:#edf8f1;color:#27854d}
.phase2-health{background:linear-gradient(145deg,#101925,#091019);color:#fff;border-color:rgba(255,255,255,.06)}
.phase2-health .phase2-eyebrow{color:#788693}
.phase2-health-list{display:grid}
.phase2-health-list>div{display:grid;grid-template-columns:1fr auto;gap:6px 20px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}
.phase2-health-list span{display:flex;align-items:center;gap:9px;font-size:9px}
.phase2-health-list span i{width:7px;height:7px;border-radius:50%}
.health-success{background:var(--p2-green)}
.health-info{background:var(--p2-blue)}
.health-attention{background:#e4a33c}
.health-danger{background:var(--p2-red)}
.health-muted{background:#596675}
.phase2-health-list strong{font-size:8px}
.phase2-health-list small{grid-column:1/-1;font-size:7px;color:#72808d}
.phase2-health footer{margin-top:16px;padding:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.phase2-health footer span,.phase2-health footer strong{display:block}
.phase2-health footer span{font-size:7px;text-transform:uppercase;color:var(--p2-gold)}
.phase2-health footer strong{font-size:8px;line-height:1.55;margin-top:5px}
.phase2-chart{height:245px;display:flex;align-items:flex-end;gap:11px;padding:20px 8px 0;border-top:1px solid #ece8e2}
.phase2-chart>div{flex:1;height:100%;display:grid;grid-template-rows:1fr auto auto;align-items:end;text-align:center}
.phase2-chart i{display:block;width:100%;height:max(7px,var(--bar-height));background:linear-gradient(180deg,var(--p2-red),#951b27);position:relative;transition:height .55s ease}
.phase2-chart i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent)}
.phase2-chart strong{font-size:8px;margin-top:7px}
.phase2-chart span{font-size:7px;color:#8a929a;margin-top:4px}
.phase2-alert-list{display:grid;gap:8px}
.phase2-alert-list>a{display:grid;grid-template-columns:8px 1fr auto;gap:13px;align-items:center;padding:14px;background:#f5f2ed;text-decoration:none}
.phase2-alert-list>a>i{width:8px;height:42px;background:#a8afb5}
.phase2-alert-list .alert-attention>i{background:#e6a341}
.phase2-alert-list .alert-danger>i{background:var(--p2-red)}
.phase2-alert-list .alert-success>i{background:var(--p2-green)}
.phase2-alert-list .alert-info>i{background:var(--p2-blue)}
.phase2-alert-list strong,.phase2-alert-list span{display:block}
.phase2-alert-list strong{font-size:9px}
.phase2-alert-list span{font-size:7px;color:#747d86;line-height:1.5;margin-top:3px}
.phase2-alert-list b{font-size:7px;color:#9a713a}
.phase2-compact-list{display:grid}
.phase2-compact-list>div{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:11px 0;border-top:1px solid #ece8e2}
.phase2-compact-list>div>span{width:35px;height:35px;display:grid;place-items:center;background:#eef0f2;font-family:"Space Grotesk",Inter,sans-serif;font-size:9px}
.phase2-compact-list strong,.phase2-compact-list small{display:block}
.phase2-compact-list strong{font-size:9px}
.phase2-compact-list small{font-size:7px;color:#828a91;margin-top:3px}
.phase2-compact-list em{font-style:normal;font-size:7px;color:#727b84}
.phase2-mini-summary,.phase2-finance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:15px}
.phase2-empty{padding:28px;text-align:center;background:#f5f2ed}
.phase2-empty.compact{padding:20px}
.phase2-empty strong{font-size:10px}
.phase2-empty p{font-size:8px;line-height:1.55;color:#7c858d;margin:6px auto 0;max-width:450px}
.phase2-timeline{display:grid}
.phase2-timeline>div{display:grid;grid-template-columns:10px 1fr auto;gap:13px;padding:12px 0;border-top:1px solid #ece8e2;align-items:center}
.phase2-timeline>div>i{width:8px;height:8px;border-radius:50%;background:#9ca5ad}
.phase2-timeline .timeline-inquiry{background:var(--p2-red)}
.phase2-timeline .timeline-customer{background:var(--p2-gold)}
.phase2-timeline .timeline-project{background:var(--p2-blue)}
.phase2-timeline .timeline-invoice{background:#7658a5}
.phase2-timeline .timeline-server{background:var(--p2-green)}
.phase2-timeline strong,.phase2-timeline small{display:block}
.phase2-timeline strong{font-size:9px}
.phase2-timeline small{font-size:7px;color:#808991;margin-top:3px}
.phase2-timeline time{font-size:7px;color:#9aa2a9}
.phase2-quick-actions>div{display:grid;gap:8px}
.phase2-quick-actions a{display:grid;grid-template-columns:39px 1fr auto;gap:12px;align-items:center;padding:12px;background:#f4f1ec;text-decoration:none}
.phase2-quick-actions a>span{width:37px;height:37px;display:grid;place-items:center;background:#101925;color:#fff;font-family:"Space Grotesk",Inter,sans-serif}
.phase2-quick-actions strong,.phase2-quick-actions small{display:block}
.phase2-quick-actions strong{font-size:9px}
.phase2-quick-actions small{font-size:7px;color:#808890;margin-top:3px}
.phase2-quick-actions b{color:var(--p2-red)}
.phase2-roadmap{padding:26px;background:linear-gradient(135deg,#0b111a,#101a27);color:#fff}
.phase2-roadmap>header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:20px}
.phase2-roadmap h2{font-family:"Space Grotesk",Inter,sans-serif;font-size:27px;letter-spacing:-.035em;margin:6px 0 0}
.phase2-roadmap>header>a{font-size:8px;color:var(--p2-gold)}
.phase2-roadmap>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.phase2-roadmap article{min-height:180px;padding:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);position:relative}
.phase2-roadmap article>span{font-family:"Space Grotesk",Inter,sans-serif;color:#6f7d8b}
.phase2-roadmap h3{font-family:"Space Grotesk",Inter,sans-serif;font-size:16px;margin:30px 0 8px}
.phase2-roadmap p{font-size:8px;line-height:1.6;color:#84919d}
.phase2-roadmap em{position:absolute;left:18px;bottom:16px;font-style:normal;font-size:7px;text-transform:uppercase;color:#788591}
.phase2-roadmap .phase-active{border-color:rgba(79,193,122,.35)}
.phase2-roadmap .phase-active em{color:var(--p2-green)}
.phase2-roadmap .phase-ready{border-color:rgba(197,166,110,.34)}
.phase2-roadmap .phase-ready em{color:var(--p2-gold)}
.phase2-roadmap .phase-next em{color:#71808e}
@media(max-width:1250px){
  .phase2-metric-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  .phase2-primary-grid,.phase2-secondary-grid,.phase2-activity-layout{grid-template-columns:1fr}
  .phase2-roadmap>div{grid-template-columns:1fr 1fr}
}
@media(max-width:740px){
  .phase2-command-hero{align-items:flex-start;flex-direction:column}
  .phase2-command-actions{width:100%}
  .phase2-command-hero h1{font-size:35px}
  .phase2-metric-grid,.phase2-work-grid{grid-template-columns:1fr 1fr}
  .phase2-request-list>a{grid-template-columns:38px 1fr}
  .phase2-request-list em,.phase2-request-list time{grid-column:2}
}
@media(max-width:520px){
  .phase2-metric-grid,.phase2-work-grid,.phase2-roadmap>div,.phase2-pipeline-summary,.phase2-mini-summary,.phase2-finance-summary{grid-template-columns:1fr}
  .phase2-command-hero,.phase2-panel,.phase2-roadmap{padding:18px}
  .phase2-chart{gap:5px}
}
