:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f8fb;color:#1b1d22;--bg: #f7f8fb;--surface: #ffffff;--surface-soft: #f0f3f7;--surface-strong: #e6eaf0;--text: #1b1d22;--muted: #65707f;--border: #d9dfe8;--primary: #2563eb;--primary-strong: #1d4ed8;--primary-soft: #dbeafe;--success: #047857;--success-soft: #d1fae5;--warning: #b45309;--warning-soft: #fef3c7;--danger: #dc2626;--shadow: 0 16px 40px rgba(24, 33, 55, .08)}:root[data-theme=dark]{color-scheme:dark;background:#111318;color:#f4f6fb;--bg: #111318;--surface: #181b22;--surface-soft: #202530;--surface-strong: #2c3340;--text: #f4f6fb;--muted: #a0a9b8;--border: #333b49;--primary: #60a5fa;--primary-strong: #3b82f6;--primary-soft: #19324f;--success: #34d399;--success-soft: #123d31;--warning: #fbbf24;--warning-soft: #433515;--danger: #f87171;--shadow: 0 18px 45px rgba(0, 0, 0, .28)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:.75rem .85rem;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}textarea{resize:vertical}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.button,.icon-button,.nav-button,.text-button,.quiet-link{align-items:center;display:inline-flex;justify-content:center;gap:.45rem}.button{border:1px solid transparent;border-radius:8px;font-weight:700;min-height:2.6rem;padding:.65rem .95rem}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-strong)}.button-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button-secondary:hover,.icon-button:hover,.nav-button:hover{background:var(--surface-soft)}.full-width{width:100%}.icon-button{width:2.45rem;height:2.45rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);flex:0 0 auto}.icon-button.danger{color:var(--danger)}.text-button{border:0;background:transparent;color:var(--primary);font-weight:700;padding:.5rem}.quiet-link{color:var(--muted);font-size:.92rem;font-weight:700}.brand-mark{align-items:center;display:inline-flex;gap:.7rem;font-weight:800}.logo-mark{align-items:center;display:inline-flex;height:2.1rem;justify-content:center;width:2.1rem;--logo-shell: var(--text);--logo-line: var(--surface);--logo-flow: #60a5fa;--logo-dot: #34d399}.logo-mark svg{display:block;height:100%;width:100%}.logo-mark-large{height:2.65rem;width:2.65rem}.logo-mark-bg{fill:var(--logo-shell)}.logo-mark-line{fill:none;stroke:var(--logo-line);stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.logo-mark-flow{fill:none;stroke:var(--logo-flow);stroke-linecap:round;stroke-width:3.5}.logo-mark-dot{fill:var(--logo-dot)}.eyebrow{color:var(--primary);font-size:.78rem;font-weight:800;margin:0 0 .45rem;text-transform:uppercase}.screen-loader{align-items:center;display:flex;min-height:100vh;justify-content:center;color:var(--muted);font-weight:700}.screen-loader.inline{min-height:8rem}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.landing-page{min-height:100vh;padding:1.25rem}.landing-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1180px}.landing-hero{align-items:center;display:grid;gap:3rem;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);margin:0 auto;max-width:1180px;min-height:calc(100vh - 7rem);padding:3rem 0 5rem}.hero-copy h1{font-size:clamp(3.8rem,8vw,6.8rem);line-height:.92;margin:0}.hero-copy p:not(.eyebrow){color:var(--muted);font-size:1.2rem;line-height:1.7;margin:1.5rem 0;max-width:36rem}.hero-actions{display:flex;gap:.8rem}.product-preview{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-template-columns:5rem 1fr;min-height:470px;overflow:hidden}.preview-sidebar{align-items:center;background:var(--surface-soft);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem;padding-top:1.5rem}.preview-sidebar span{background:var(--surface-strong);border-radius:8px;height:2.4rem;width:2.4rem}.preview-main{display:flex;flex-direction:column;gap:1.2rem;padding:1.35rem}.preview-title{align-items:flex-start;display:flex;justify-content:space-between;gap:1rem}.preview-title strong{font-size:1.45rem}.preview-title p,.preview-card p,.preview-timeline span{color:var(--muted);margin:.35rem 0 0}.preview-grid{display:grid;gap:.9rem;grid-template-columns:repeat(3,1fr)}.preview-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:.65rem;min-height:150px;padding:1rem}.preview-timeline{border-left:2px solid var(--border);display:grid;gap:1rem;margin-left:.6rem;padding:1rem 0 0 1.2rem}.preview-timeline span{align-items:center;display:flex;gap:.5rem}.auth-page{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh;padding:1.25rem}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);max-width:440px;padding:1.4rem;width:100%}.auth-heading{display:grid;gap:.7rem;margin-bottom:1.3rem}.auth-heading h1{margin:0}.auth-heading p{color:var(--muted);line-height:1.5;margin:0}.app-shell{min-height:100vh}.app-topbar{align-items:center;background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.8rem 1.4rem;position:sticky;top:0;z-index:10}.topbar-actions{align-items:center;display:flex;gap:.55rem}.nav-button{border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-weight:700;min-height:2.45rem;padding:.5rem .75rem}.user-pill,.status-pill{align-items:center;background:var(--primary-soft);border-radius:999px;color:var(--primary);display:inline-flex;font-size:.82rem;font-weight:800;min-height:2rem;padding:.3rem .75rem}.app-main{margin:0 auto;max-width:1240px;padding:2rem 1.25rem 4rem}.page-heading,.workspace-heading{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.page-heading h1,.workspace-heading h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:0}.page-heading p,.workspace-heading p{color:var(--muted);margin:.6rem 0 0}.workspace-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}.workspace-card,.panel-section,.empty-state,.document-card,.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0f172a08}.workspace-card{display:flex;flex-direction:column;min-height:230px}.workspace-card-main{display:grid;flex:1;gap:1rem;padding:1rem}.workspace-card h2{font-size:1.25rem;margin:.8rem 0 0}.workspace-card p{color:var(--muted);line-height:1.5;margin:0}.metric-row{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin:0}.metric-row dt{color:var(--muted);font-size:.78rem;font-weight:700}.metric-row dd{font-weight:800;margin:.25rem 0 0}.card-actions{align-items:center;border-top:1px solid var(--border);display:flex;gap:.45rem;justify-content:flex-end;padding:.65rem}.empty-state{align-items:center;display:grid;justify-items:center;margin:1rem 0;min-height:220px;padding:2rem;text-align:center}.empty-state h3{margin:0 0 .4rem}.empty-state p{color:var(--muted);line-height:1.5;margin:0 0 1rem}.modal-backdrop{align-items:center;background:#0f172a6b;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.modal-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);max-height:calc(100vh - 2rem);max-width:620px;overflow:auto;padding:1rem;width:100%}.modal-header{align-items:flex-start;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.modal-header h2{margin:0}.modal-header p{color:var(--muted);margin:.45rem 0 0}.stack-form{display:grid;gap:.9rem}.form-grid{display:grid;gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:.4rem}.field span{color:var(--muted);font-size:.82rem;font-weight:800}.form-actions{display:flex;gap:.7rem;justify-content:flex-end}.form-error{background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:8px;color:var(--danger);font-weight:700;margin:0;padding:.7rem}.form-hint{background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 30%,transparent);border-radius:8px;color:var(--success);font-weight:700;line-height:1.45;margin:0;padding:.7rem}.listing-import-row{align-items:end;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto}.workspace-layout{align-items:start;display:grid;gap:1.1rem;grid-template-columns:230px minmax(0,1fr)}.workspace-tabs{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;gap:.3rem;padding:.45rem;position:sticky;top:5rem}.tab-button{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--muted);display:flex;gap:.55rem;font-weight:800;min-height:2.55rem;padding:.55rem .7rem;text-align:left}.tab-button.active,.tab-button:hover{background:var(--surface-soft);color:var(--text)}.workspace-panel{min-width:0}.panel-section{display:grid;gap:1.2rem;padding:1.1rem}.panel-heading{border-bottom:1px solid var(--border);padding-bottom:1rem}.panel-heading h2{margin:0}.panel-heading p{color:var(--muted);line-height:1.5;margin:.45rem 0 0}.toggle-row{display:flex;flex-wrap:wrap;gap:.8rem}.toggle-row label{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;display:inline-flex;gap:.5rem;padding:.7rem .8rem}.toggle-row input,.checkbox{width:auto}.inline-create,.document-upload{align-items:stretch;display:grid;gap:.65rem;grid-template-columns:minmax(220px,1.5fr) minmax(145px,.8fr) minmax(160px,1fr) auto}.inline-create.contact-create{grid-template-columns:repeat(6,minmax(120px,1fr)) auto}.inline-create.timeline-create{grid-template-columns:minmax(190px,1.35fr) 145px 165px minmax(160px,1fr) auto}.document-upload{grid-template-columns:minmax(220px,1.5fr) minmax(140px,.7fr) minmax(150px,1fr) auto}.list-stack{display:grid;gap:.6rem}.editable-item{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;display:grid;gap:.55rem;grid-template-columns:auto minmax(180px,1fr) 150px minmax(150px,1fr) auto auto;padding:.55rem}.editable-item.completed{opacity:.72}.editable-item.completed input:nth-of-type(2){text-decoration:line-through}.timeline-list{display:grid;gap:.8rem}.timeline-item{align-items:flex-start;display:grid;gap:.75rem;grid-template-columns:auto minmax(0,1fr) auto}.timeline-dot{background:var(--success);border:4px solid var(--success-soft);border-radius:999px;height:1rem;margin-top:.25rem;width:1rem}.timeline-item strong{display:block}.timeline-item p{color:var(--muted);line-height:1.45;margin:.25rem 0 0}.timeline-edit-grid{display:grid;gap:.55rem;grid-template-columns:minmax(180px,1fr) 145px 145px minmax(160px,1fr)}.item-actions{display:flex;gap:.45rem}.document-grid,.contact-grid{display:grid;gap:.85rem}.document-card{align-items:flex-start;display:grid;gap:.8rem;grid-template-columns:auto minmax(0,1fr) auto;padding:.85rem}.document-card p{color:var(--muted);margin:.25rem 0 0}.contact-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.contact-card{display:grid;gap:.65rem;padding:.85rem}.contact-card-header{align-items:center;display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) auto}.notes-layout{display:grid;gap:1rem;grid-template-columns:250px minmax(0,1fr);min-height:540px}.notes-list{border-right:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem;padding-right:.9rem}.note-tab{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--muted);display:grid;gap:.2rem;padding:.75rem;text-align:left}.note-tab.active,.note-tab:hover{background:var(--surface-soft);border-color:var(--border);color:var(--text)}.note-tab span{font-size:.82rem}.note-editor{display:flex;flex-direction:column;min-width:0}.note-editor-bar{align-items:center;display:grid;gap:.65rem;grid-template-columns:minmax(0,1fr) auto auto;margin-bottom:.7rem}.note-editor-bar span{color:var(--muted);font-size:.82rem;font-weight:800}.markdown-editor{flex:1;min-height:460px}@media(max-width:980px){.landing-hero,.workspace-layout,.notes-layout{grid-template-columns:1fr}.workspace-tabs{position:static;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.preview-grid,.form-grid,.form-grid.two,.inline-create,.inline-create.contact-create,.document-upload,.editable-item,.listing-import-row,.timeline-edit-grid,.document-card{grid-template-columns:1fr}.notes-list{border-right:0;border-bottom:1px solid var(--border);padding:0 0 .9rem}}@media(max-width:720px){.landing-page,.auth-page,.app-main{padding-left:1rem;padding-right:1rem}.app-topbar,.page-heading,.workspace-heading,.preview-title{align-items:flex-start;flex-direction:column}.topbar-actions{flex-wrap:wrap}.user-pill{max-width:100%;overflow-wrap:anywhere}.product-preview{grid-template-columns:1fr}.preview-sidebar{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;justify-content:center;padding:.8rem}.hero-copy h1{font-size:3.4rem}.form-actions,.card-actions{justify-content:stretch}.form-actions .button{flex:1}}
