@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#2f241d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f6f1eb;--bg-soft:#f9f4eee6;--panel:#fffaf5eb;--panel-strong:#fffdfafa;--line:#4a2a1c1f;--line-strong:#4a2a1c38;--text:#2f241d;--muted:#766860;--accent:#4a2a1c;--accent-soft:#4a2a1c14;--success:#5d7b6a;--danger:#b85c4c;--shadow:0 20px 42px #4a2a1c14;background:radial-gradient(circle at 0 0,#4a2a1c1f,#0000 28%),radial-gradient(circle at 100% 100%,#a8806224,#0000 26%),linear-gradient(145deg,#f5efe8 0%,#f7f3ee 46%,#efe7de 100%);font-family:Manrope,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}code{font-family:Space Grotesk,sans-serif}h1,h2,h3,h4,strong{letter-spacing:-.03em;font-family:Space Grotesk,sans-serif}p{margin:0}.shell{grid-template-columns:92px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .22s;display:grid}.shell.sidebar-expanded{grid-template-columns:280px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#f4ede5f2,#f0e7def2);flex-direction:column;gap:1.25rem;min-height:100vh;padding:1.5rem 1rem;transition:padding .22s;display:flex;position:sticky;top:0;overflow:hidden}.brand-block{align-items:center;gap:1rem;min-width:0;display:flex}.brand-mark{color:#fff5ef;background:linear-gradient(145deg,#4a2a1cfa,#634336eb);border:1px solid #4a2a1c29;border-radius:1rem;place-items:center;width:3rem;height:3rem;font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:700;display:grid}.brand-block h1,.topbar h2,.panel-head h3,.login-card h2,.profile-card h3,.empty-state h3{margin:0}.brand-copy,.muted{color:var(--muted);line-height:1.55}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.35rem;font-size:.76rem;font-weight:700}.nav-list{flex-direction:column;flex:1;gap:.45rem;display:flex}.nav-link{color:var(--muted);border:1px solid #0000;border-radius:1rem;align-items:center;gap:.75rem;min-width:0;padding:.9rem 1rem;transition:all .18s;display:flex}.nav-link:hover,.nav-link.active{color:var(--text);background:#4a2a1c14;border-color:#4a2a1c26}.sidebar-footer{flex-direction:column;gap:1rem;display:flex}.sidebar-copy,.nav-label,.mini-user-copy{min-width:0;transition:opacity .18s,transform .18s,max-width .18s}.shell.sidebar-collapsed .sidebar-copy,.shell.sidebar-collapsed .nav-label,.shell.sidebar-collapsed .mini-user-copy{opacity:0;pointer-events:none;white-space:nowrap;max-width:0;overflow:hidden;transform:translate(-8px)}.shell.sidebar-collapsed .sidebar{align-items:center}.shell.sidebar-collapsed .brand-block,.shell.sidebar-collapsed .sidebar-footer,.shell.sidebar-collapsed .nav-list{width:100%}.shell.sidebar-collapsed .brand-block,.shell.sidebar-collapsed .mini-user,.shell.sidebar-collapsed .sidebar-footer{justify-content:center;align-items:center}.shell.sidebar-collapsed .nav-link,.shell.sidebar-collapsed .sidebar-logout{justify-content:center;padding-inline:.75rem}.mini-user,.user-cell,.profile-card{align-items:center;gap:.85rem;display:flex}.mini-user span,.user-cell p,.lead-card p,.list-row p,.detail-item span,.document-section p,.calendar-event span{color:var(--muted)}.avatar{width:2.9rem;height:2.9rem;color:var(--accent);background:linear-gradient(145deg,#4a2a1c1f,#a8806224);border-radius:999px;place-items:center;font-weight:700;display:grid}.avatar.small{width:2.35rem;height:2.35rem;font-size:.85rem}.avatar.profile{width:4.5rem;height:4.5rem;font-size:1.25rem}.app-surface{min-width:0;padding:1.25rem;position:relative}.topbar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.topbar-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.status-chip,.hero-chip,.credential-line,.calendar-toolbar,.notification-title,.project-meta,.permission-header,.integration-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.status-chip,.hero-chip{border:1px solid var(--line);color:var(--muted);background:#4a2a1c0d;border-radius:999px;padding:.75rem .95rem}.status-dot{background:var(--success);border-radius:999px;width:.6rem;height:.6rem;box-shadow:0 0 18px #7ab8a0cc}.bell-button,.ghost-button,.primary-button{border-radius:.95rem;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;transition:all .18s;display:inline-flex}.bell-button,.ghost-button{border:1px solid var(--line);color:var(--text);background:#fffcf9eb}.bell-button{position:relative}.badge{background:var(--accent);color:#fff8f0;border-radius:999px;place-items:center;min-width:1.3rem;height:1.3rem;font-size:.75rem;font-weight:800;display:grid;position:absolute;top:-.3rem;right:-.3rem}.primary-button{color:#fff7f0;background:linear-gradient(135deg,#4a2a1c,#7c5d49);border:0;font-weight:800}.ghost-button:hover,.bell-button:hover{border-color:var(--line-strong);background:#fff8f2fa}.primary-button:hover{transform:translateY(-1px)}.page-content{min-width:0;padding-bottom:2rem}.page-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.page-grid>*,.topbar>*,.panel>*,.hero-panel>*,.list-row>*,.list-button>*,.lead-detail-card>*,.intake-card>*,.project-card>*,.permission-card>*,.integration-card>*,.workflow-card>*,.notification-card>*,.document-section>*,.detail-item>*,.calendar-event>*,.mini-user>*,.user-cell>*{min-width:0}.hero-panel,.metrics-grid{grid-column:1/-1}.hero-panel{box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#a880622e,#0000 30%),linear-gradient(#fffbf7fa,#f7efe7f0);border:1px solid #4a2a1c24;border-radius:1.6rem;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.4rem;display:flex;position:relative;overflow:hidden}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.metrics-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;display:grid}.metric-card,.highlight-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:1.35rem;flex-direction:column;gap:.5rem;padding:1.2rem;display:flex}.metric-card span,.highlight-card span{color:var(--muted);font-size:.88rem}.metric-card strong,.highlight-card strong{font-size:1.45rem}.metric-meta{color:var(--muted);font-size:.82rem;line-height:1.5}.metric-card.accent{background:linear-gradient(135deg,#4a2a1c14,#a8806214);border-color:#4a2a1c2e}.panel{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-strong), var(--panel));box-shadow:var(--shadow);border-radius:1.5rem;flex-direction:column;grid-column:span 6;gap:1rem;min-width:0;padding:1.25rem;display:flex}.panel.wide-panel{grid-column:1/-1}.panel-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel-actions{align-items:center;gap:.75rem;display:flex}.summary-strip{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.summary-chip{border:1px solid var(--line);background:#ffffffb3;border-radius:1rem;gap:.25rem;padding:.9rem 1rem;display:grid}.summary-chip span{color:var(--muted);font-size:.82rem}.chart-slot{height:260px}.stack-list,.project-list,.permission-grid,.integration-grid,.workflow-grid{gap:.85rem;display:grid}.list-row,.list-button,.lead-detail-card,.intake-card,.project-card,.crm-column,.permission-card,.integration-card,.workflow-card,.notification-card,.document-section{border:1px solid var(--line);background:#ffffffb8;border-radius:1.15rem;min-width:0}.list-row,.lead-detail-card,.intake-card,.capacity-row{justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.list-row.full,.lead-detail-card,.intake-card{align-items:flex-start}.align-right{text-align:right;flex-direction:column;align-items:flex-end;gap:.3rem;min-width:0;display:flex}.table-wrap{min-width:0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;word-break:break-word;padding:.95rem .8rem}.data-table .numeric-cell{text-align:right;white-space:nowrap}.table-note{color:var(--muted);margin-top:.35rem;font-size:.82rem;line-height:1.45;display:block}.variance-positive{color:var(--success)}.variance-negative{color:var(--danger)}.variance-neutral{color:var(--muted)}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:.82rem}.data-table tbody tr:hover{background:#4a2a1c08}.form-grid{gap:1rem;display:grid}.form-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.intake-form{align-items:start}.form-grid label,.integration-card label{color:var(--muted);flex-direction:column;gap:.45rem;font-size:.92rem;display:flex}.full-span{grid-column:1/-1}input,textarea,select{width:100%;color:var(--text);background:#fffffffa;border:1px solid #4a2a1c24;border-radius:1rem;outline:none;padding:.9rem 1rem}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#d1a04a59;box-shadow:0 0 0 3px #d1a04a1f}.checkbox-row{color:var(--text);align-items:center;gap:.75rem;display:flex}.checkbox-row input{width:auto}.form-error{color:#8c3c31;background:#b85c4c14;border:1px solid #b85c4c38;border-radius:1rem;padding:.9rem 1rem}.permission-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.permission-grid.single{grid-template-columns:minmax(0,1fr)}.permission-card{padding:1rem}.permission-header{margin-bottom:1rem}.permission-header span{color:var(--muted)}.permission-row{grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:.75rem;margin-bottom:.75rem;display:grid}.permission-row:last-child{margin-bottom:0}.pill{letter-spacing:.03em;text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:.4rem .7rem;font-size:.76rem;font-weight:700;display:inline-flex}.pill.accent{color:#5b3625;background:#4a2a1c1a}.pill.success{color:#45614f;background:#5d7b6a24}.pill.danger{color:#8b3e31;background:#b85c4c1f}.pill.neutral{color:#69584d;background:#4a2a1c12}.projects-layout>.panel:first-child,.documents-layout>.panel:first-child{grid-column:span 4}.projects-layout>.panel:nth-child(2),.documents-layout>.panel:nth-child(2){grid-column:span 8}.project-list{max-height:620px;overflow:auto}.project-card,.list-button{width:100%;color:inherit;text-align:left;padding:1rem}.project-card-top,.crm-column-head,.lead-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.project-card.selected,.list-button.selected{background:#4a2a1c12;border-color:#4a2a1c38}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.detail-item{border:1px solid var(--line);overflow-wrap:anywhere;word-break:break-word;border-radius:1rem;flex-direction:column;gap:.35rem;padding:.95rem;display:flex}.timeline{gap:.7rem;display:grid}.timeline-step{border:1px solid var(--line);border-radius:1rem;align-items:center;gap:.8rem;padding:.8rem .95rem;display:flex}.timeline-step.done{border-color:#7ab8a038}.timeline-dot{background:#4a2a1c1f;border-radius:999px;width:.85rem;height:.85rem}.timeline-step.done .timeline-dot{background:var(--success);box-shadow:0 0 12px #7ab8a0e6}.note-box{color:#5b3827;overflow-wrap:anywhere;word-break:break-word;background:#4a2a1c0d;border:1px dashed #4a2a1c3d;border-radius:1.1rem;padding:1rem}.crm-columns{grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;display:grid;overflow-x:auto}.crm-stage-strip{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.85rem;display:grid}.crm-stage-card{border:1px solid var(--line);background:#ffffffc2;border-radius:1rem;gap:.3rem;padding:.95rem 1rem;display:grid}.crm-stage-card span,.crm-stage-card small{color:var(--muted)}.crm-column{min-width:170px;padding:.9rem}.crm-column-head{margin-bottom:.85rem}.lead-card{border-top:1px solid var(--line);flex-direction:column;gap:.45rem;margin-top:.75rem;padding-top:.75rem;display:flex}.lead-actions{flex-direction:column;gap:.6rem;min-width:160px;display:flex}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem;display:grid}.calendar-shell{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);align-items:start;gap:1rem;display:grid}.calendar-head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.calendar-day{border:1px solid var(--line);background:#ffffffb3;border-radius:1rem;flex-direction:column;gap:.6rem;min-height:148px;padding:.75rem;display:flex}.calendar-day.faded{opacity:.45}.calendar-date{font-family:Space Grotesk,sans-serif}.calendar-date-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.calendar-events{gap:.45rem;min-width:0;display:grid}.calendar-event{background:#4a2a1c14;border-radius:.85rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.45rem;min-width:0;padding:.45rem .55rem;display:grid}.calendar-event strong{font-size:.78rem}.calendar-event span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-more{color:var(--muted);font-size:.8rem}.agenda-panel{border:1px solid var(--line);background:#ffffffad;border-radius:1.15rem;gap:.85rem;padding:.95rem;display:grid}.agenda-panel-head{flex-direction:column;gap:.2rem;display:flex}.compact-list .list-row{padding:.8rem .9rem}.workflow-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.workflow-card{padding:1rem;line-height:1.6}.intake-card{align-items:flex-start}.responsible-list{color:var(--muted);gap:.35rem;font-size:.86rem;display:grid}.intake-status{flex-direction:column;align-items:flex-end;gap:.45rem;display:flex}.document-preview{gap:1rem;display:grid}.document-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.document-body{gap:.75rem;display:grid}.document-section{padding:1rem}.integration-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.integration-card{gap:1rem;padding:1rem;display:grid}.muted,.brand-copy,.list-row p,.list-row small,.document-section p,.document-section strong,.notification-card p,.integration-card p,.credential-line code,.lead-card p,.lead-detail-card p,.lead-detail-card small,.intake-card p,.intake-card small,.timeline-step p{overflow-wrap:anywhere;word-break:break-word}.capacity-row{grid-template-columns:1.2fr 1fr auto;display:grid}.capacity-meter{background:#4a2a1c14;border-radius:999px;align-self:center;width:100%;height:.7rem;overflow:hidden}.capacity-fill{border-radius:inherit;background:linear-gradient(90deg,#7c5d49,#c8a681);height:100%}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2f241d57;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-strong), var(--panel));border-radius:1.5rem;gap:1rem;width:min(760px,100%);padding:1.25rem;display:grid;box-shadow:0 30px 70px #2116103d}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.notification-drawer{z-index:20;border-left:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf5eff7;flex-direction:column;gap:1rem;width:min(380px,100vw);height:100vh;padding:1.2rem;transition:transform .22s;display:flex;position:fixed;top:0;right:0;transform:translate(102%)}.notification-drawer.open{transform:translate(0)}.drawer-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.drawer-list{gap:.75rem;display:grid;overflow-y:auto}.notification-card{color:inherit;text-align:left;gap:.55rem;padding:1rem;display:grid}.notification-card.unread{background:#4a2a1c0f;border-color:#4a2a1c2e}.login-shell{grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-showcase{border-right:1px solid var(--line);padding:3rem;position:relative;overflow:hidden}.login-gradient{background:radial-gradient(circle at 20% 20%,#c8a68142,#0000 24%),radial-gradient(circle at 78% 30%,#84604c2e,#0000 20%),linear-gradient(145deg,#4a2a1cf5,#634336e0);position:absolute;inset:0}.showcase-content{gap:1.35rem;max-width:620px;display:grid;position:relative}.showcase-content h1{margin:0;font-size:clamp(2.4rem,4vw,4.8rem);line-height:.98}.showcase-copy{color:#efe1d3;max-width:46rem;font-size:1.05rem;line-height:1.7}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.login-panel{place-items:center;padding:2rem;display:grid}.login-card{border:1px solid var(--line);width:min(100%,460px);box-shadow:var(--shadow);background:#fffcf8fa;border-radius:1.8rem;gap:1.5rem;padding:2rem;display:grid}.credential-card{background:#4a2a1c0a;border:1px dashed #4a2a1c33;border-radius:1.1rem;gap:.75rem;padding:1rem;display:grid}.credential-line code{color:#5b3827}.empty-state{border:1px dashed var(--line-strong);text-align:center;background:#ffffffb8;border-radius:1.5rem;place-items:center;gap:.65rem;min-height:300px;padding:1.5rem;display:grid}.login-showcase .eyebrow,.login-showcase h1,.login-showcase .highlight-card strong,.login-showcase .highlight-card span{color:#fff7ee}.login-showcase .highlight-card{box-shadow:none;background:#ffffff14;border-color:#ffffff14}.showcase-content h1{color:#fff7ee}:focus-visible{outline-offset:2px;outline:3px solid #4a2a1c38}@media (width<=1180px){.shell,.shell.sidebar-expanded,.shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{align-items:stretch;min-height:auto;position:static}.shell.sidebar-collapsed .sidebar-copy,.shell.sidebar-collapsed .nav-label,.shell.sidebar-collapsed .mini-user-copy{opacity:1;pointer-events:auto;white-space:normal;max-width:none;overflow:visible;transform:none}.shell.sidebar-collapsed .nav-link,.shell.sidebar-collapsed .sidebar-logout,.shell.sidebar-collapsed .brand-block,.shell.sidebar-collapsed .mini-user,.shell.sidebar-collapsed .sidebar-footer{justify-content:flex-start}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.crm-columns,.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-shell,.login-shell{grid-template-columns:1fr}.login-showcase{min-height:48vh}}@media (width<=860px){.page-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.panel,.hero-panel,.metrics-grid,.projects-layout>.panel:first-child,.projects-layout>.panel:nth-child(2),.documents-layout>.panel:first-child,.documents-layout>.panel:nth-child(2){grid-column:1/-1}.metrics-grid,.showcase-grid,.detail-grid,.document-meta,.form-grid.two-up,.calendar-grid,.workflow-grid,.summary-strip,.crm-stage-strip{grid-template-columns:1fr}.topbar,.hero-panel,.capacity-row,.list-row,.lead-detail-card,.intake-card{flex-direction:column;align-items:flex-start}.align-right,.intake-status{text-align:left;align-items:flex-start}.permission-row{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.data-table{min-width:640px}}
