:root{font-family:Segoe UI,Helvetica Neue,sans-serif;color:#0f172a;background:radial-gradient(circle at top left,rgba(6,182,212,.08),transparent 26%),radial-gradient(circle at top right,rgba(124,58,237,.08),transparent 24%),#f8fafc;--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--border: rgba(15, 23, 42, .1);--primary: #0f172a;--primary-soft: rgba(6, 182, 212, .12);--primary-soft-strong: rgba(6, 182, 212, .18);--secondary: #06b6d4;--accent: #7c3aed;--danger: #b42318;--muted: #475569;--ink-inverse: #f8fafc;--shadow: 0 20px 60px rgba(15, 23, 42, .1)}*{box-sizing:border-box}body{margin:0;color:var(--primary);background:radial-gradient(circle at top left,rgba(6,182,212,.08),transparent 26%),radial-gradient(circle at top right,rgba(124,58,237,.08),transparent 24%),var(--ink-inverse)}#root{min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:300px 1fr}.sidebar{padding:28px;border-right:1px solid var(--border);background:radial-gradient(circle at top right,rgba(6,182,212,.18),transparent 32%),radial-gradient(circle at bottom left,rgba(124,58,237,.16),transparent 28%),linear-gradient(180deg,#0f172a,#16213a);color:var(--ink-inverse)}.content-shell{padding:32px}.sidebar-nav{margin-top:28px;display:grid;gap:12px}.sidebar-nav-item{width:100%;text-align:left;padding:16px 18px;border-radius:18px;border:1px solid rgba(248,250,252,.12);background:#ffffff0a;color:var(--ink-inverse);display:grid;gap:4px;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.sidebar-nav-item span{color:#f8fafcb8;font-size:14px;line-height:1.45}.sidebar-nav-item.active{background:linear-gradient(135deg,#06b6d438,#7c3aed2e);border-color:#06b6d447}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.72}.demo-note{margin-top:10px;color:var(--primary);font-weight:600}.role-card,.surface{border:1px solid var(--border);border-radius:20px;background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.role-card{margin-top:32px;padding:18px;color:var(--primary);background:#f8fafcf5}.auth-card{max-width:460px;margin:40px auto;padding:28px;display:grid;gap:16px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);background:radial-gradient(circle at top left,rgba(6,182,212,.16),transparent 28%),radial-gradient(circle at bottom left,rgba(124,58,237,.12),transparent 28%),linear-gradient(180deg,#f8fafc,#eef5fb)}.auth-brand-panel{padding:56px;display:grid;align-content:center;gap:22px}.auth-brand-panel h1{margin:0;font-size:clamp(44px,7vw,76px);line-height:.95}.auth-brand-copy{max-width:560px;font-size:22px;line-height:1.45;color:var(--muted)}.auth-brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;max-width:760px}.auth-brand-card{padding:18px;border-radius:18px;background:#ffffffc7;border:1px solid rgba(15,23,42,.08);display:grid;gap:8px;box-shadow:0 16px 32px #0f172a0f}.auth-brand-card strong{color:var(--primary)}.auth-brand-card span{color:var(--muted);line-height:1.45}.auth-login-panel{margin:32px;padding:36px;display:grid;align-content:center;gap:18px;background:radial-gradient(circle at top right,rgba(6,182,212,.14),transparent 32%),radial-gradient(circle at bottom left,rgba(124,58,237,.08),transparent 28%),#fffffff2}.auth-login-panel h2{margin:0;font-size:38px}.auth-login-copy{margin:0;color:var(--muted);line-height:1.45}.auth-submit{min-height:48px}.auth-help{display:grid;gap:6px;color:var(--muted)}.crm-shell,.stack{display:grid;gap:20px}.form-section{display:grid;gap:14px;padding:18px;border:1px solid var(--border);border-radius:18px;background:#ffffffb3}.form-section-title{display:grid;gap:4px}.form-section-title span{color:var(--muted);line-height:1.45}.field-block{display:grid;gap:6px;flex:1 1 220px;min-width:0}.field-block.wide{flex-basis:100%}.field-label{font-size:13px;font-weight:700;color:var(--primary)}.field-description{font-size:12px;line-height:1.45;color:var(--muted)}.page-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px;border-radius:24px;background:radial-gradient(circle at top right,rgba(6,182,212,.16),transparent 35%),radial-gradient(circle at bottom left,rgba(124,58,237,.08),transparent 24%),linear-gradient(135deg,#fff,#f3f8fd);border:1px solid var(--border)}.hero-actions,.inline-actions,.tab-strip,.form-grid{display:flex;gap:12px;flex-wrap:wrap}.tab-button,.button-primary,.button-secondary{border:1px solid transparent;border-radius:999px;padding:10px 16px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.tab-button{background:#fffffff0;border:1px solid var(--border);color:var(--primary)}.tab-button.active,.button-primary{background:linear-gradient(135deg,var(--primary) 0%,#172554 100%);color:var(--ink-inverse);box-shadow:0 12px 24px #0f172a29}.button-secondary{background:linear-gradient(135deg,#06b6d424,#7c3aed1a);color:var(--primary);border-color:#06b6d429}.tab-button:hover,.button-primary:hover,.button-secondary:hover,.customer-list-item:hover,.user-list-item:hover,.journey-summary-card:hover{transform:translateY(-1px)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.card-button{padding:0;border:0;background:transparent;text-align:left}.card-button .data-card{height:100%}.data-card,.section-panel,.detail-sidebar{padding:20px}.data-card-value{display:block;font-size:30px;margin-top:12px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap}.section-head p{margin:6px 0 0;color:var(--muted)}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}.admin-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);gap:20px;align-items:start}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.management-board-placeholder{min-height:320px;display:grid;align-content:start;gap:18px}.customer-workspace{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.78fr);gap:20px;align-items:start}.customer-sidebar{min-width:0;overflow:hidden}.customer-list{display:grid;gap:12px}.customer-list-item{width:100%;border:1px solid var(--border);border-radius:16px;background:#ffffffe6;padding:16px;text-align:left;display:grid;gap:10px}.customer-list-item.active{border-color:#06b6d457;box-shadow:0 14px 30px #06b6d41a;background:linear-gradient(135deg,#06b6d414,#fffffff0)}.customer-list-head,.customer-list-meta{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.customer-list-meta{color:var(--muted);font-size:14px}.customer-main{min-width:0;padding:24px;display:grid;gap:20px}.customer-main-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.customer-main-head h2{margin:4px 0 0}.customer-sidebar .section-head>:first-child,.customer-main-head>:first-child{min-width:0;flex:1 1 220px}.customer-sidebar .section-head>:last-child{flex:0 1 220px;min-width:0}.customer-sidebar .section-head input{width:100%;max-width:220px}.customer-hero{display:grid;gap:14px;padding:20px;border:1px solid var(--border);border-radius:18px;background:radial-gradient(circle at top right,rgba(6,182,212,.1),transparent 32%),linear-gradient(135deg,#fff,#f2f8fd)}.customer-badges{display:flex;gap:10px;flex-wrap:wrap}.customer-badges span{padding:7px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary)}.customer-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.customer-value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.customer-empty{min-height:420px;display:grid;align-items:center}.detail-sidebar pre{white-space:pre-wrap;word-break:break-word;font-size:12px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left}.table-row-clickable{cursor:pointer}.table-row-clickable:hover{background:#06b6d40d}.pipeline-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.pipeline-column{border:1px solid var(--border);border-radius:18px;background:#ffffffe0;padding:14px}.pipeline-column-head{display:flex;justify-content:space-between;margin-bottom:14px}.pipeline-cards{display:grid;gap:10px}.pipeline-card{padding:14px;border-radius:14px;background:#fff;border:1px solid var(--border);display:grid;gap:6px}.pipeline-empty,.empty-state{border:1px dashed var(--border);border-radius:18px;padding:20px;color:var(--muted);background:#ffffffad}.error-box{padding:12px 16px;border-radius:14px;background:#fef3f2;color:var(--danger);border:1px solid rgba(180,35,24,.18)}.form-grid input,.form-grid select,.form-grid textarea,.role-card select,.role-card input{min-height:42px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff}.role-card{display:grid;gap:10px}.user-list{display:grid;gap:8px}.user-list-item{text-align:left;border:1px solid var(--border);border-radius:14px;background:#ffffffc7;padding:12px;display:grid;gap:4px}.executive-grid{margin-bottom:20px}.executive-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.executive-panel{padding:18px}.executive-panel h4{margin:0 0 14px}.bar-list{display:grid;gap:12px}.bar-row{display:grid;gap:6px}.bar-row-head,.stage-mrr-row{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.bar-track{height:10px;border-radius:999px;background:#0f172a14;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#06b6d4,#7c3aed)}.stage-mrr-list{margin-top:16px;display:grid;gap:8px}.import-result{margin-top:16px;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(135deg,#06b6d414,#7c3aed0f)}.journey-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.journey-summary-card,.detail-card{border:1px solid var(--border);border-radius:16px;background:#ffffffe6;padding:16px;display:grid;gap:6px}.journey-summary-card{cursor:pointer;text-align:left}.journey-summary-card span{font-size:28px;font-weight:700}.journey-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.journey-lane{border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,#ffffffe0,#f8fafceb);padding:14px;display:grid;gap:12px}.journey-lane-head{display:flex;justify-content:space-between;gap:12px}.journey-lane-body{display:grid;gap:10px}.journey-card{border:1px solid var(--border);border-radius:14px;background:#fff;padding:14px;display:grid;gap:8px}.dashboard-switches{display:flex;gap:12px;flex-wrap:wrap}.checkbox{display:flex;align-items:center;gap:8px}.consent-box{align-items:flex-start;padding:14px 16px;border:1px solid rgba(6,182,212,.18);border-radius:16px;background:linear-gradient(135deg,#06b6d414,#7c3aed0f);line-height:1.5}@media(max-width:1100px){.app-shell,.auth-shell{grid-template-columns:1fr}.auth-brand-panel,.auth-login-panel{padding:28px;margin:0}.split-layout,.customer-workspace,.admin-layout{grid-template-columns:1fr}}