:root{
  --bg:#050914;--bg2:#081223;--panel:#0b1628;--panel2:#0f1d33;--line:#20314d;
  --text:#edf5ff;--muted:#8fa4c3;--blue:#4f8cff;--cyan:#35d0df;--green:#36d399;
  --orange:#f59e0b;--red:#fb7185;--purple:#a78bfa;--shadow:0 22px 60px rgba(0,0,0,.32);
  --radius:18px;--radius-sm:12px;--sidebar:240px;color-scheme:dark;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 88% -10%,rgba(79,140,255,.13),transparent 32%),linear-gradient(180deg,var(--bg),#07101d 55%,var(--bg));color:var(--text);font:15px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}
a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.04em;margin-bottom:0}h2{font-size:1.25rem;letter-spacing:-.025em;margin-bottom:.35rem}h3{font-size:1rem;margin-bottom:.35rem}.muted{color:var(--muted)}
.eyebrow{margin:0 0 .35rem;color:#7da9ff;font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.micro{font-size:.76rem;color:var(--muted)}
.brand-mark{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#4f8cff,#8057e8 58%,#35d0df);color:white;font-weight:900;letter-spacing:-.06em;box-shadow:0 15px 42px rgba(79,140,255,.28)}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:.8rem}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);max-width:1200px;margin:auto;padding:clamp(24px,5vw,72px);gap:clamp(36px,7vw,92px);align-items:center}.login-brand h1{max-width:700px;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.95;margin:.55rem 0 1.5rem}.login-brand .lede{max-width:650px;color:#aabbd3;font-size:1.05rem}.feature-strip{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:2rem}.feature-strip span,.pill{border:1px solid var(--line);border-radius:999px;background:rgba(15,29,51,.7);padding:.45rem .72rem;color:#b8c8df;font-size:.75rem;font-weight:700}.login-card{background:linear-gradient(180deg,rgba(15,29,51,.96),rgba(8,18,35,.97));border:1px solid #263a5c;border-radius:24px;padding:clamp(24px,4vw,40px);box-shadow:var(--shadow)}
.stack{display:grid;gap:1rem}.stack label,.form-grid label{display:grid;gap:.42rem;color:#b9c9df;font-size:.78rem;font-weight:700}input,select,textarea{width:100%;border:1px solid #263a58;background:#071120;color:var(--text);border-radius:11px;padding:.76rem .82rem;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(79,140,255,.13)}
button,.button-link{border:0;border-radius:11px;padding:.75rem 1rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none}.button-link:hover{text-decoration:none}.primary{background:linear-gradient(135deg,#4f8cff,#7066ec);color:white;box-shadow:0 9px 24px rgba(79,140,255,.22)}.primary:hover{filter:brightness(1.08)}.secondary{background:#101f36;color:#d7e5f8;border:1px solid #2a3e5d}.secondary:hover{background:#152844}.compact{padding:.48rem .72rem;font-size:.75rem}.form-error{color:#fecdd3;background:rgba(190,24,93,.14);border:1px solid rgba(251,113,133,.35);padding:.7rem;border-radius:9px}.disabled{pointer-events:none;opacity:.5}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:20px 16px;border-right:1px solid #182844;background:rgba(4,9,20,.94);display:flex;flex-direction:column;z-index:20}.brand-block{display:flex;align-items:center;gap:.75rem;padding:0 .35rem 1.25rem}.brand-block div:last-child{display:grid}.brand-block span{color:var(--muted);font-size:.7rem}.nav{display:grid;gap:.25rem}.nav button{width:100%;justify-content:flex-start;background:transparent;color:#9fb2ce;padding:.68rem .75rem;font-weight:700}.nav button span{width:22px;color:#6f89ad}.nav button:hover,.nav button.active{background:#101d32;color:#fff}.nav button.active{box-shadow:inset 3px 0 var(--blue)}.sidebar-foot{margin-top:auto;border-top:1px solid #192a45;padding:.9rem .65rem 0;display:grid;gap:.45rem;font-size:.72rem;color:var(--muted)}
.workspace{min-width:0;padding:0 clamp(16px,3vw,40px) 52px}.topbar{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(31,48,76,.7);margin-bottom:28px;position:sticky;top:0;background:rgba(5,9,20,.88);backdrop-filter:blur(18px);z-index:12}.operator{display:flex;align-items:center;gap:.85rem}.operator>div{display:grid;text-align:right}.operator span{font-size:.7rem;color:var(--muted);text-transform:uppercase}.mobile-only{display:none}.icon-button{background:#101f36;color:white;border:1px solid var(--line);padding:.55rem .7rem}
.view{display:none}.view.active{display:block}.alert{padding:.8rem 1rem;border:1px solid rgba(251,113,133,.4);background:rgba(190,24,93,.13);color:#fecdd3;border-radius:12px;margin-bottom:1rem}.hero-panel{border:1px solid #263b61;background:radial-gradient(circle at 90% 10%,rgba(53,208,223,.12),transparent 35%),linear-gradient(135deg,#101f3a,#0b1729);border-radius:24px;padding:clamp(22px,4vw,36px);display:flex;justify-content:space-between;align-items:end;gap:1rem;box-shadow:var(--shadow)}.hero-panel h2{font-size:clamp(1.8rem,4vw,3.4rem);margin-bottom:.6rem}.hero-panel p{max-width:720px;color:#b9c9df}.hero-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.metric{border:1px solid #1d3150;background:linear-gradient(180deg,#0d1a2f,#0a1425);border-radius:16px;padding:18px}.metric span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.metric b{display:block;margin-top:.45rem;font-size:1.65rem;letter-spacing:-.04em}.metric small{color:#7590b5}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.panel{background:linear-gradient(180deg,rgba(12,24,43,.96),rgba(8,17,31,.96));border:1px solid #1b2e4b;border-radius:var(--radius);padding:18px;box-shadow:0 12px 34px rgba(0,0,0,.15)}.panel-head,.section-intro{display:flex;justify-content:space-between;gap:1rem;align-items:start}.panel-head{margin-bottom:14px}.panel-head p,.section-intro p{margin-bottom:0;color:var(--muted)}.section-intro{margin-bottom:18px}.section-intro h2{font-size:clamp(1.45rem,3vw,2.2rem)}
.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.span-all{grid-column:1/-1}.form-actions{display:flex;align-items:end;gap:.7rem}.form-actions #contact-search{margin-left:auto;max-width:360px}.table-panel{margin-top:16px;padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid #172944}th{color:#8098ba;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;background:#0c182b}td{color:#c7d5e8}tbody tr:hover{background:rgba(79,140,255,.05)}.contact-cell{display:grid}.contact-cell small{color:var(--muted)}
.pill{display:inline-flex;padding:.28rem .52rem}.pill.lead{color:#9dc1ff}.pill.qualified{color:#d8b4fe}.pill.customer,.pill.active,.pill.paid{color:#86efac}.pill.inactive,.pill.cancelled{color:#94a3b8}.pill.high,.pill.urgent{color:#fda4af}.pill.draft{color:#fde68a}.pill.review{color:#fdba74}.pill.approved{color:#86efac}
.pipeline-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:12px;overflow-x:auto;padding:2px 1px 18px;margin-top:16px}.stage{background:#081426;border:1px solid #1c304f;border-radius:16px;min-height:300px}.stage-head{padding:14px;border-bottom:1px solid #192d4b;display:flex;justify-content:space-between;align-items:center}.stage-head b{display:flex;align-items:center;gap:.45rem}.stage-dot{width:8px;height:8px;border-radius:50%}.stage-count{color:var(--muted);font-size:.72rem}.stage-body{padding:10px;display:grid;gap:9px;min-height:240px}.stage.drag-over{border-color:var(--blue);background:#0a1930}.deal-card{background:#101f36;border:1px solid #263b5b;border-radius:12px;padding:12px;cursor:grab}.deal-card:active{cursor:grabbing}.deal-card h3{margin-bottom:.2rem}.deal-meta{display:flex;justify-content:space-between;gap:.5rem;color:#9db2cd;font-size:.76rem}.deal-card p{color:var(--muted);font-size:.78rem;margin:.55rem 0 0}.deal-card footer{margin-top:.7rem;padding-top:.6rem;border-top:1px solid #223451;display:flex;justify-content:space-between;color:#7089ac;font-size:.68rem}
.list,.task-list,.timeline,.campaign-list{display:grid;gap:9px}.list-row,.task-row,.timeline-row,.campaign-row{border:1px solid #20334f;background:#0a1628;border-radius:12px;padding:12px;display:flex;justify-content:space-between;gap:1rem;align-items:center}.list-row>div:first-child,.task-row>div:first-child,.campaign-row>div:first-child{min-width:0}.list-row p,.task-row p,.campaign-row p{margin:0;color:var(--muted);font-size:.78rem;white-space:normal}.row-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.timeline-row{display:grid;grid-template-columns:10px 1fr auto;align-items:start}.timeline-dot{width:8px;height:8px;background:var(--cyan);border-radius:50%;margin-top:.38rem}.timeline-row time{font-size:.68rem;color:#7189aa}.empty{border:1px dashed #2a3c57;border-radius:12px;padding:24px;text-align:center;color:var(--muted)}
.capability-grid,.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.capability,.integration-card{border:1px solid #203551;background:#0b182b;border-radius:16px;padding:18px}.capability span,.integration-card span{font-size:.65rem;font-weight:900;letter-spacing:.1em;color:#84a7d7}.capability.ready{border-color:rgba(54,211,153,.4)}.capability.ready span{color:#6ee7b7}.capability.planned span{color:#fdba74}.capability.locked{border-color:rgba(251,113,133,.35)}.capability.locked span{color:#fda4af}.integration-card .status{display:inline-flex;margin-top:.7rem;padding:.28rem .48rem;border-radius:8px;background:#13233a;color:#a9bdd7;font-size:.7rem}.policy-panel{margin-top:16px}.policy-panel li{margin:.45rem 0;color:#b7c7dc}
.toast{position:fixed;right:24px;bottom:24px;max-width:380px;background:#132640;border:1px solid #315074;border-radius:12px;padding:.85rem 1rem;color:white;box-shadow:var(--shadow);z-index:50}.toast.error{background:#3a1420;border-color:#83354d}
@media (max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.compact-grid{grid-template-columns:repeat(2,1fr)}.capability-grid,.integration-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:800px){:root{--sidebar:260px}.login-shell{grid-template-columns:1fr;padding:26px}.login-brand{padding-top:3vh}.login-brand h1{font-size:2.8rem}.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translateX(-105%);width:var(--sidebar);box-shadow:var(--shadow)}body.nav-open .sidebar{transform:translateX(0)}.workspace{padding:0 14px 36px}.mobile-only{display:inline-flex}.topbar{min-height:72px}.operator>div{display:none}.two-column{grid-template-columns:1fr}.hero-panel{align-items:start;flex-direction:column}.capability-grid,.integration-grid{grid-template-columns:1fr}.section-intro{align-items:start;flex-direction:column}.pipeline-board{grid-auto-columns:85vw}}
@media (max-width:560px){.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:14px}.metric b{font-size:1.25rem}.form-grid,.compact-grid{grid-template-columns:1fr}.span-all{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column}.form-actions #contact-search{margin-left:0;max-width:none}.topbar h1{font-size:1.25rem}.hero-panel h2{font-size:2rem}.panel{padding:14px}.list-row,.task-row,.campaign-row{align-items:flex-start;flex-direction:column}.row-actions{width:100%;justify-content:flex-end}}
@media (prefers-reduced-motion:no-preference){button,a,input,select,textarea{transition:background-color .16s,border-color .16s,filter .16s,opacity .16s}.sidebar{transition:transform .18s ease}}