@charset "UTF-8";
:root{--green:#276a48;--green-dark:#174d34;--green-pale:#eaf3ed;--ink:#202d27;--muted:#778078;--line:#e7ebe7;--paper:#f6f8f5;--amber:#b48338;--radius:14px;--sidebar:254px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55;background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #88b998;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(25px,2.3vw,32px);line-height:1.25;letter-spacing:-1.05px;font-weight:650}h2{font-size:18px;letter-spacing:-.45px;font-weight:650;line-height:1.4}h3{font-size:14px;font-weight:650}small{font-size:11px;color:var(--muted);display:block;line-height:1.6}p{color:var(--muted)}.icon{height:20px;width:20px;flex-shrink:0;vertical-align:middle}.skip{position:fixed;left:12px;top:-80px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.sidebar{width:var(--sidebar);background:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:40;padding:30px 18px 0;overflow-y:auto;border:0;box-shadow:3px 0 22px rgb(26 51 33 / 3%);}.brand{display:flex;align-items:center;gap:11px;padding:0 14px;font-size:22px;font-weight:750;letter-spacing:-.8px;line-height:1.25}.brand small{font-size:8px;letter-spacing:2.2px;font-weight:650;margin-top:5px;color:#758577}.brand-mark{font-size:44px;font-weight:800;color:var(--green);line-height:1;position:relative}.brand-mark>span{color:#8caf5d;font-size:22px;position:absolute;right:-7px;bottom:2px}.office-switch{margin:29px 4px 17px;background:#f6f8f5;border-radius:9px;padding:11px;display:flex;align-items:center;gap:10px;border:0;box-shadow:0 2px 8px rgb(26 51 33 / 3%);}.office-switch>span:nth-child(2){min-width:0}.office-switch strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:135px}.office-switch small{font-size:10px}.office-icon{background:#e6eee3;width:31px;height:33px;display:grid;place-items:center;border-radius:7px;color:var(--green);font-weight:700;flex-shrink:0;border:0;}.office-dot,.status-dot{display:inline-block;width:6px;height:6px;background:#609759;border-radius:100%;flex-shrink:0}.office-dot{margin-left:auto}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.3px;margin:21px 14px 9px;color:#919a93}.nav-item,.nav-group>summary{display:flex;align-items:center;gap:12px;padding:11px 13px;margin:3px 0;border-radius:7px;font-size:12px;color:#6c786e;transition:.15s}.nav-item .icon,.nav-group .icon{width:18px;height:18px}.nav-item:hover,.subnav a:hover{background:#f4f7f3;color:var(--green)}.nav-item.active{background:var(--green-pale);color:var(--green-dark);font-weight:650}.nav-item.active:after{content:"";width:5px;height:5px;background:var(--green);border-radius:50%;margin-left:auto}.nav-group>summary{list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.chev{margin-left:auto}.subnav{margin:1px 0 8px 23px;padding-left:16px;border:0;}.subnav a{display:block;margin:0 0 2px;padding:8px 10px;color:#7b857d;font-size:12px;border-radius:5px}.subnav a.active{color:var(--green);font-weight:650;background:#f4f8f2}.mini-label{font-size:8px;font-weight:600;color:#a58a4e;background:#f9f4e7;padding:1px 5px;border-radius:4px;margin-left:auto}.muted-label{color:#929c91;background:#f3f5f1}.sidebar-bottom{margin-top:auto;padding-top:36px}.made-local{display:flex;gap:10px;margin:0 8px 22px;align-items:center;color:#5c7657;font-size:10px;font-weight:600}.made-local>span{font-size:27px;color:#a4b38d}.made-local small{font-size:8px;font-weight:400;margin-top:4px}.user-card{display:flex;align-items:center;gap:9px;margin:0 -18px;padding:19px 20px;border:0;}.user-card>div{min-width:0}.user-card strong{font-size:11px;display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card small{font-size:9px}.user-card form{margin-left:auto}.avatar{display:inline-grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:#e4ecdf;color:#4f6f44;border-radius:50%;font-size:14px;font-weight:650}.avatar.small{width:30px;height:30px;font-size:11px}.avatar.pale{background:#f0f4ec;font-size:12px}.frame{margin-left:var(--sidebar)}.topbar{height:74px;padding:0 37px;background:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:25;border:0;box-shadow:0 3px 18px rgb(26 51 33 / 3%);}.breadcrumb,.top-actions{display:flex;align-items:center;gap:19px}.breadcrumb{font-size:11px;color:#8e968e}.breadcrumb strong{font-weight:500;color:#46564a}.top-actions{gap:17px}.today{font-size:10px;color:#8a948b}.divider{height:22px;width:1px;background:var(--line)}.icon-btn{padding:5px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:#7d897e;border-radius:5px;min-height:30px}.icon-btn:hover{background:#f0f4ed}.content{max-width:1600px;margin:auto;padding:35px 38px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:29px}.page-heading .eyebrow{margin-bottom:11px}.page-heading p{font-size:12px;margin-top:10px}.eyebrow{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#8b987e;display:flex;align-items:center;gap:6px}.wave{color:#9cae66;display:inline-block;font-size:27px;vertical-align:middle;margin-left:4px}.btn{min-height:39px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;border:1px solid transparent;font-weight:600;font-size:11px;line-height:1.4;white-space:nowrap;transition:background .15s}.btn .icon{height:15px;width:15px}.primary{background:var(--green);color:white;box-shadow:0 2px 3px #173c1310}.primary:hover{background:var(--green-dark)}.secondary{border-color:#dfe6db;background:white;color:#53664c}.secondary:hover{background:#f0f4ec}.white{background:white;color:var(--green-dark)}.white:hover{background:#f2f4ec}.small-btn{padding:7px 11px;min-height:31px;font-size:10px}.full{width:100%}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;background:#f3f5ef;padding:4px 9px;font-size:9px;border-radius:5px;color:#79816d;font-weight:500;white-space:nowrap;border:0;}.pill .icon{width:13px;height:13px}.pill.positive{color:var(--green);background:#edf6ef;border-color:#deebde;border:0;}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}.icon-tint{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:8px;flex-shrink:0}.icon-tint .icon{width:16px;height:16px}.icon-tint.large{width:43px;height:43px;border-radius:10px}.icon-tint.large .icon{width:21px;height:21px}.green{background:#edf4e8;color:#698452}.amber{background:#fcf5e6;color:#bd964b}.blue{background:#edf3f8;color:#6a8ca7}.violet{background:#f2eff9;color:#9c8cba}.panel{background:#fff;border-radius:var(--radius);overflow:hidden;min-width:0;margin-bottom:25px;border:0;box-shadow:var(--surface-shadow);}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 25px}.section-head h2{font-size:16px}.section-head p{font-size:10px;margin-top:5px}.section-head .eyebrow{font-size:7px;margin-bottom:7px}.section-head.compact{padding:21px 24px}.progress-label{border-radius:15px;padding:5px 10px;font-size:9px;color:#8d987e;white-space:nowrap;border:0;}.setup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 25px 25px}.setup-step{padding:18px 19px 0;display:flex;flex-direction:column;align-items:flex-start;border:0;}.setup-step:first-child{border:0;padding-left:0}.step-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:14px;color:#a5b292}.step-top>.icon{width:18px;height:18px}.step-number{border-radius:50%;background:#f4f6ef;width:27px;height:27px;display:inline-grid;place-items:center;font-size:9px;color:#839372;border:0;}.step-number .icon{width:13px;height:13px}.complete .step-number{background:#eaf3e3;color:#568446}.setup-step h3{font-size:12px;margin-bottom:6px}.setup-step p{font-size:10px;line-height:1.8;max-width:180px;margin-bottom:18px}.step-link{color:#598048;font-size:9px;font-weight:650;margin-top:auto;display:flex;align-items:center;gap:10px}.step-link .icon{width:12px;height:12px}.two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.two-columns .panel{margin-bottom:25px}.essentials{padding:0 24px 17px}.essential{display:flex;align-items:center;gap:13px;padding:16px 0;border:0;}.essential:first-child{border-top:0;padding-top:7px}.essential strong{font-size:11px;font-weight:600;display:block}.essential small{font-size:9px;margin-top:3px}.essential>.icon{margin-left:auto;width:14px;height:14px;color:#a6b098}.empty{padding:32px 25px 40px;text-align:center}.empty-icon{display:inline-grid;place-items:center;background:#f5f7ef;width:53px;height:53px;border-radius:50%;color:#a2b08b;margin-bottom:13px;border:0;}.empty-icon>.icon{width:22px;height:22px}.empty h3{font-size:12px;margin:0 0 7px}.empty p{font-size:10px;margin-bottom:16px}.empty>.icon{color:#a2b08b;margin-bottom:12px}.text-link{color:#588147;font-size:10px;font-weight:600;display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;padding:0;cursor:pointer}.text-link .icon{height:13px;width:13px}.text-link:hover{color:#244f28}.horizontal{display:flex;text-align:left;align-items:center;gap:20px;padding:25px}.horizontal>div{flex:1}.horizontal>.icon{width:32px;height:32px;margin:0}.horizontal p{margin-bottom:0}.roadmap-strip{display:flex;align-items:center;gap:13px;background:#f4f7ed;border-radius:10px;padding:18px 22px;margin-bottom:20px;border:0;box-shadow:var(--surface-shadow);}.roadmap-strip strong{font-size:11px;font-weight:600}.roadmap-strip p{font-size:9px;margin-top:3px}.roadmap-strip .text-link{margin-left:auto;white-space:nowrap}.footer{display:flex;justify-content:space-between;align-items:center;padding:24px 0 23px;font-size:8px;color:#a5ac9e}.footer>span:last-child{display:flex;align-items:center;gap:6px}.footer .status-dot{width:4px;height:4px;background:#9fb385}.table-wrap{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;font-weight:550;color:#95a08a;background:#fafbf7;padding:13px 23px;border:0;}td{padding:17px 23px;font-size:11px;color:#687461;border:0;}tbody tr:last-child td{border-bottom:0}td strong{color:#4c5c43;font-weight:600}td small{font-size:9px;margin-top:3px}.contact-name{display:flex;gap:10px;align-items:center;color:#465a3d;font-size:11px;font-weight:600}.contact-name small{font-size:9px;color:#a1aa96;font-weight:400}.contact-name .avatar{width:30px;height:30px;font-size:10px}.filters{display:flex;flex-wrap:wrap;gap:12px;padding:20px 24px;align-items:end;border:0;}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#58694e;font-weight:550;min-width:0}input,select,textarea{background:white;border:1px solid #dfe6d9;border-radius:6px;min-height:39px;padding:9px 11px;color:#4e6045;width:100%;outline:none;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#8daa72;box-shadow:0 0 0 3px #699f3f14}input::placeholder,textarea::placeholder{color:#a1aa96}input[type=checkbox]{width:15px;min-height:15px;height:15px;accent-color:var(--green)}input[type=file]{padding:9px;font-size:11px}select{min-width:100px}textarea{resize:vertical}label>small{font-size:9px;font-weight:400}.filters label{font-size:9px}.filters input,.filters select{font-size:10px;height:36px;min-height:36px}.filters>.search-field{position:relative;flex:1 1 220px}.search-field>.icon{position:absolute;left:11px;bottom:10px;height:16px;width:16px;color:#98a38b}.search-field input{padding-left:35px}.filters input[type=date]{max-width:140px}.table-toolbar{padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#94a087}.table-toolbar select{width:170px;min-height:31px;height:31px;padding:5px 8px;font-size:10px}.pagination{padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#9aa38e;border:0;}.pagination>div{display:flex;align-items:center;gap:10px}.disabled{opacity:.4;cursor:default}.padded{padding:25px}.padded>h2{margin-bottom:10px}.padded>.section-head{padding:0;margin-bottom:14px}.padded>p{font-size:11px;margin-bottom:17px}.stack{display:flex;flex-direction:column;gap:18px;margin-top:20px}.stack .btn{align-self:flex-start}.stack .full{align-self:stretch}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.muted{color:var(--muted);font-size:11px}.narrow{max-width:650px}.info-note{background:#f3f7ed;border-radius:8px;padding:14px 16px;color:#7e8b6f;font-size:10px;line-height:1.8;border:0;}.reminder-note{display:flex;align-items:center;gap:14px;margin-bottom:23px}.reminder-note .text-link{margin-left:auto;white-space:nowrap}.alert{border-radius:8px;border:1px solid;padding:15px 18px;font-size:12px;margin-bottom:22px}.alert.success{background:#eef7ed;color:#436e36;border-color:#d6e9d0}.alert.error{background:#fcf1ec;color:#a25e41;border-color:#eed8cb}.alert ul{margin-bottom:0;padding-left:17px}.alert p{color:inherit;margin-block:8px}.break{overflow-wrap:anywhere}.report-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;font-size:11px;border:0;}.report-row:last-child{border-bottom:0}.report-row strong{font-weight:600}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.price-note{padding:18px;background:#f4f8ee;border-radius:9px;border:0;box-shadow:0 3px 12px rgb(26 51 33 / 3%);}.price-note strong{font-size:22px;font-weight:600}.price-note small{display:inline;font-size:11px;font-weight:400}.price-note p{font-size:10px;margin-top:6px}.plan-price{font-size:34px;letter-spacing:-1px;color:var(--green);margin:25px 0}.plan-price small{display:inline;font-size:12px;letter-spacing:0}.plan-card{background:linear-gradient(130deg,#fff,#f8faef)}.code-note{background:#f6f8f2;border-radius:10px;padding:20px;font-size:10px;overflow:auto}.code-note>strong{font-size:10px;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;line-height:1.8}code{font-size:10px;overflow-wrap:anywhere}dialog{border-radius:16px;padding:27px;max-width:580px;width:calc(100% - 32px);max-height:90dvh;color:var(--ink);border:0;box-shadow:0 24px 90px rgb(26 51 33 / 18%);}dialog::backdrop{background:#1d2a2066;backdrop-filter:blur(4px)}dialog .stack{margin-top:22px}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-head .eyebrow{margin-bottom:8px}.dialog-head h2{font-size:20px}.count{color:#83966d;background:#f2f5eb;border:1px solid #e6ecd9;padding:2px 7px;border-radius:5px;font-size:10px;vertical-align:middle;margin-left:6px}.upload-zone{border:1px dashed #afc19b;border-radius:12px;min-height:230px;align-items:center;justify-content:center;gap:15px;padding:30px;background:#f8faf4;text-align:center;cursor:pointer}.upload-zone.dragover{background:#eaf4e3;border-color:var(--green)}.upload-zone>.icon{width:34px;height:34px;color:#8aa370}.upload-zone input{max-width:290px;background:white}.upload-zone>span{color:#98a68a;font-size:10px}.guide-list{padding-left:19px;color:#7f8e71;font-size:11px;line-height:1.9}.guide-list li{padding-left:4px;margin-bottom:12px}.guide-list a{text-decoration:underline}.panel-bottom{padding:24px;border:0;}.panel-bottom .btn{margin-top:14px}.detail-columns{grid-template-columns:1.1fr 1fr}.contact-details{margin-top:23px}.contact-details p{display:flex;align-items:center;gap:10px;font-size:11px;padding-block:12px;flex-wrap:wrap;border:0;}.contact-details p>span{width:80px;color:#9eaa90;flex-shrink:0}.contact-details .text-link{margin-left:auto}.contact-details strong{font-weight:500}.timeline{margin-top:30px}.timeline article{display:flex;gap:13px;padding-bottom:25px}.timeline article>div{min-width:0}.timeline strong{font-size:11px}.timeline small{font-size:9px;margin-top:4px}.timeline p{font-size:11px;margin-top:12px;color:#7f8e71}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.activity-name{display:flex;align-items:center;gap:9px}.audit-dot{width:6px;height:6px;border-radius:50%;background:#a7bc8e}.metadata{max-width:260px;background:#f6f8f1;padding:10px;border-radius:5px;white-space:pre-wrap}.mail-banner{background:#f8f8ec;border-radius:12px;padding:23px;display:flex;align-items:center;gap:17px;margin-bottom:25px;border:0;box-shadow:var(--surface-shadow);}.mail-banner h2{font-size:18px}.mail-banner p{font-size:10px;margin-top:3px}.mail-banner>.pill{margin-left:auto}.input-suffix{display:flex;border:1px solid #dfe6d9;border-radius:6px;overflow:hidden;align-items:center;min-width:0}.input-suffix input{border:0;border-radius:0;min-width:60px}.input-suffix span{padding:10px;background:#f8faf3;white-space:nowrap;font-size:11px;color:#879773;border-left:1px solid #dfe6d9;overflow:hidden;text-overflow:ellipsis;max-width:70%}.help-details{margin-top:22px;padding-top:18px;font-size:11px;color:#81916f;border:0;}.help-details summary{font-weight:600}.server-settings{background:#f8faf4;border-radius:10px;padding:22px}.server-settings>p{font-size:11px;margin-block:20px;line-height:1.9}.server-settings .text-link{margin-top:18px}.roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.roadmap-grid .icon-tint{float:left;margin:0 13px 15px 0;font-size:11px;font-weight:600}.roadmap-status{min-height:31px;align-items:center}.roadmap-grid h2{clear:both;margin-bottom:20px}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:#7d8e6d;margin-block:14px}.feature-list .icon{width:14px;height:14px;color:#99b481;margin-top:2px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-form{display:flex;gap:8px}.inline-form select{font-size:10px;min-height:31px;padding:5px 8px}.appointment-row{display:flex;align-items:center;gap:15px;padding:15px 24px;border:0;}.appointment-row strong{font-size:11px;font-weight:600}.appointment-row small{font-size:9px;margin-top:3px}.date-block{width:40px;text-align:center;border-radius:7px;background:#f7f9f1;padding:4px;border:0;}.date-block strong{font-size:16px}.date-block small{font-size:8px;text-transform:uppercase}.toast{position:fixed;bottom:25px;right:25px;max-width:350px;border:1px solid #5b8149;padding:16px 22px;background:var(--green-dark);color:white;box-shadow:0 5px 30px #0b220f22;border-radius:9px;font-size:12px;z-index:100;cursor:pointer}.toast small{color:#bfd5b1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile{display:none}.auth{background:#f6f8f1;min-height:100dvh}.auth-brand{display:flex;justify-content:space-between;align-items:center;padding:35px 5vw}.tag{font-size:11px;color:#8d9c7d}.auth-content{max-width:470px;margin:45px auto;padding:0 20px}.auth-card{background:#fff;border-radius:17px;padding:34px;border:0;box-shadow:0 8px 32px rgb(26 51 33 / 6%);}.auth-card h1{font-size:27px;margin:12px 0}.auth-card>p{font-size:12px;line-height:1.8}.auth-card .stack{margin-top:25px;gap:19px}.auth-card .btn{font-size:12px;min-height:43px}.auth-link{font-size:11px!important;text-align:center;margin-top:25px!important}.auth-link a{color:var(--green);font-weight:600}.auth-footer{text-align:center;font-size:10px;color:#a1ae94;margin:30px 20px}.end{align-self:flex-end}.auth .alert{font-size:11px}
@media(min-width:1600px){.content{padding-top:40px}}@media(max-width:1200px){:root{--sidebar:230px}.sidebar{padding-inline:13px;border:0;box-shadow:3px 0 22px rgb(26 51 33 / 3%);}.brand{font-size:20px}.user-card{margin-inline:-13px;padding:18px 16px;border:0;}.content{padding-inline:25px}.topbar{padding-inline:25px;border:0;box-shadow:0 3px 18px rgb(26 51 33 / 3%);}.page-heading h1{font-size:26px}.setup-step{padding-inline:13px;border:0;}.setup-grid{padding-inline:22px}.section-head.compact{padding-inline:20px}.essentials{padding-inline:20px}.page-heading .actions{justify-content:flex-end}.top-actions{gap:12px}.form-grid{gap:13px}}@media(max-width:1020px){.stats-grid{gap:12px}.two-columns{gap:18px}.page-heading{align-items:flex-start}.page-heading>.btn{margin-top:15px}.page-heading h1{font-size:24px}.setup-grid{grid-template-columns:1fr 1fr;gap:20px 0}.setup-step:nth-child(3){border:0;padding-left:0}.setup-step{padding-top:4px;border:0;}.setup-step p{max-width:200px}.two-columns{grid-template-columns:1fr}.two-columns .panel{margin-bottom:0}.two-columns{margin-bottom:25px}.two-columns .stack{margin-bottom:0}.mail-banner h2{font-size:16px}.essential strong{font-size:12px}.essential small{font-size:10px}.horizontal{flex-wrap:wrap}.horizontal>.btn{margin-left:52px}.roadmap-grid{gap:0 18px}}
@media(max-width:760px){:root{--sidebar:260px}.sidebar{transform:translateX(-100%);transition:transform .2s;padding-top:25px;border:0;box-shadow:3px 0 22px rgb(26 51 33 / 3%);}.nav-open .sidebar{transform:translateX(0)}.nav-open{overflow:hidden}.nav-shade{position:fixed;inset:0;background:#182e1c66;border:0;z-index:35;backdrop-filter:blur(2px)}.nav-open .nav-shade{display:block}.close-nav{position:absolute;right:10px;top:10px;background:transparent;border:0;font-size:16px;color:#8a9a7a;padding:8px}.mobile{display:inline-flex}.desktop{display:none}.frame{margin-left:0}.topbar{height:62px;padding-inline:18px;border:0;box-shadow:0 3px 18px rgb(26 51 33 / 3%);}.breadcrumb{gap:12px;font-size:12px}.breadcrumb .icon-btn{margin-left:-5px}.top-actions{gap:12px}.content{padding:25px 18px 0}.page-heading{flex-direction:column;gap:17px;margin-bottom:23px}.page-heading h1{font-size:27px;letter-spacing:-.85px;line-height:1.3}.page-heading p{font-size:11px;max-width:440px;line-height:1.8;margin-top:8px}.page-heading .eyebrow{font-size:8px;margin-bottom:9px}.page-heading>.btn{margin-top:0}.page-heading>.actions{justify-content:flex-start}.wave{font-size:23px}.stats-grid{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:20px}.icon-tint{width:28px;height:28px}.icon-tint .icon{width:15px;height:15px}.panel{margin-bottom:20px;border-radius:11px;border:0;box-shadow:var(--surface-shadow);}.section-head{padding:21px 19px;align-items:flex-start}.section-head h2{font-size:16px}.section-head.compact{padding:20px 19px}.section-head p{font-size:10px}.progress-label{font-size:8px;padding:5px 8px;margin-top:3px;border:0;}.setup-grid{padding:0 19px 23px;gap:24px 0}.setup-step{padding:0 13px;border:0;}.setup-step:nth-child(odd){padding-left:0;border:0}.setup-step:nth-child(even){padding-right:0}.setup-step h3{font-size:12px}.setup-step p{font-size:10px;max-width:180px;margin-bottom:12px}.step-link{font-size:10px}.step-top{margin-bottom:11px}.two-columns{gap:20px;margin-bottom:20px}.empty{padding:24px 19px 30px}.empty h3{font-size:13px}.empty p{font-size:11px}.text-link{font-size:11px}.horizontal{gap:15px;padding:22px 19px}.horizontal>.icon{width:26px;height:26px}.horizontal>.btn{margin-left:41px}.horizontal h3{font-size:12px}.horizontal p{font-size:10px}.roadmap-strip{padding:17px;align-items:flex-start;flex-wrap:wrap;gap:10px;border:0;box-shadow:var(--surface-shadow);}.roadmap-strip>div{flex:1;min-width:200px}.roadmap-strip strong{font-size:11px}.roadmap-strip p{font-size:10px}.roadmap-strip>.text-link{margin-left:38px}.footer{padding-top:18px;flex-direction:column;gap:10px;font-size:9px}.filters{padding:17px;gap:12px;border:0;}.filters>.search-field{flex-basis:100%}.filters label:not(.search-field){flex:1;min-width:120px}.filters input[type=date]{max-width:none}.filters input,.filters select{font-size:12px;height:40px}.filters .btn{min-height:40px}.table-toolbar{padding:14px 17px;align-items:flex-start;flex-wrap:wrap}.table-toolbar>.actions{flex:1;justify-content:flex-end;min-width:240px}.table-toolbar select{width:140px}.table-wrap th,.table-wrap td{padding-inline:17px}.table-wrap td{font-size:12px}.table-wrap th{font-size:10px}.contact-name{font-size:12px}.contact-name small,td small{font-size:10px}.pagination{padding:15px 17px;flex-direction:column;gap:10px;border:0;}.padded{padding:21px 19px}.stack{gap:18px}.stack label{font-size:12px}input,select,textarea{font-size:16px;min-height:43px}.stack label>small{font-size:10px}.stack .btn{font-size:12px;min-height:42px}.form-grid{gap:17px;grid-template-columns:1fr}.btn{font-size:11px;min-height:39px}.info-note{font-size:11px;padding:14px;border:0;}.reminder-note{flex-wrap:wrap;gap:10px}.reminder-note>span{flex:1;min-width:210px}.reminder-note .text-link{margin-left:30px}.mail-banner{padding:18px;flex-wrap:wrap;gap:12px;border:0;box-shadow:var(--surface-shadow);}.mail-banner>div{flex:1;min-width:190px}.mail-banner>.pill{margin-left:55px}.input-suffix input{font-size:16px}.input-suffix span{font-size:12px}.guide-list{font-size:12px}.server-settings{padding:18px}.report-row{font-size:12px;flex-wrap:wrap;gap:8px;border:0;}.report-row small{font-size:10px}.roadmap-grid{grid-template-columns:1fr}.feature-list li{font-size:12px}.roadmap-status{font-size:8px}.stats-grid.three{grid-template-columns:1fr}.code-note{font-size:11px}.code-note pre{font-size:11px}.contact-details p{font-size:12px;overflow-wrap:anywhere;border:0;}.contact-details a{max-width:100%;overflow-wrap:anywhere}.contact-details p>span{width:70px}.contact-details .text-link{font-size:11px}.timeline p{font-size:12px}.toast{left:18px;right:18px;bottom:18px;max-width:none}.auth-brand{padding:24px}.auth-brand .brand{padding:0;font-size:20px}.auth-brand .tag{display:none}.auth-content{margin:28px auto;padding-inline:18px}.auth-card{padding:27px 23px;border:0;box-shadow:0 8px 32px rgb(26 51 33 / 6%);}.auth-card h1{font-size:27px}.auth-footer{font-size:9px}.auth-card .stack{gap:20px}.auth-card label{font-size:12px}.auth-card input{font-size:16px}.auth-card .btn{min-height:45px}.upload-zone{padding:22px 15px}.upload-zone input{font-size:12px}.section-head .pill{font-size:8px}.section-head .text-link{font-size:10px;white-space:nowrap}.contact-name .avatar{width:28px;height:28px}dialog{padding:23px 20px;max-height:90dvh;border:0;box-shadow:0 24px 90px rgb(26 51 33 / 18%);}.dialog-head h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Borderless surfaces and shared, compact statistics. */
:root {
    --surface-shadow: 0 3px 14px rgb(26 51 33 / 4%), 0 12px 30px rgb(26 51 33 / 2%);
}
.dashboard-actions {
    flex-shrink: 0;
    flex-wrap: nowrap;
    justify-content: flex-end;
}
.dashboard-actions .btn { white-space: nowrap; }
.page-heading:has(.dashboard-actions) {
    flex-wrap: wrap;
    align-items: center;
}
.page-heading:has(.dashboard-actions) > div:first-child { flex: 1 1 420px; }
.stat-card {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    min-height: 94px;
    padding: 15px 19px;
    background: #fff;
    border: 0;
    border-radius: 11px;
    box-shadow: var(--surface-shadow);
}
.stat-icon { width: 37px; height: 37px; border-radius: 10px; }
.stat-icon .icon { width: 19px; height: 19px; }
.stat-content { min-width: 0; }
.stat-label { display: block; font-size: 10px; color: #7a8773; line-height: 1.4; }
.stat-value {
    display: block;
    margin: 3px 0 1px;
    font-size: 25px;
    font-weight: 650;
    line-height: 1.15;
    letter-spacing: -.7px;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}
.stat-content small { font-size: 9px; color: #95a08c; line-height: 1.4; }
.stats-grid.three .stat-value { font-size: clamp(19px, 1.8vw, 25px); }
.setup-grid { gap: 12px; }
.setup-step { padding: 16px; background: #fafbf7; border-radius: 9px; }
.setup-step:first-child { padding-left: 16px; }
.setup-step:hover { background: #f3f7ee; }
.essential { border: 0; }
.essential + .essential { margin-top: 3px; }
.essential:hover { background: #fafcf7; }
.filters { background: #fafbf8; }
th, td { border: 0; }
tbody tr:nth-child(even) { background: #fcfdfb; }
tbody tr:hover { background: #f7faf4; }
hr { border: 0; height: 0; margin-block: 25px; }
.user-card { background: #fbfcf9; }
@media (max-width: 1200px) {
    .stat-card { padding: 14px 15px; gap: 11px; }
    .stat-icon { width: 32px; height: 32px; }
    .stat-value { font-size: 23px; }
}
@media (max-width: 1020px) {
    .setup-step:nth-child(3) { padding-left: 16px; }
}
@media (max-width: 760px) {
    .page-heading:has(.dashboard-actions) { align-items: stretch; }
    .page-heading:has(.dashboard-actions) > div:first-child { flex-basis: auto; }
    .dashboard-actions { width: 100%; gap: 8px; justify-content: flex-start; }
    .dashboard-actions .btn { flex: 1 1 auto; padding: 10px; font-size: 10px; min-height: 42px; }
    .dashboard-actions .btn .icon { width: 13px; height: 13px; }
    .stat-card { min-height: 90px; gap: 10px; padding: 13px; }
    .stat-icon { width: 29px; height: 29px; border-radius: 8px; }
    .stat-icon .icon { width: 16px; height: 16px; }
    .stat-label { font-size: 9px; }
    .stat-value { font-size: 23px; }
    .stat-content small { font-size: 8px; }
    .stats-grid.three .stat-card { min-height: 76px; padding: 14px 17px; }
    .stats-grid.three .stat-value { font-size: 23px; }
    .setup-step:nth-child(odd), .setup-step:nth-child(even) { padding: 13px; }
}
@media (max-width: 360px) {
    .dashboard-actions .btn { gap: 5px; padding-inline: 8px; font-size: 9px; }
    .stat-card { gap: 8px; padding: 11px; }
    .stat-icon { width: 25px; height: 25px; }
}

/* Managed email onboarding and platform operations share the responsive surface system. */
.checkbox-label { flex-direction: row; align-items: flex-start; gap: 10px; font-weight: 400; line-height: 1.8; }
.checkbox-label input[type=checkbox] { flex: 0 0 16px; margin-top: 4px; }
.mail-steps { margin-block: 18px; }
.platform-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px max(24px, calc((100vw - 1320px) / 2)); background: #fff; box-shadow: 0 3px 18px rgb(26 51 33 / 3%); }
.platform-content { max-width: 1320px; margin: auto; padding: 32px 24px; }
.platform-login { max-width: 460px; margin: 45px auto; }
.platform-content > .info-note { margin-bottom: 24px; }
.platform-content .padded > .info-note { margin-top: 18px; }
@media(max-width: 760px) {
 .platform-header { padding: 20px 18px; flex-wrap: wrap; gap: 16px; }
 .platform-header .brand { padding: 0; font-size: 19px; }
 .platform-header .brand small { letter-spacing: 1.4px; font-size: 7px; }
 .platform-header .actions { margin-left: auto; }
 .platform-content { padding: 25px 18px; }
 .platform-login { margin: 20px auto; }
 .mail-steps .report-row { gap: 8px; }
}

/* Platform administration and printable billing documents. */
.brand-logo { width: 42px; height: 42px; flex: 0 0 42px; object-fit: contain; }
.brand-name { min-width: 0; overflow-wrap: anywhere; }
.sidebar .brand-name { font-size: 19px; }
.sidebar .brand-name small { font-size: 7px; letter-spacing: 1.1px; }
.branding-preview { padding: 23px 10px; background: #f8faf4; border-radius: 10px; margin: 20px 0; }
.invoice-shell { max-width: 1000px; margin-inline: auto; padding: 35px; }
.invoice-header, .invoice-parties { display: flex; justify-content: space-between; align-items: flex-start; gap: 25px; margin-bottom: 30px; }
.invoice-header > div, .invoice-parties > div { min-width: 0; }
.invoice-header p, .invoice-parties p { font-size: 12px; margin-top: 6px; }
.invoice-heading { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.invoice-heading > strong { font-size: 17px; }
.invoice-parties { background: #f8faf4; padding: 20px; border-radius: 10px; }
.invoice-parties .eyebrow { margin-bottom: 8px; }
.invoice-parties strong { font-size: 12px; }
.invoice-totals { margin: 25px 0 25px auto; max-width: 360px; }
.invoice-totals .report-row:last-child { font-size: 15px; color: var(--green); }
.invoice-bank { background: #f8faf4; padding: 23px; border-radius: 10px; margin-bottom: 24px; }
.invoice-bank p { font-size: 11px; margin-top: 13px; }
.metric-bars { max-height: 340px; overflow-y: auto; margin-top: 20px; }
.metric-bar { display: flex; align-items: center; gap: 13px; padding: 9px 0; font-size: 10px; }
.metric-bar > span { width: 45px; flex-shrink: 0; color: var(--muted); }
.metric-bar > strong { text-align: right; min-width: 40px; font-weight: 600; }
.metric-bar progress { display: block; flex: 1; min-width: 35px; height: 7px; border: 0; border-radius: 8px; overflow: hidden; background: #f0f4eb; accent-color: #78a766; }
.metric-bar progress::-webkit-progress-bar { background: #f0f4eb; border-radius: 8px; }
.metric-bar progress::-webkit-progress-value { background: #78a766; border-radius: 8px; }
.metric-bar progress::-moz-progress-bar { background: #78a766; border-radius: 8px; }
.panel.narrow > h1 { margin-block: 18px 12px; }
.panel.narrow > .actions { margin-top: 20px; }
.platform-content > .page-heading .eyebrow { margin-bottom: 10px; }
@media(max-width: 760px) {
 .platform-content .section-head { flex-wrap: wrap; }
 .invoice-shell { padding: 23px 18px; }
 .invoice-header, .invoice-parties { flex-direction: column; gap: 20px; }
 .invoice-heading { text-align: left; align-items: flex-start; }
 .invoice-heading > strong { font-size: 15px; overflow-wrap: anywhere; }
 .invoice-totals { max-width: none; }
 .invoice-bank { padding: 18px; }
 .metric-bar { gap: 9px; }
 .metric-bar > strong { max-width: 130px; overflow-wrap: anywhere; }
 .platform-content .plan-price { font-size: 28px; overflow-wrap: anywhere; }
}
@media print {
 body { background: white; color: black; font-size: 11pt; }
 .sidebar, .topbar, .invoice-actions, .footer, .skip, .alert, .toast, .nav-shade { display: none !important; }
 .frame { margin: 0 !important; }
 .content, .platform-content { padding: 0 !important; max-width: none; }
 .invoice-shell { box-shadow: none; border: 0; padding: 0; max-width: none; }
 .invoice-header, .invoice-parties { flex-direction: row; }
 .invoice-heading { align-items: flex-end; text-align: right; }
 .invoice-shell .table-wrap { overflow: visible; }
 .invoice-shell table { white-space: normal; }
 .invoice-shell tr, .invoice-bank, .invoice-totals { break-inside: avoid; }
 .invoice-shell th, .invoice-shell td { padding: 10px; }
 a { text-decoration: none; }
 @page { margin: 18mm; }
}

/* Password-first platform authentication keeps onboarding outside the unlocked console. */
.mfa-card > .icon-tint { margin-bottom: 16px; }
.mfa-card > h1 { font-size: 26px; margin-block: 12px; }
.mfa-card > p { font-size: 12px; line-height: 1.8; }
.mfa-key-box { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; padding: 18px; background: #f5f8f0; border-radius: 10px; margin: 22px 0 16px; }
.mfa-key-box > strong { font-size: 12px; }
.mfa-key { font-size: 15px; letter-spacing: 1.4px; overflow-wrap: anywhere; word-break: break-word; line-height: 1.9; }
.mfa-key-box .eyebrow { font-size: 8px; }
.mfa-card input[name=code] { letter-spacing: 4px; font-variant-numeric: tabular-nums; }
@media(max-width: 760px) {
 .mfa-card > h1 { font-size: 24px; }
 .mfa-key { font-size: 14px; letter-spacing: 1px; }
 .mfa-key-box { padding: 16px; }
 .mfa-card .btn { white-space: normal; }
}