.empire-page { --green:#a4ebba; --lime:#e0f2ad; background:#09120f; }
.empire-shell { max-width:1400px; }
.empire-welcome { display:grid; grid-template-columns:1.15fr .85fr; gap:5rem; align-items:center; min-height:76vh; padding:4rem 2rem; }
.empire-welcome h1 { font-size:clamp(3rem,6vw,6rem); line-height:1; margin:0; }
.empire-welcome p:not(.eyebrow) { color:var(--muted); line-height:1.8; max-width:650px; font-size:1.05rem; }
.empire-welcome small { display:block; max-width:500px; margin-top:1rem; color:#8da395; line-height:1.6; font-size:.7rem; }
.empire-map { display:grid; gap:1rem; padding:2rem; border:1px solid var(--line); border-radius:24px; background:radial-gradient(circle at 50% 0,#244733,transparent 75%),#111d16; }
.empire-map-center { padding:1.4rem 0; text-align:center; color:var(--green); font:800 2rem Manrope,sans-serif; }
.empire-map > div { display:flex; flex-direction:column; gap:.4rem; padding:1.2rem; border:1px solid var(--line); border-radius:12px; background:rgba(10,23,15,.6); }
.empire-map b { font-size:1rem; }.empire-map span:not(.empire-map-center) { color:var(--muted); font-size:.8rem; }
.empire-metrics { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:.8rem; }
.empire-metrics article { padding:1.3rem; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
.empire-metrics article:first-child { background:linear-gradient(135deg,#25402b,#122119); border-color:#4e7658; }
.empire-metrics span,.empire-metrics small { display:block; color:var(--muted); font-size:.68rem; line-height:1.5; }
.empire-metrics strong { display:block; margin:.4rem 0; font:800 1.7rem Manrope,sans-serif; letter-spacing:-.05em; }
.empire-clock { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.2rem; margin:1rem 0 2rem; border:1px solid var(--line); border-radius:12px; }
.empire-clock p { margin:.25rem 0 0; color:var(--muted); font-size:.7rem; line-height:1.5; }.empire-clock strong { font-size:.85rem; }.empire-clock button { font-size:.75rem; flex-shrink:0; }
.empire-allocation { display:flex; height:10px; overflow:hidden; border-radius:12px; margin:1.2rem 0 .6rem; background:#15251b; }.empire-allocation i { display:block; height:100%; }
.allocation-cash { background:#a4ebba; }.allocation-market { background:#9cb9e0; }.allocation-private { background:#e8bf87; }
.allocation-key { display:flex; flex-wrap:wrap; gap:1.2rem; margin-bottom:2rem; color:var(--muted); font-size:.65rem; }.allocation-key i { display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:.4rem; }
.empire-company-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.3rem 0 2rem; }
.empire-company-card { overflow:hidden; border:1px solid var(--line); border-radius:16px; background:var(--panel); }
.empire-company-card .opportunity-art { height:110px; }.empire-company-card .art-mark { font-size:2.5rem; }
.empire-company-card h3 { font-size:1.35rem; margin:.7rem 0 .3rem; overflow-wrap:anywhere; }
.empire-card-content { padding:1.2rem; }.empire-company-meta { display:flex; justify-content:space-between; gap:.5rem; color:var(--green); font-size:.62rem; text-transform:uppercase; letter-spacing:.06em; }
.empire-card-stage { color:var(--muted); font-size:.72rem; line-height:1.5; min-height:2.6em; margin:.5rem 0 1rem; }
.empire-card-values { display:grid; grid-template-columns:1fr 1fr; gap:.9rem; margin:1rem 0; padding-block:1rem; border-block:1px solid var(--line); }
.empire-card-values small { display:block; margin-bottom:.3rem; color:var(--muted); font-size:.62rem; }.empire-card-values strong { font-size:1rem; }
.empire-card-actions { display:flex; gap:.6rem; }.empire-card-actions > * { flex:1; font-size:.7rem; }
.empire-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:1rem; }.empire-layout > .panel { min-width:0; }
.empire-account-list,.empire-events { padding:.3rem 1.3rem; }.empire-account-list article,.empire-events article { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--line); }
.empire-account-list article:last-child,.empire-events article:last-child { border:0; }.empire-account-list strong,.empire-events strong { display:block; font-size:.8rem; }.empire-account-list small,.empire-events small { display:block; margin-top:.3rem; color:var(--muted); font-size:.65rem; line-height:1.5; }.empire-account-list article>div:last-child { text-align:right; }.empire-events article>div:first-child { flex:1; }
.empire-empty { padding:3rem 1.5rem; border:1px dashed #3e5a46; border-radius:16px; text-align:center; color:#a8bdad; }.empire-empty strong { color:var(--ink); font-size:1.25rem; }.empire-empty p { line-height:1.7; font-size:.85rem; }
.empire-form { display:grid; gap:1rem; }.empire-form label { display:grid; gap:.45rem; color:#cad8ce; font-size:.74rem; }.empire-fields { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }.empire-form select { font-size:.76rem; }
.subscription-preview { display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; padding:1rem; border:1px solid #3a6047; border-radius:12px; background:#14251a; }.subscription-preview span { color:var(--muted); font-size:.62rem; line-height:1.5; }.subscription-preview strong { display:block; margin-top:.3rem; color:var(--green); font-size:1rem; }.subscription-preview p { grid-column:1/-1; margin:0; color:var(--muted); font-size:.7rem; line-height:1.7; }
.empire-wealth-goal { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; margin:1rem 0; color:#adc3b1; font-size:.72rem; }
.empire-connected-note { margin:0 0 1rem; padding:.8rem 1rem; border:1px solid #3d634a; border-radius:10px; background:#14221a; color:#b6cdbb; font-size:.75rem; line-height:1.7; }.empire-connected-note a { color:var(--green); }
@media(max-width:1000px) { .empire-company-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.empire-metrics { grid-template-columns:1fr 1fr; }.empire-welcome { gap:2rem; padding-inline:0; } }
@media(max-width:700px) { .empire-welcome,.empire-layout { grid-template-columns:1fr; }.empire-company-grid { grid-template-columns:1fr; }.empire-shell .company-heading { align-items:start; flex-direction:column; }.empire-fields { grid-template-columns:1fr; }.empire-clock { align-items:stretch; flex-direction:column; }.empire-metrics strong { font-size:1.35rem; }.subscription-preview { grid-template-columns:1fr; }.empire-welcome h1 { font-size:3.3rem; }.empire-map { padding:1.2rem; } }