@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#252339;font-synthesis:none;--navy:#1b0b67;--navy-light:#eeeaf9;--wine:#875365;--muted:#797687;--line:#e9e7ef;--red:#b94b62;--green:#337765;--amber:#8a682b;background:#f7f8fc;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button,input,textarea,select{border-radius:8px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #a695d9}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{letter-spacing:-1px;font-size:29px;font-weight:800;line-height:1.3}h2{letter-spacing:-.3px;font-size:17px}h3{font-size:15px}svg{vertical-align:middle;flex-shrink:0}.muted,small{color:var(--muted)}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.eyebrow{letter-spacing:1.6px;color:var(--wine);font-size:10px;font-weight:700}.plain{text-align:left;color:inherit;background:0 0;border:0;padding:0}.button{color:var(--navy);white-space:nowrap;background:#fff;border:1px solid #ddd9e8;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:11px 16px;font-size:12px;font-weight:650;transition:background .15s,box-shadow .15s;display:inline-flex}.button:hover{background:#f2eef9}.button.primary{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 3px 7px #1b0b6714}.button.primary:hover{background:#322178}.button.small{min-height:33px;padding:7px 11px;font-size:11px}.button.danger{color:var(--red);background:#fff8f9;border-color:#f0d7de;margin-right:auto}.icon-button{color:#82778e;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover{background:var(--navy-light);color:var(--navy)}.text-button{color:var(--navy);background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:11px;font-weight:650;display:inline-flex}.text-button:hover{text-decoration:underline}.button-row{flex-wrap:wrap;gap:8px;display:flex}.full-button{width:100%}.pill{color:#72617b;white-space:nowrap;background:#f4f1f8;border:1px solid #0000;border-radius:5px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:600;display:inline-flex}.pill.blue{color:#5b468e;background:#efedf9}.pill.amber{color:var(--amber);background:#fcf4e6}.pill.red{color:#b4576c;background:#fdf0f3}.pill.green{color:#387c6b;background:#ecf6f2}.pill.purple{color:#8a6098;background:#f0e8f6}.priority-dot{background:var(--wine);border-radius:50%;width:7px;height:7px}.avatar{color:#62538b;background:#f1edf8;border:1px solid #e7e0f3;border-radius:10px;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:11px;font-weight:700;display:grid}.avatar.large{border-radius:17px;width:62px;height:62px;font-size:19px}.boot{min-height:100svh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;font-size:13px;display:flex}.boot img{width:170px;margin-bottom:15px}.app-layout{min-height:100svh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:25;background:#fff;flex-direction:column;width:228px;padding:22px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-self:center;display:block}.brand img{object-fit:contain;width:134px;height:134px;display:block}.workspace-label{letter-spacing:1.25px;color:#8d829d;justify-content:center;align-items:center;gap:6px;margin:17px 0 24px;font-size:8px;font-weight:650;display:flex}.workspace-label span{background:var(--wine);border-radius:50%;width:5px;height:5px}.sidebar nav{gap:5px;display:grid}.sidebar nav button{text-align:left;color:#827a8f;background:0 0;border:0;align-items:center;gap:13px;padding:13px 14px;font-size:12px;font-weight:550;display:flex}.sidebar nav button:hover{color:var(--navy);background:#f7f4fb}.sidebar nav button.active{color:var(--navy);background:#efebf8;font-weight:700}.nav-count{color:var(--navy);background:#e1daf0;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:25px}.sync-box{border:1px solid var(--line);background:#f8f7fb;border-radius:10px;padding:13px}.sync-box strong{align-items:center;gap:6px;font-size:10px;display:flex}.sync-dot{background:#579184;border-radius:50%;width:6px;height:6px}.sync-dot.pending{background:#c3923b}.sync-dot.error{background:var(--red)}.sync-box p{color:var(--muted);margin:6px 0;font-size:10px;line-height:1.6}.sync-box button{color:var(--navy);background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:9px;font-weight:650;display:flex}.account{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:18px;padding-top:16px;display:flex}.account strong{text-overflow:ellipsis;max-width:95px;font-size:11px;display:block;overflow:hidden}.account small{font-size:9px}.account .icon-button{margin-left:auto}.main{width:calc(100% - 228px);min-width:0;margin-left:228px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px;height:76px;padding:0 34px;display:flex}.breadcrumb{color:#aaa3b3;white-space:nowrap;font-size:11px}.breadcrumb span{color:#ccc6d6;padding:0 12px}.breadcrumb strong{color:#6e667d;font-weight:500}.topbar-actions{align-items:center;gap:9px;display:flex}.mobile-menu{display:none}.content{max-width:1510px;margin:auto;padding:31px 34px 42px}.demo-banner{letter-spacing:.15px;color:#6b528d;background:#eee9f8;justify-content:space-between;align-items:center;padding:7px 34px;font-size:10px;display:flex}.demo-banner button{color:var(--navy);background:0 0;border:0;align-items:center;gap:5px;font-size:10px;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;display:flex}.page-heading .eyebrow{margin-bottom:10px;display:block}.page-heading p{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.7}.date-chip{border:1px solid var(--line);color:#82798d;white-space:nowrap;background:#fff;border-radius:7px;align-items:center;gap:6px;padding:9px 10px;font-size:10px;display:flex}.hero{background:linear-gradient(115deg,#ede8f7 0%,#f4eff8 55%,#f1eef7 100%);border:1px solid #e4ddef;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:26px 27px;display:flex;position:relative;overflow:hidden}.hero>div:first-child{z-index:1;max-width:580px}.hero .eyebrow{color:#8c6785;font-size:9px}.hero h2{color:var(--navy);letter-spacing:-.7px;margin:9px 0 8px;font-size:22px;font-weight:800}.hero p{color:#877a94;font-size:11px;line-height:1.8}.hero>.button{z-index:1}.hero-lines{pointer-events:none;border:1px solid #ded4e95c;border-radius:50%;width:280px;height:280px;position:absolute;top:-95px;right:25px;box-shadow:0 0 0 28px #e5daeb4a,0 0 0 56px #ebe0ee4a}.metrics{grid-template-columns:repeat(4,1fr);gap:15px;margin:23px 0;display:grid}.metric{text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:18px 17px;box-shadow:0 2px 2px #24203902}.metric>span{color:#8b809a;justify-content:space-between;align-items:center;gap:7px;font-size:10px;display:flex}.metric>span svg{color:#9b8bac}.metric strong{color:var(--navy);letter-spacing:-1px;margin:11px 0 6px;font-size:29px;font-weight:600;display:block}.metric small{color:#9a92a4;font-size:9px}.metric.alert strong{color:var(--wine)}.metric:hover{border-color:#d4c8e7;box-shadow:0 4px 14px #1b0b6708}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr);gap:20px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 17px;display:flex}.panel-heading h2{font-size:14px;font-weight:750}.panel-description{color:var(--muted);padding:0 20px 12px;font-size:10px;line-height:1.6}.section-gap{margin-top:20px}.tabs{border-bottom:1px solid var(--line);scrollbar-width:thin;align-items:center;gap:14px;padding:0 20px;display:flex;overflow-x:auto}.tabs button{color:#9b90a6;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0 0 12px;font-size:10px;font-weight:550}.tabs button.active{border-color:var(--navy);color:var(--navy);font-weight:700}.tabs.standalone{gap:24px;margin:15px 0 20px;padding:0}.task-row{border-bottom:1px solid #f0edf4;align-items:center;gap:12px;padding:17px 20px;display:flex}.task-row:last-child{border-bottom:0}.task-check{color:#fff;background:#fff;border:1px solid #dad2e4;border-radius:6px;flex-shrink:0;place-items:center;width:18px;height:18px;padding:0;display:grid}.task-check:hover{border-color:var(--navy);background:#f0ecf8}.task-check.done{background:#4f8a78;border-color:#4f8a78}.task-body{flex:1;min-width:0}.client-link{color:#4a3b61;font-size:12px;font-weight:650}.client-link:hover{color:var(--navy);text-decoration:underline}.task-body p{color:#8b8197;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.task-body small{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin-top:5px;font-size:9px;display:flex;overflow:hidden}.task-actions{align-items:center;gap:2px;display:flex}.mini-list{padding:0 20px 8px}.mini-client{border-bottom:1px solid #f1eef6;align-items:center;gap:10px;padding:12px 0;display:flex}.mini-client:last-child{border:0}.mini-client>div:nth-child(2){flex:1;min-width:0}.mini-client .client-link{font-size:11px}.mini-client small{white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:9px;display:block;overflow:hidden}.recent-contact{text-align:left;background:#fff;border:0;border-bottom:1px solid #f0edf4;border-radius:0;align-items:center;gap:12px;width:100%;padding:16px 20px;display:flex}.recent-contact:hover{background:#fbf9fd}.recent-contact>div:nth-child(2){flex:1;min-width:0}.recent-contact strong{color:#514364;font-size:11px;font-weight:600}.recent-contact p{color:#9b8fa8;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;overflow:hidden}.recent-contact small{white-space:nowrap;font-size:9px}.recent-contact>svg{color:#b6aabd}.contact-icon{color:#8b72af;background:#f3eef9;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.contact-icon.visit{color:var(--wine);background:#f8eff2}.install-card{color:#76608e;background:#f0ecf7;border:1px solid #e5ddf0;border-radius:11px;padding:23px 21px}.install-card h3{color:#4e386f;margin:11px 0 9px;font-size:13px}.install-card p{color:#907f9d;margin-bottom:12px;font-size:10px;line-height:1.9}.empty{text-align:center;padding:35px 22px}.empty-mark{color:#b7a6ce;background:#f7f4fb;border-radius:14px;place-items:center;width:47px;height:47px;margin:0 auto 13px;display:grid}.empty h3{color:#736482;font-size:13px}.empty p{color:#a097a9;max-width:330px;margin:8px auto 14px;font-size:11px;line-height:1.8}.filters{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.search-field{border:1px solid var(--line);color:#a59ab1;background:#fff;border-radius:8px;flex:1;align-items:center;gap:9px;min-width:220px;padding:0 12px;display:flex}.search-field input{color:#514260;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:12px 0;font-size:11px}.search-field:focus-within{border-color:#b3a0d2}.filters select,.list-heading select{border:1px solid var(--line);color:#81738f;background:#fff;padding:11px 28px 11px 10px;font-size:11px}.list-heading{color:#9d90ac;justify-content:space-between;align-items:center;margin:22px 0 13px;font-size:11px;display:flex}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}th{text-align:left;color:#a593b6;letter-spacing:.4px;border-bottom:1px solid var(--line);background:#fcfbfe;padding:14px 17px;font-size:9px;font-weight:650}td{color:#7e6b93;border-bottom:1px solid #f0edf4;padding:20px 17px}tr:last-child td{border-bottom:0}td small{color:#a596b2;margin-top:7px;font-size:9px;display:block}.table-client{align-items:center;gap:10px;display:flex}.table-client .client-link{font-size:11px}.history-panel{padding:0 23px}.history-group{border-bottom:1px solid var(--line);padding:22px 0 0}.history-group:last-child{border-bottom:0}.history-client{color:#665276;background:0 0;border:0;align-items:center;gap:9px;margin-bottom:15px;padding:0;font-size:12px;font-weight:650;display:flex}.timeline{padding:5px 0}.timeline-item{border-left:1px solid #e8dfef;margin-left:16px;padding:0 0 27px 29px;position:relative}.timeline-item:last-child{border-left-color:#0000}.timeline-dot{color:#9079a8;background:#f3edf9;border-radius:8px;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:0;left:-14px}.timeline-dot.visit{color:var(--wine);background:#f7eef2}.timeline-top{align-items:center;gap:12px;min-height:27px;margin-bottom:10px;display:flex}.timeline-top h3{color:#775c8d;font-size:11px;font-weight:600}.timeline-top>span{color:#a693b5;margin-left:auto;font-size:10px}.timeline-top .text-button{font-size:10px}.timeline-item p{color:#82708f;font-size:12px;line-height:1.85}.timeline-item>small{margin-top:9px;font-size:10px;display:block}.visit-note{color:#9e748e;background:#f9f4f7;border:1px solid #eee2e9;border-radius:7px;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:11px;padding:12px;font-size:10px;display:flex}.visit-note strong{color:#8c5674}.timeline-next{color:#9e8aac;background:#faf8fd;border-radius:7px;align-items:center;gap:7px;margin-top:14px;padding:10px 12px;font-size:10px;display:flex}.timeline-next .pill{margin-left:auto}.calendar-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.calendar-heading h2{text-transform:capitalize}.calendar-heading>div{gap:6px;display:flex}.calendar-grid{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.weekday{text-align:center;color:#a494b3;background:#f9f7fc;padding:13px;font-size:10px}.calendar-day{text-align:left;color:#9281a2;background:#fff;border:0;border-radius:0;flex-direction:column;align-items:flex-start;gap:16px;min-height:96px;padding:13px;font-size:12px;display:flex;box-shadow:0 0 0 1px #f1edf6}.calendar-day b{font-weight:500}.calendar-day span{color:#8f769f;background:#f3edf8;border-radius:4px;padding:5px 7px;font-size:10px}.calendar-day em{font-style:normal}.calendar-day:hover{background:#faf7fd}.calendar-day.today b{color:var(--navy);font-weight:800}.calendar-day.selected{background:#f1ecf9;box-shadow:inset 0 0 0 1px #c6b6dd}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-grid .panel{padding:25px}.section-icon{color:#937da8;background:#f4eef9;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:17px;display:grid}.settings-grid h2{color:#675079;font-size:15px}.settings-grid p{color:#9b85ac;margin:10px 0 20px;font-size:12px;line-height:1.9}.settings-grid .button{font-size:11px}.connection-banner{color:#967549;background:#fff8e9;border:1px solid #efdfc6;border-radius:8px;justify-content:space-between;align-items:center;gap:13px;margin-bottom:22px;padding:13px 16px;font-size:11px;display:flex}.connection-banner.error{color:#aa6179;background:#fff0f4;border-color:#efd6e0}.offline-tag{color:#b27382;align-items:center;gap:5px;font-size:10px;display:flex}.notice{color:#8d6c9f;background:#f4edf9;border:1px solid #e3d8ef;border-radius:9px;margin:16px 0;padding:16px;font-size:12px;line-height:1.8}.notice.error{color:#ad637c;background:#fff2f5;border-color:#eed3dd}.notice.green{color:#578a78;background:#eff8f4;border-color:#d5e9e1}.notice h3{margin-bottom:8px}.notice .button-row{margin-top:13px}.modal{color:#514160;background:#fff;border:1px solid #e6dfee;border-radius:14px;width:min(660px,100vw - 28px);max-height:90svh;padding:0;box-shadow:0 20px 90px #170b3930}.modal.wide{width:min(800px,100vw - 28px)}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#21133966}.modal-header{z-index:1;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:20px 25px;display:flex;position:sticky;top:0}.modal-header h2{color:var(--navy);font-size:17px}.modal-body{padding:24px 25px}.form-grid{grid-template-columns:1fr 1fr;gap:18px 16px;display:grid}.field{color:#907699;flex-direction:column;gap:8px;min-width:0;font-size:11px;font-weight:550;display:flex}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{color:#705180;background:#fdfcfe;border:1px solid #e4daed;width:100%;min-height:42px;padding:11px 12px;font-size:12px}.field textarea{resize:vertical;min-height:84px;line-height:1.8}.field input::placeholder,.field textarea::placeholder{color:#b7a7c3}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#bda4d5}.checkbox-line{color:#a58aad;align-items:center;gap:8px;font-size:11px;font-weight:400;line-height:1.6;display:flex}.checkbox-line.full{grid-column:1/-1}.checkbox-line input{accent-color:var(--navy);flex-shrink:0;width:15px;height:15px}.form-section{border-top:1px solid var(--line);margin-top:25px;padding-top:23px}.form-section h3{color:#8a649a;align-items:center;gap:7px;margin-bottom:15px;font-size:13px;display:flex}.form-section>.muted{margin:-6px 0 16px;font-size:11px}.form-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:25px;padding-top:20px;display:flex}.form-error{color:#b65277;margin-top:15px;font-size:12px;line-height:1.7}.profile-heading{align-items:center;gap:15px;display:flex}.profile-heading h2{color:var(--navy);margin-bottom:9px;font-size:24px}.profile-heading>.button{margin-left:auto}.profile-pills{gap:7px;display:flex}.profile-actions{flex-wrap:wrap;gap:8px;margin:25px 0 23px;display:flex}.profile-details{background:#faf7fd;border:1px solid #eee4f4;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:17px 20px;padding:21px;display:grid}.profile-details dt{color:#a58cb4;margin-bottom:6px;font-size:10px}.profile-details dd{color:#856594;overflow-wrap:anywhere;margin:0;font-size:12px}.profile-note{border-bottom:1px solid var(--line);padding:19px 0}.profile-note .eyebrow{font-size:9px}.profile-note p{color:#967ba2;margin-top:9px;font-size:12px;line-height:1.8}.profile-history-heading{justify-content:space-between;align-items:center;margin:25px 0 20px;display:flex}.profile-history-heading h3{color:#8c689c;font-size:13px}.profile-history-heading>span{color:#b098be;font-size:10px}.stage-history{color:#ae91bb;padding-top:10px;font-size:11px}.stage-history summary{cursor:pointer}.stage-history p{justify-content:space-between;padding-top:10px;font-size:11px;display:flex}.install-intro{text-align:center;color:#9677a8;padding:10px 25px 20px}.install-intro h3{color:#694878;margin:16px 0 12px;font-size:18px}.install-intro p{color:#a084b2;font-size:12px;line-height:1.9}.install-instructions{margin-top:18px}.install-instructions h3{color:#9370a4;margin-top:18px;font-size:12px}.install-instructions p{color:#a78db7;margin-top:7px;font-size:12px;line-height:1.9}.install-instructions small{margin-top:24px;font-size:10px;line-height:1.8;display:block}.comparison{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.comparison pre{background:#f6f0fa;border:1px solid #e9deef;border-radius:9px;max-height:450px;padding:12px;font-size:11px;overflow:auto}.toast{z-index:100;color:#886998;background:#fff;border:1px solid #e5dced;border-radius:10px;align-items:center;gap:10px;max-width:min(650px,90vw);padding:13px 17px;font-size:11px;display:flex;position:fixed;bottom:24px;left:calc(50% + 114px);transform:translate(-50%);box-shadow:0 5px 30px #2d104318}.toast>button{color:#a68eb5;background:0 0;border:0;padding:4px}.login-page{background:#fff;grid-template-columns:1.05fr 1fr;min-height:100svh;display:grid}.login-story{background:#f3f0f8;flex-direction:column;justify-content:space-between;gap:55px;padding:43px 9vw 33px 6vw;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";pointer-events:none;border:1px solid #e6ddec;border-radius:50%;width:350px;height:350px;position:absolute;bottom:-150px;right:-180px;box-shadow:0 0 0 50px #e9e0ee50,0 0 0 100px #eee6f450}.login-brand img{border-radius:8px;width:110px}.login-story h1{letter-spacing:-2.3px;color:var(--navy);z-index:1;margin-top:22px;font-size:clamp(35px,3.6vw,60px);line-height:1.14;position:relative}.login-story h1 em{color:var(--wine);font-style:normal}.login-story p{color:#9d80ad;margin-top:24px;font-size:13px;line-height:1.95}.story-chips{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.story-chips span{color:#a17daf;background:#ffffff60;border:1px solid #e4d7ec;border-radius:6px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.login-story>small{letter-spacing:1.7px;color:#bda0cd;font-size:9px}.login-form{align-self:center;width:100%;max-width:405px;margin:0 auto;padding:55px 30px}.login-form h2{letter-spacing:-.8px;color:var(--navy);margin:13px 0 11px;font-size:27px;line-height:1.3}.login-form>.muted{margin-bottom:26px;font-size:12px;line-height:1.8}.login-form form{gap:17px;display:grid}.login-form .form-error{margin-top:0}.login-form>.text-button{margin:15px 0}.divider{border-top:1px solid var(--line);text-align:center;height:1px;margin:24px 0 22px;position:relative}.divider span{color:#b59ac3;background:#fff;padding:0 10px;font-size:10px;position:relative;top:-10px}.login-foot{color:#ad95bb;align-items:center;gap:10px;margin-top:28px;display:flex}.login-foot p{font-size:10px;line-height:1.9}.login-foot span{color:#bda8c7}@media (min-width:1600px){.content{padding-top:42px}.hero{padding:34px}.task-row{padding-top:22px;padding-bottom:22px}.metric{padding:24px}.brand img{width:150px;height:150px}}@media (max-width:1200px){.sidebar{width:205px}.main{width:calc(100% - 205px);margin-left:205px}.content{padding:25px 24px}.topbar{padding:0 24px}.hero{padding:22px}.hero h2{font-size:20px}.hero p{max-width:350px}.metrics{gap:10px}.metric{padding:15px 13px}.metric>span{font-size:9px}.metric small{font-size:8px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(235px,1fr);gap:15px}.task-row{gap:8px;padding:17px 15px}.task-actions{gap:0}.task-actions .icon-button{width:26px}.task-row>.pill{padding:5px 6px;font-size:9px}.toast{left:calc(50% + 102px)}}@media (max-width:1000px){.page-heading .date-chip{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.metric small{font-size:9px}.metric>span{font-size:11px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>div:nth-child(2){grid-template-columns:1fr 1fr;gap:16px;display:grid}.dashboard-grid>div:nth-child(2) .section-gap{margin-top:0}.install-card{grid-column:1/-1}.hero{flex-direction:column;align-items:flex-start;gap:17px}.hero p{max-width:none}.hero>.button{padding:9px 13px}.settings-grid{gap:15px}.settings-grid .panel{padding:20px}.profile-details{grid-template-columns:1fr 1fr}}@media (max-width:780px){.sidebar{width:235px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.menu-scrim{z-index:24;background:#24134255;border:0;border-radius:0;position:fixed;inset:0}.main{width:100%;margin:0}.mobile-menu{display:inline-flex}.topbar{gap:8px;height:66px;padding:0 18px}.breadcrumb{margin-right:auto;font-size:10px}.breadcrumb>span{padding:0 7px}.topbar-actions .button{gap:5px;min-height:35px;padding:8px 10px;font-size:10px}.content{padding:25px 20px}.demo-banner{padding:8px 20px;font-size:9px}.demo-banner span{max-width:80%;line-height:1.5}.page-heading{align-items:flex-start;margin-bottom:22px}.page-heading h1{font-size:26px}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:9px}.page-heading>.button{padding:10px;font-size:10px}.toast{width:max-content;left:50%}.login-story{gap:35px;padding:30px}.login-story h1{font-size:40px}.login-brand img{width:90px}.login-form{padding:38px 25px}.login-form h2{font-size:24px}.calendar-day{min-height:78px;padding:10px}.calendar-day em{display:none}.calendar-day span{padding:3px 7px}.calendar-day.selected{box-shadow:inset 0 0 0 1px #b49fcf}}@media (max-width:540px){.topbar{padding:0 12px}.breadcrumb{display:none}.topbar-actions{margin-left:auto}.topbar-actions .button{min-height:37px}.offline-tag{gap:0;font-size:0}.content{padding:24px 15px}.page-heading{flex-direction:column;gap:15px}.page-heading h1{font-size:25px}.page-heading p{margin-top:8px;font-size:11px}.hero{padding:21px 20px}.hero h2{font-size:22px;line-height:1.4}.hero .eyebrow{font-size:8px}.hero p{font-size:11px}.metrics{gap:10px;margin:17px 0}.metric{padding:15px 12px}.metric>span{font-size:9px}.metric>span svg{width:15px}.metric strong{font-size:28px}.metric small{font-size:8px}.dashboard-grid>div:nth-child(2){grid-template-columns:1fr}.install-card{grid-column:auto}.panel-heading{padding:18px 16px 16px}.panel-heading h2{font-size:13px}.tabs{gap:16px;padding:0 16px}.task-row{flex-wrap:wrap;gap:10px;padding:16px}.task-body{flex:1;min-width:calc(100% - 42px)}.task-row>.pill{margin-left:28px}.task-actions{margin-left:auto}.task-actions .icon-button{width:32px;height:30px}.task-row .client-link{font-size:12px}.task-row p{font-size:11px}.mini-client .client-link{font-size:12px}.recent-contact{padding:16px}.filters select{flex:1;width:calc(50% - 5px);font-size:10px}.search-field{flex-basis:100%}.settings-grid{grid-template-columns:1fr}.history-panel{padding:0 14px}.timeline-top{gap:8px}.timeline-top h3{font-size:10px}.timeline-top>span{font-size:9px}.timeline-item{padding-left:24px}.timeline-item p{font-size:11px}.timeline-next{flex-wrap:wrap}.timeline-next .pill{margin-left:0}.history-client{font-size:11px}.calendar-day{gap:9px;min-height:64px;padding:8px}.calendar-grid{border-radius:9px}.calendar-day span{font-size:9px}.weekday{padding:10px 0;font-size:9px}.calendar-heading h2{font-size:15px}.calendar-heading .button{padding:7px}.modal{max-height:94svh}.modal-header{padding:18px}.modal-body{padding:20px 18px}.modal-header h2{font-size:16px}.form-grid{grid-template-columns:1fr;gap:16px}.field.full,.checkbox-line.full{grid-column:auto}.field input,.field textarea,.field select{font-size:16px}.field{font-size:11px}.form-footer .button{flex:1;font-size:11px}.form-footer .button.danger{flex-basis:100%}.profile-heading{gap:12px}.profile-heading h2{font-size:20px}.profile-heading .avatar{width:48px;height:48px;font-size:16px}.profile-pills{flex-wrap:wrap;gap:4px}.profile-details{gap:17px 14px;padding:16px}.profile-details dd{font-size:11px}.profile-actions .button{padding:10px;font-size:10px}.profile-history-heading h3{font-size:11px}.comparison,.login-page{grid-template-columns:1fr}.login-story{gap:20px;padding:26px 26px 30px}.login-story h1{letter-spacing:-1.3px;margin-top:12px;font-size:33px}.login-story h1 br{display:none}.login-story h1 em{display:block}.login-story p{margin-top:14px;font-size:11px}.login-story p br{display:none}.login-story .eyebrow{font-size:8px}.login-brand img{width:77px}.story-chips{margin-top:17px}.login-story>small{display:none}.login-form{max-width:420px;padding:32px 26px}.login-form h2{font-size:25px}.login-foot{margin-top:21px}.connection-banner{align-items:flex-start;font-size:10px}.connection-banner .text-button{white-space:nowrap}}.login-form>.reset-link{float:right}.account-save{margin-top:15px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.team-summary{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.team-summary .panel{padding:24px}.team-summary svg{color:var(--navy)}.team-summary h2{margin:16px 0 8px}.team-table select{color:#221948;min-width:145px;font:inherit;background:#fff;border:1px solid #ddd9e9;border-radius:8px;padding:9px}.team-table td{vertical-align:middle}.team-note{max-width:850px;margin:18px 0;line-height:1.7}.password-embedded .login-form{padding:0}.password-embedded img{display:none}.password-embedded form{gap:16px;display:grid}.password-embedded h2{font-size:20px}.team-table{min-width:850px}@media (max-width:780px){.team-summary{grid-template-columns:1fr;gap:12px}.team-summary .panel{padding:18px}}.sidebar{overscroll-behavior:contain;overflow-y:auto}.content>*,.table-client>div{min-width:0}.table-client strong{overflow-wrap:anywhere}.team-note{font-size:12px}.page-heading h1,.profile-heading h2{overflow-wrap:anywhere}.profile-heading>div,.profile-details{min-width:0}.toast{overflow-wrap:anywhere}.modal{overscroll-behavior:contain}.modal-body{overflow-wrap:anywhere}.calendar-heading{gap:12px}.calendar-heading>div{flex-shrink:0}.profile-history-heading{flex-wrap:wrap;gap:10px}@media (max-width:900px){.table-wrap:has(.responsive-table){background:0 0;border:0;border-radius:0;overflow:visible}.responsive-table,.responsive-table tbody{white-space:normal;width:100%;min-width:0;display:block}.responsive-table thead{display:none}.responsive-table tbody{gap:14px;display:grid}.responsive-table tr{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 16px;display:block;overflow:hidden}.responsive-table td{white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #f0edf4;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;font-size:12px;display:flex}.responsive-table td:first-child{padding:14px 0}.responsive-table td:last-child{border:0}.responsive-table td[data-label]:before{content:attr(data-label);color:var(--muted);flex-shrink:0;min-width:95px;font-size:11px}.responsive-table td small{font-size:11px;line-height:1.6}.responsive-table .table-client{flex:1}.responsive-table .table-client .client-link{font-size:15px}.responsive-table .table-client strong{font-size:14px}.responsive-table .card-actions{justify-content:flex-end}.responsive-table .card-actions .button-row{justify-content:flex-end;width:100%}.responsive-table .button.danger{margin-right:0}.responsive-table select{min-width:0;max-width:210px;min-height:44px;font-size:16px}.team-table{min-width:0}}@media (max-width:780px){.button,.button.small,.topbar-actions .button,.page-heading>.button,.icon-button,.task-actions .icon-button,.task-actions{min-height:44px}.icon-button,.task-actions .icon-button{width:44px}.sidebar nav button{min-height:48px}.text-button,.demo-banner button{min-height:40px}.sidebar-bottom{padding-bottom:env(safe-area-inset-bottom)}.content{padding-bottom:calc(30px + env(safe-area-inset-bottom))}.demo-banner{padding-top:calc(7px + env(safe-area-inset-top))}.tabs button{min-height:44px;padding:12px 0}.field input,.field select,.field textarea,.filters input,.filters select{min-height:46px;font-size:16px}.search-field{min-width:0}.field{font-size:12px}.checkbox-line{min-height:44px;font-size:12px}.checkbox-line input{width:20px;height:20px}.login-form>.text-button{float:none;display:block}.topbar-actions{gap:6px}.topbar{padding-inline:10px}.topbar-actions .button{padding-inline:10px;font-size:11px}.team-summary h2{font-size:17px}.team-summary p{margin-top:7px;font-size:12px;line-height:1.7}}@media (max-width:540px){.task-check{border-radius:9px;width:32px;height:32px}.task-body{min-width:calc(100% - 42px)}.task-row>.pill{margin-left:42px}.panel-heading{gap:8px}.panel-heading h2{line-height:1.6}.timeline-top{flex-wrap:wrap}.timeline-top>span{margin-left:0}.timeline-top .text-button{margin-left:auto}.profile-heading{flex-wrap:wrap}.profile-heading>.button{margin-left:0}.profile-details{grid-template-columns:1fr}.profile-actions .button{white-space:normal;flex:1}.calendar-heading{flex-wrap:wrap}.calendar-day{min-height:64px;padding:8px 4px}.calendar-day span{padding:3px 5px}.calendar-grid,.calendar-day{min-width:0}.form-footer .button{white-space:normal}.responsive-table .card-actions .button-row{grid-template-columns:1fr;display:grid}.responsive-table .card-actions .button{white-space:normal}.team-table select{max-width:190px}.toast{bottom:calc(16px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:100%;padding:12px}.boot .login-form{padding-inline:20px}.profile-pills .pill{white-space:normal}}@media (max-width:360px){.content{padding-inline:12px}.metric>span{align-items:flex-start;font-size:10px}.metric>span svg{display:none}.topbar-actions .button{padding-inline:7px;font-size:10px}.modal-header{padding:16px}.modal-body{padding:18px 14px}.modal-header .eyebrow{font-size:8px}.responsive-table tr{padding-inline:13px}.responsive-table td[data-label]:before{min-width:85px;font-size:10px}.team-table select{max-width:165px}}.access-help{color:var(--muted);font-size:11px;line-height:1.7}@media (max-width:780px){.page-heading p{font-size:13px}.metric small{font-size:10px}.metric>span,.pill{font-size:11px}.team-note,.timeline-item p{font-size:13px}.timeline-item>small{font-size:11px}.task-body p,.history-client,.button,.team-table .table-client small{font-size:12px}.modal-body>.muted{font-size:13px;line-height:1.7}}.role-help{font-size:11px;font-weight:400;line-height:1.7}.mfa-shell{background:#f7f8fc;place-items:center;min-height:100svh;padding:28px 16px;display:grid}.mfa-card{border:1px solid var(--line);background:#fff;border-radius:20px;gap:18px;width:100%;max-width:470px;padding:30px;display:grid;box-shadow:0 12px 45px #1b0b670b}.mfa-brand{justify-self:center;width:105px;max-width:100%}.mfa-heading{color:var(--navy);align-items:center;gap:12px;display:flex}.mfa-heading .eyebrow{font-size:10px;line-height:1.7}.mfa-card h1{letter-spacing:-.6px;font-size:25px}.mfa-card p,.mfa-steps{font-size:14px;line-height:1.7}.mfa-email{overflow-wrap:anywhere;color:var(--muted)}.mfa-card form{gap:16px;display:grid}.mfa-card .button{white-space:normal;min-height:46px}.mfa-card .field input,.mfa-card .field select{min-height:48px;font-size:16px}.mfa-code{letter-spacing:6px;text-align:center;font-variant-numeric:tabular-nums}.mfa-qr{background:#fff;border:12px solid #fff;justify-self:center;width:230px;max-width:100%;height:230px}.mfa-steps{margin:0;padding-left:20px}.mfa-steps li+li{margin-top:8px}.mfa-secret{background:var(--navy-light);border-radius:10px;min-width:0;padding:14px}.mfa-secret summary{cursor:pointer;min-height:28px;font-size:14px;font-weight:650}.mfa-secret code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:12px 0;font-size:15px;display:block}.mfa-secret small{line-height:1.6;display:block}.mfa-help{color:var(--muted);font-size:12px!important}.mfa-card .form-error{overflow-wrap:anywhere}@media (max-width:480px){.mfa-shell{align-items:start;padding:16px 12px}.mfa-card{border-radius:16px;padding:24px 20px}.mfa-card h1{font-size:24px}}