@import "https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@400;500;600;700&family=Wix+Madefor+Text:wght@400;500;600;700&family=Oswald:wght@500;600;700&display=swap";
:root{--bs-dark-blue:#09223b;--bs-blue:#124475;--bs-mid-blue:#577898;--bs-light-blue:#86a0ba;--bs-pale-blue:#aec5d6;--bs-orange:#f76f00;--bs-orange-hover:#e26600;--bs-orange-soft:#fccea8;--bs-bright-blue:#01a8e6;--bs-bright-blue-soft:#a5e1f7;--bs-ink:#1c1e1f;--bs-muted:#3f3f3f;--bs-rule:#929799;--bs-paper:#f6f8fa;--bs-canvas:#f4f6f9;--bs-white:#fff;--bs-success:#2e7d57;--font-heading:"Familjen Grotesk", "Wix Madefor Text", "Helvetica Neue", Arial, sans-serif;--font-body:"Wix Madefor Text", "Familjen Grotesk", "Segoe UI", Arial, sans-serif;--font-accent:"Oswald", "Arial Black", "Helvetica Neue", sans-serif;--shadow-card:0 4px 12px #0000000d;--shadow-modal:0 6px 20px #00000014}*{box-sizing:border-box}html{background:var(--bs-white);min-height:100%;color:var(--bs-ink)}body{background:var(--bs-white);min-height:100vh;color:var(--bs-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,svg{display:block}:focus-visible{outline:2px solid var(--bs-bright-blue);outline-offset:2px}.brand-logo{color:var(--bs-dark-blue);font-family:var(--font-heading);letter-spacing:0;align-items:center;gap:12px;font-size:22px;font-weight:700;display:inline-flex}.brand-logo-mark{background:var(--bs-orange);width:42px;height:42px;color:var(--bs-white);font-family:var(--font-heading);border-radius:8px;place-items:center;font-size:24px;font-weight:700;line-height:1;display:grid}.brand-logo-wordmark{line-height:1}.brand-logo--compact{gap:0}.landing-page,.login-page{background:var(--bs-white);min-height:100vh;overflow-x:hidden}.landing-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #92979940;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,4vw,56px);display:flex;position:sticky;top:0}.landing-nav{color:var(--bs-muted);align-items:center;gap:22px;font-size:14px;font-weight:600;display:flex}.landing-nav a:hover{color:var(--bs-blue)}.hero{background:linear-gradient(90deg, #09223bf5, #124475e6), var(--bs-dark-blue);min-height:min(740px,100svh - 126px);color:var(--bs-white);grid-template-columns:minmax(0,.95fr) minmax(420px,1.15fr);align-items:center;gap:clamp(32px,6vw,72px);padding:clamp(34px,5vw,68px) clamp(20px,4vw,56px) clamp(32px,4vw,52px);display:grid}.hero-copy{min-width:0;max-width:620px}.hero h1,.login-copy h1{color:inherit;font-family:var(--font-heading);letter-spacing:0;margin:0;font-size:clamp(42px,6vw,72px);font-weight:600;line-height:1.04}.hero p,.login-copy p{color:#ffffffd6;margin:22px 0 0;font-size:clamp(17px,1.4vw,20px);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 20px;font-weight:700;transition:transform .16s,background .16s,border-color .16s,color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--bs-orange);color:var(--bs-white)}.button-primary:hover{background:var(--bs-orange-hover)}.button-secondary{color:currentColor;background:0 0;border:2px solid}.button-dark{background:var(--bs-dark-blue);color:var(--bs-white)}.button-quiet{background:var(--bs-paper);color:var(--bs-dark-blue);text-transform:none;letter-spacing:0;font-weight:700}.button-danger{color:#b42318;background:#fff1f0}.button-danger:hover{background:#fee4e2}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:560px;margin-top:42px;display:grid}.hero-proof strong{color:var(--bs-white);font-family:var(--font-heading);font-size:28px;font-weight:600;line-height:1;display:block}.hero-proof span{color:#ffffffb8;margin-top:7px;font-size:13px;line-height:1.35;display:block}.product-preview{background:var(--bs-canvas);border:1px solid #ffffff29;border-radius:12px;width:100%;min-width:0;overflow:hidden;box-shadow:0 26px 80px #00000057}.preview-shell{grid-template-columns:164px minmax(0,1fr);height:min(560px,58vh);display:grid}.preview-sidebar{background:var(--bs-dark-blue);padding:18px 10px}.preview-logo{color:var(--bs-white);font-family:var(--font-heading);border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;margin-bottom:18px;padding:0 6px 16px;font-weight:700;display:flex}.preview-logo-mark{background:var(--bs-orange);width:30px;height:30px;color:var(--bs-white);font-family:var(--font-accent);border-radius:6px;place-items:center;display:grid}.preview-nav-item{color:var(--bs-pale-blue);border-radius:6px;align-items:center;gap:9px;margin-bottom:4px;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.preview-nav-item.active{background:var(--bs-blue);color:var(--bs-white)}.preview-main{background:var(--bs-canvas);min-width:0}.preview-topbar{background:var(--bs-white);border-bottom:1px solid #e1e6ec;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.preview-title{color:var(--bs-ink);font-family:var(--font-heading);font-size:18px;font-weight:700}.preview-search{background:var(--bs-canvas);color:#5b6770;border-radius:8px;align-items:center;gap:8px;width:250px;padding:8px 12px;font-size:12px;display:flex}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.preview-content{grid-template-columns:minmax(0,1.7fr) minmax(220px,.75fr);gap:14px;padding:16px;display:grid}.preview-kpis{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.preview-card,.preview-panel,.preview-task{background:var(--bs-white);box-shadow:var(--shadow-card);border:1px solid #e1e6ec;border-radius:8px}.preview-card{padding:12px}.preview-card span{color:#5b6770;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.preview-card strong{color:var(--bs-ink);font-family:var(--font-heading);margin-top:8px;font-size:22px;display:block}.preview-panel{padding:14px}.preview-panel h3{color:var(--bs-ink);font-family:var(--font-heading);margin:0 0 12px;font-size:15px}.preview-bars{grid-template-columns:repeat(5,1fr);align-items:end;gap:7px;height:160px;display:grid}.preview-bar{background:var(--bs-blue);border-radius:6px 6px 2px 2px}.preview-task{color:var(--bs-muted);margin-top:8px;padding:10px;font-size:12px}.preview-task strong{color:var(--bs-ink);font-size:13px;display:block}.landing-band{background:var(--bs-white);padding:clamp(42px,6vw,78px) clamp(20px,4vw,56px)}.section-inner{max-width:1180px;margin:0 auto}.section-heading{max-width:720px}.section-heading h2{color:var(--bs-dark-blue);font-family:var(--font-heading);letter-spacing:0;margin:0;font-size:clamp(30px,4vw,48px);font-weight:600;line-height:1.12}.section-heading p{color:var(--bs-muted);margin:14px 0 0;font-size:18px;line-height:1.55}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.capability{background:var(--bs-white);min-height:210px;box-shadow:var(--shadow-card);border:1px solid #57789838;border-radius:12px;padding:24px}.capability svg{color:var(--bs-blue)}.capability h3{color:var(--bs-dark-blue);font-family:var(--font-heading);margin:18px 0 8px;font-size:23px;font-weight:600}.capability p{color:var(--bs-muted);margin:0;line-height:1.55}.login-page{grid-template-columns:minmax(0,.95fr) minmax(400px,540px);display:grid}.login-copy{background:var(--bs-dark-blue);min-height:100vh;color:var(--bs-white);flex-direction:column;justify-content:space-between;padding:clamp(28px,5vw,58px);display:flex}.login-logo-card{background:var(--bs-white);border-radius:8px;align-items:center;width:fit-content;padding:8px 12px;display:inline-flex}.login-benefits{gap:14px;margin-top:34px;display:grid}.login-benefit{color:#ffffffd1;align-items:flex-start;gap:12px;max-width:600px;display:flex}.login-benefit svg{color:var(--bs-orange);flex:none}.login-panel-wrap{background:var(--bs-paper);justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.login-panel{background:var(--bs-white);width:min(100%,430px);box-shadow:var(--shadow-modal);border:1px solid #57789833;border-radius:12px;padding:30px}.login-panel h2{color:var(--bs-dark-blue);font-family:var(--font-heading);margin:0;font-size:30px;font-weight:600}.login-panel p{color:var(--bs-muted);margin:8px 0 0}.form-stack{gap:16px;margin-top:24px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--bs-dark-blue);font-size:13px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--bs-mid-blue);width:100%;min-height:44px;color:var(--bs-ink);background:var(--bs-white);border-radius:8px;padding:11px 12px}.field textarea{resize:vertical;min-height:96px}.contact-form{margin:0 16px 18px;padding-top:14px}.form-section{border-top:1px solid #edf0f3;gap:12px;padding-top:14px;display:grid}.form-section:first-child{border-top:0;padding-top:0}.form-section-title{color:var(--bs-dark-blue);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:900}.form-subsection-title{color:#526071;margin-top:4px;font-size:12px;font-weight:800}.bulk-edit-form{margin:0}.bulk-field-toggle{width:fit-content;color:var(--bs-dark-blue);align-items:center;gap:8px;font-size:13px;font-weight:900;display:inline-flex}.bulk-field-toggle input{width:16px;height:16px;accent-color:var(--bs-blue)}.bulk-edit-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px;display:grid}.bulk-edit-field{background:#fbfcfd;border:1px solid #edf0f3;border-radius:8px;align-content:start;gap:8px;padding:10px;display:grid}.repeatable-list{gap:8px;display:grid}.repeatable-row{align-items:center;gap:8px;display:grid}.email-row{grid-template-columns:96px 128px minmax(220px,1fr) 40px}.phone-row{grid-template-columns:96px 128px minmax(160px,210px) minmax(220px,1fr) 40px}.program-row{grid-template-columns:minmax(220px,1fr) 128px minmax(150px,190px) 40px}.repeatable-header{color:#687384;text-transform:uppercase;font-size:11px;font-weight:800}.repeatable-row input,.repeatable-row select{border:1px solid var(--bs-mid-blue);width:100%;min-height:40px;color:var(--bs-ink);background:var(--bs-white);border-radius:8px;padding:9px 10px}.primary-toggle,.checkbox-card{color:var(--bs-ink);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.primary-toggle input,.checkbox-card input{width:16px;height:16px}.checkbox-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;display:grid}.checkbox-card{background:#fbfcfd;border:1px solid #d9dce0;border-radius:8px;min-height:40px;padding:8px 10px}.compact-checkbox{width:fit-content}.selected-chip-row{flex-wrap:wrap;gap:8px;display:flex}.selected-chip{min-height:34px;color:var(--bs-ink);background:#f8fafc;border:1px solid #cfd6df;border-radius:8px;align-items:center;gap:8px;padding:6px 8px 6px 10px;font-size:13px;font-weight:800;display:inline-flex}.selected-chip button{color:#53606f;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.selected-chip button:hover{color:var(--bs-ink);background:#e9eef4}.inline-field-row{grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:8px;display:grid}.inline-add{width:fit-content;min-height:40px}.sensitive-input-row{grid-template-columns:minmax(0,1fr) 44px;gap:8px;display:grid}.sensitive-input-row .icon-button{width:44px;height:44px}.form-warning,.form-note,.attention-line{border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.form-warning,.attention-line{color:#9b3d00;background:#fff2e8}.form-note{color:var(--bs-blue);background:#eef4f8}.row-actions{align-items:center;gap:6px;display:flex}.form-error,.form-success,.demo-note{border-radius:8px;padding:11px 12px;font-size:13px;line-height:1.45}.form-error{color:#9b3d00;background:#fff2e8}.form-success{color:#1b5a3c;background:#eaf6f0}.demo-note{background:var(--bs-paper);color:var(--bs-muted);margin-top:16px}.auth-switch{color:var(--bs-muted);margin-top:18px;font-size:14px}.auth-switch button{color:var(--bs-blue);cursor:pointer;background:0 0;border:0;font-weight:700}.app-shell{background:var(--bs-canvas);min-height:100vh;color:var(--bs-ink);grid-template-columns:230px minmax(0,1fr);display:grid}.app-sidebar{background:var(--bs-dark-blue);height:100vh;color:var(--bs-pale-blue);border-right:1px solid #ffffff14;flex-direction:column;padding:18px 12px;display:flex;position:sticky;top:0}.app-sidebar-header{display:contents}.app-sidebar-logo{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:12px;padding:0 8px 18px;display:flex}.app-sidebar-logo-mark{background:var(--bs-orange);width:34px;height:34px;color:var(--bs-white);font-family:var(--font-heading);border-radius:8px;place-items:center;font-size:20px;font-weight:700;line-height:1;display:grid}.app-sidebar-logo-wordmark{color:var(--bs-white);font-family:var(--font-heading);font-size:24px;font-weight:700;line-height:1}.mobile-nav-toggle{display:none}.side-nav{gap:3px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.side-nav-divider{border-radius:999px;width:calc(100% - 20px);height:1px;margin:8px 10px 5px;display:block}.side-nav-divider--blue{background:#01a8e6b8}.side-nav-divider--light{background:#a5e1f79e}.side-nav-button{width:100%;color:var(--bs-pale-blue);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:700;display:flex}.side-nav-button:hover,.side-nav-button.active{background:var(--bs-blue);color:var(--bs-white)}.nav-badge{background:#ffffff1f;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px}.sidebar-user{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:auto;padding:14px 8px 0;display:flex}.avatar{background:var(--bs-orange);width:34px;height:34px;color:var(--bs-white);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.avatar-square{background:var(--bs-blue);font-family:var(--font-accent);letter-spacing:.02em;border-radius:7px}.sidebar-user strong{color:var(--bs-white);font-size:13px;display:block}.sidebar-user span{color:#ffffffa6;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.app-main{min-width:0}.app-topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #e1e6ec;align-items:center;gap:14px;padding:14px 24px;display:flex;position:sticky;top:0}.topbar-title{flex:1;min-width:190px}.topbar-title span{color:#5b6770;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.topbar-title strong{color:var(--bs-ink);font-family:var(--font-heading);font-size:20px;font-weight:700;display:block}.global-search{background:var(--bs-canvas);color:#5b6770;border:1px solid #e1e6ec;border-radius:8px;flex:0 390px;align-items:center;gap:8px;min-width:280px;max-width:390px;padding:8px 10px;font-size:13px;display:flex}.global-search kbd{background:var(--bs-white);border:1px solid #d9dce0;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px}.global-search input{width:100%;min-width:0;color:var(--bs-ink);background:0 0;border:0;outline:0;padding:0}.global-search input::placeholder{color:#5b6770}.icon-button{min-width:40px;height:40px;color:var(--bs-ink);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.icon-button:hover{background:var(--bs-canvas)}.icon-button-danger{color:#b42318}.icon-button-danger:hover{color:#921b13;background:#fff1f0}.app-shell .button{letter-spacing:0;text-transform:none;border-radius:7px;min-height:36px;padding:7px 12px;font-size:12px;font-weight:800;line-height:1.2}.app-shell .button svg{width:14px;height:14px}.app-shell .button-secondary{border-width:1px}.app-shell .icon-button{border-radius:7px;width:34px;min-width:34px;height:34px}.app-shell .sensitive-input-row .icon-button{width:44px;min-width:44px;height:44px}.app-page{padding:20px 24px 32px}.grid{gap:14px;display:grid}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.panel,.table-card{background:var(--bs-white);box-shadow:var(--shadow-card);border:1px solid #e1e6ec;border-radius:8px}.card{padding:16px}.kpi-label{color:#5b6770;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}.kpi-value{color:var(--bs-ink);font-family:var(--font-heading);margin-top:8px;font-size:29px;font-weight:700;line-height:1}.kpi-delta{color:var(--bs-success);align-items:center;gap:4px;margin-top:10px;font-size:12px;font-weight:800;display:inline-flex}.content-grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);margin-top:14px}.feedback-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);margin-top:14px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ticket-toolbar{gap:14px;margin-bottom:14px;display:grid}.ticket-filter-row{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.ticket-list{gap:12px;display:grid}.ticket-card{background:var(--bs-white);box-shadow:var(--shadow-card);border:1px solid #e1e6ec;border-radius:8px;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:14px;padding:14px;display:grid}.ticket-card-main{grid-template-columns:30px minmax(0,1fr);gap:10px;display:grid}.ticket-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ticket-title-row h3{color:var(--bs-ink);font-family:var(--font-heading);margin:0;font-size:16px}.ticket-body{color:#334155;margin:10px 0;font-size:13px;line-height:1.5}.ticket-card-controls{gap:10px;display:grid}.ticket-notes textarea{min-height:96px}.panel{padding:16px}.panel-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.panel-title{color:var(--bs-ink);font-family:var(--font-heading);margin:0;font-size:17px;font-weight:700}.panel-subtitle{color:#5b6770;margin:2px 0 0;font-size:12px}.pill-row{flex-wrap:wrap;gap:6px;display:flex}.pill{background:var(--bs-white);color:#5b6770;border:1px solid #d9dce0;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.pill.active{border-color:var(--bs-blue);background:var(--bs-blue);color:var(--bs-white)}.pill-button{cursor:pointer}.pill-button:hover{border-color:var(--bs-mid-blue);color:var(--bs-blue)}.pill-button.active:hover{border-color:var(--bs-blue);color:var(--bs-white)}.bar-chart{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:9px;height:220px;display:grid}.bar-wrap{align-items:end;gap:8px;height:100%;display:grid}.bar{border-radius:7px 7px 2px 2px;min-height:24px}.bar-label{color:#5b6770;text-align:center;font-size:11px;font-weight:800}.activity-list,.task-list,.contact-list{gap:10px;display:grid}.activity-item,.task-item,.contact-item{background:#fbfcfd;border:1px solid #edf0f3;border-radius:8px;align-items:flex-start;gap:10px;padding:11px;display:flex}.activity-icon{width:30px;height:30px;color:var(--bs-blue);background:#eef4f8;border-radius:7px;flex:none;place-items:center;display:grid}.item-title{color:var(--bs-ink);font-size:13px;font-weight:800}.item-meta{color:#5b6770;font-size:12px}.task-check{background:var(--bs-white);width:22px;height:22px;color:var(--bs-success);cursor:pointer;border:1px solid #cfd8e2;border-radius:6px;flex:none;place-items:center;display:grid}.task-item.done{opacity:.62}.task-item.done .item-title{text-decoration:line-through}.table-card{overflow:hidden}.table-toolbar{border-bottom:1px solid #e1e6ec;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.filter-table-toolbar{flex-wrap:wrap;align-items:flex-start}.table-filter-builder{flex:760px;gap:10px;min-width:min(100%,520px);display:grid}.filter-builder-header,.filter-builder-actions,.table-toolbar-actions,.toolbar-note{align-items:center;gap:8px;display:flex}.filter-builder-header{justify-content:space-between}.filter-builder-title{color:var(--bs-dark-blue);align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.filter-result-count,.toolbar-note{color:#5b6770;font-size:12px;font-weight:700}.filter-builder-list{gap:8px;display:grid}.filter-builder-row{grid-template-columns:minmax(170px,1fr) minmax(145px,.85fr) minmax(180px,1.1fr) 40px;align-items:center;gap:8px;display:grid}.filter-builder-row input,.filter-builder-row select{border:1px solid var(--bs-mid-blue);background:var(--bs-white);width:100%;min-height:40px;color:var(--bs-ink);border-radius:8px;padding:9px 10px}.filter-builder-row input:disabled{color:#6b7280;background:#f8fafc;border-color:#d9dce0}.filter-builder-actions{flex-wrap:wrap}.table-toolbar-actions{flex-wrap:wrap;flex:none;justify-content:flex-end}.bulk-action-bar{background:#fbfcfd;border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.bulk-action-bar strong{color:var(--bs-dark-blue);font-size:13px}.bulk-action-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{color:#5b6770;letter-spacing:.04em;text-align:left;text-transform:uppercase;background:#f8fafc;padding:10px 12px;font-size:11px;font-weight:800}.data-table td{vertical-align:middle;border-top:1px solid #edf0f3;padding:12px}.data-table .selection-cell{text-align:center;width:42px;padding-right:4px}.selection-cell input{width:16px;height:16px;accent-color:var(--bs-blue)}.data-table .clickable-row{cursor:pointer;outline:0}.data-table .clickable-row:hover,.data-table .clickable-row:focus-visible{background:#f8fafc}.contact-detail-card{gap:16px;display:grid}.contact-detail-heading{align-items:center;gap:12px;min-width:0;display:flex}.contact-detail-section{gap:10px;display:grid}.detail-list{gap:8px;display:grid}.detail-row{background:#fbfcfd;border:1px solid #edf0f3;border-radius:8px;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:12px;padding:10px 12px;display:grid}.detail-row span{color:#687384;text-transform:uppercase;font-size:11px;font-weight:800}.detail-row strong{min-width:0;color:var(--bs-ink);overflow-wrap:anywhere;font-size:13px}.board-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.pipeline-control-cluster{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.pipeline-picker{color:#5b6770;align-items:center;gap:8px;min-width:min(320px,100%);font-size:12px;font-weight:800;display:flex}.pipeline-picker span,.stage-builder-header span,.stage-color-field span{color:var(--bs-dark-blue);font-size:12px;font-weight:800}.pipeline-picker select{background:var(--bs-white);min-width:0;min-height:38px;color:var(--bs-ink);border:1px solid #d9dce0;border-radius:8px;flex:1;padding:8px 10px}.segmented{background:var(--bs-white);border:1px solid #d9dce0;border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{color:#5b6770;cursor:pointer;background:0 0;border:0;min-height:38px;padding:8px 13px;font-weight:800}.segmented button.active{background:var(--bs-blue);color:var(--bs-white)}.stage-builder{gap:10px;display:grid}.stage-builder-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.stage-builder-row{background:#fbfcfd;border:1px solid #edf0f3;border-radius:8px;grid-template-columns:minmax(180px,1fr) 88px minmax(130px,.45fr) auto;align-items:end;gap:10px;padding:10px;display:grid}.stage-color-field{gap:7px;display:grid}.stage-color-field input{border:1px solid var(--bs-mid-blue);background:var(--bs-white);border-radius:8px;width:58px;min-height:44px;padding:4px}.stage-row-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.icon-button:disabled{cursor:not-allowed;opacity:.42}.icon-button:disabled:hover{background:0 0}.screen-overlay{z-index:60;background:#09223b80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.screen-dialog{border-radius:10px;width:min(880px,100%);max-height:min(900px,100vh - 48px);overflow:auto;box-shadow:0 18px 46px #09223b3d}.screen-dialog-wide{width:min(1180px,100%)}.screen-dialog>.panel{margin:0!important}.kanban{grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;padding-bottom:10px;display:grid;overflow-x:auto}.stage{background:#f8fafc;border:1px solid #e1e6ec;border-radius:8px;min-height:560px}.stage-header{border-bottom:1px solid #e1e6ec;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.stage-title{color:var(--bs-ink);font-size:13px;font-weight:900}.stage-value{color:#5b6770;font-size:11px}.deal-card{background:var(--bs-white);box-shadow:var(--shadow-card);border:1px solid #e1e6ec;border-radius:8px;margin:10px;padding:12px}.deal-card button{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.deal-title{color:var(--bs-ink);font-size:13px;font-weight:900}.deal-company{color:#5b6770;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.deal-meta{color:#5b6770;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:12px;font-weight:800;display:flex}.status-tag{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:900;display:inline-flex}.status-hot{color:#b64700;background:#fff2e8}.status-stuck{color:var(--bs-blue);background:#eef4f8}.detail-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.75fr);gap:14px;display:grid}.record-header{background:var(--bs-white);border:1px solid #e1e6ec;border-radius:8px;margin-bottom:14px;padding:18px}.record-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.record-heading h1{color:var(--bs-ink);font-family:var(--font-heading);letter-spacing:0;margin:0;font-size:32px;font-weight:700;line-height:1.12}.stage-progress{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:18px;display:grid}.stage-step{background:#dce4ec;border-radius:999px;height:8px}.stage-step.done{background:var(--bs-blue)}.tabs{border-bottom:1px solid #e1e6ec;gap:6px;margin-bottom:14px;display:flex}.tabs button{color:#5b6770;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 12px;font-size:13px;font-weight:800}.tabs button.active{border-color:var(--bs-orange);color:var(--bs-dark-blue)}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.info-cell{background:#fbfcfd;border:1px solid #edf0f3;border-radius:8px;padding:11px}.info-cell span{color:#5b6770;text-transform:uppercase;font-size:11px;font-weight:800}.info-cell strong{color:var(--bs-ink);margin-top:4px;font-size:14px;display:block}.empty-state{color:#5b6770;text-align:center;background:#fbfcfd;border:1px dashed #cfd8e2;border-radius:8px;padding:28px}@media (max-width:1160px){.hero,.login-page{grid-template-columns:1fr}.hero{min-height:auto}.product-preview{max-width:920px}.preview-shell{height:auto;min-height:520px}.login-copy,.login-panel-wrap{min-height:auto}.capability-grid,.content-grid,.feedback-grid,.ticket-card,.detail-layout,.form-grid-2{grid-template-columns:1fr}}@media (max-width:860px){.landing-nav{display:none}.landing-header{position:static}.hero{gap:28px;padding-block:38px}.hero-proof,.preview-kpis,.kpi-grid{grid-template-columns:1fr}.preview-shell{grid-template-columns:1fr;min-height:0}.preview-sidebar{display:none}.preview-topbar{flex-direction:column;align-items:flex-start}.preview-search{width:100%}.preview-content{grid-template-columns:1fr}.login-copy{gap:34px;min-width:0}.login-copy>div,.login-copy small,.login-panel{width:min(100%,350px)}.login-copy h1,.login-copy p,.login-benefit{max-width:100%}.app-shell{grid-template-columns:1fr;overflow-x:hidden}.app-sidebar{height:auto;padding:12px;position:static}.app-sidebar-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.app-sidebar-logo{border-bottom:0;margin-bottom:0;padding:0 4px}.app-sidebar-logo-mark{width:32px;height:32px}.mobile-nav-toggle{width:42px;height:42px;color:var(--bs-white);cursor:pointer;background:#ffffff14;border:1px solid #a5e1f75c;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.mobile-nav-toggle:hover,.mobile-nav-toggle:focus-visible{background:var(--bs-blue)}.side-nav,.sidebar-user{display:none}.app-sidebar.mobile-open .side-nav{border-top:1px solid #ffffff1a;margin-top:14px;padding:14px 2px 0 0;display:grid}.app-sidebar.mobile-open .sidebar-user{margin-top:12px;display:flex}.app-topbar{flex-wrap:wrap}.global-search{flex-basis:100%;order:3;min-width:100%}.pipeline-picker{flex:240px}.table-filter-builder,.table-toolbar-actions{flex-basis:100%;width:100%;min-width:0}.filter-builder-row{grid-template-columns:1fr}.stage-builder-row{grid-template-columns:minmax(180px,1fr) 88px minmax(130px,.5fr)}.stage-row-actions{grid-column:1/-1}.email-row,.phone-row,.program-row,.inline-field-row,.bulk-edit-grid{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.kanban{grid-template-columns:repeat(5,minmax(250px,1fr))}}@media (max-width:520px){html,body{max-width:100vw;overflow-x:hidden}.brand-logo-mark{width:38px;height:38px;font-size:22px}.hero h1,.login-copy h1{font-size:40px}.hero-actions .button{flex:100%}.hero-proof{gap:12px}.login-copy,.login-panel-wrap,.app-page{padding-inline:20px}.login-page{width:100%;max-width:100vw;display:block}.login-copy,.login-panel-wrap{width:100%;min-width:0;max-width:100vw}.login-panel{width:min(100%,350px);max-width:calc(100vw - 40px);padding:24px}.login-copy h1,.login-copy p,.login-benefit span,.login-panel p,.demo-note{overflow-wrap:anywhere}.app-topbar{gap:10px;padding:14px 20px}.topbar-title{min-width:100%}.app-topbar .icon-button{display:none}.app-topbar .button{flex:100%;width:100%}.global-search{order:4}.board-controls,.pipeline-control-cluster,.pipeline-picker,.stage-builder-header{align-items:stretch;width:100%}.pipeline-control-cluster,.stage-builder-header{flex-direction:column}.pipeline-picker{min-width:0}.stage-builder-row{grid-template-columns:1fr}.stage-row-actions{justify-content:flex-start}.filter-builder-header,.table-toolbar-actions{flex-direction:column;align-items:stretch}.checkbox-grid{grid-template-columns:1fr}.screen-overlay{align-items:stretch;padding:12px}.screen-dialog,.screen-dialog-wide{width:100%;max-height:calc(100vh - 24px)}}