:root{--bg:#f6f8fa;--ink:#172c35;--muted:#73818a;--line:#e5eaed;--primary:#126b60;--soft:#e6f2ee;--radius:16px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}h1{letter-spacing:-1.2px;margin:8px 0 12px;font-size:32px;font-weight:800}h2{letter-spacing:-.4px;margin:0 0 20px;font-size:18px}p{color:var(--muted);line-height:1.7}a{color:var(--primary);text-decoration:none}button,.button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font:600 13px DM Sans,Arial,sans-serif;transition:background .15s;display:inline-flex}button:hover,.button:hover{background:#0c554c}button:disabled{opacity:.6;cursor:wait}.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.secondary:hover{background:var(--soft)}.text-button{color:var(--muted);background:0 0;padding:10px 0}.text-button:hover{color:var(--primary);background:0 0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #35aa98}.brand{letter-spacing:-1px;color:var(--ink);flex-wrap:wrap;align-items:center;gap:9px;font-size:25px;font-weight:800;display:flex}.brand span{letter-spacing:2px;color:var(--muted);flex-basis:100%;margin-inline-start:36px;font-family:DM Sans,Arial,sans-serif;font-size:9px;font-weight:600}.app-shell{min-height:100vh;display:flex}.sidebar{border-inline-end:1px solid var(--line);background:#fff;flex-direction:column;width:250px;padding:34px 22px 20px;display:flex;position:fixed;inset-block:0}.workspace-chip{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:10px;align-items:center;gap:10px;margin:35px 0 28px;padding:15px 10px;display:flex}.workspace-chip strong{font-size:12px;display:block}.workspace-chip small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.avatar{background:var(--soft);color:var(--primary);border-radius:8px;padding:11px;font-weight:700}.nav-label{color:#97a2a8;letter-spacing:1.4px;margin:0 10px 16px;font-size:9px;font-weight:700}nav{flex-direction:column;gap:7px;display:flex}nav a{color:#687780;border-radius:9px;align-items:center;gap:12px;padding:13px 12px;display:flex}nav a:hover{background:var(--soft);color:var(--primary)}.sidebar-bottom{margin-top:auto}.coming{background:#f5f8f7;border-radius:12px;margin:25px 0 10px;padding:18px}.coming svg{color:var(--primary)}.coming strong{margin:10px 0;font-size:12px;display:block}.coming p{margin:0;font-size:11px}.main{width:calc(100% - 250px);margin-inline-start:250px}header{border-bottom:1px solid var(--line);height:80px;color:var(--muted);background:#fff;justify-content:space-between;align-items:center;padding:0 42px;font-size:12px;display:flex}.status-dot{background:#37aa8a;border-radius:100%;width:7px;height:7px;margin-inline-end:8px;display:inline-block}.language{padding:8px 13px}.content{max-width:1350px;margin:0 auto;padding:42px}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.page-heading p{margin:0;font-size:13px}.eyebrow{letter-spacing:1.7px;color:var(--primary);text-transform:uppercase;font-size:10px;font-weight:700}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:27px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:1fr auto;gap:15px;padding:22px;display:grid}.stat svg{color:var(--primary);background:var(--soft);box-sizing:content-box;border-radius:10px;grid-area:1/2;padding:8px}.stat span{color:#71818a;align-self:center;font-size:12px}.stat strong{grid-column:1;font-size:33px;line-height:1}.stat small{color:#8d989e;grid-column:1/-1;font-size:10px}.hero-panel{color:#fff;border-radius:var(--radius);background:#173d37;min-height:260px;margin-bottom:27px;padding:35px;position:relative;overflow:hidden}.hero-panel .eyebrow{color:#a3cdc2}.hero-panel h2{z-index:1;max-width:530px;margin:18px 0 12px;font-size:29px;position:relative}.hero-panel p{color:#b5ccc6;z-index:1;max-width:470px;font-size:13px;position:relative}.hero-panel .button{color:#233e29;z-index:1;background:#e9f2ce;margin-top:6px;position:relative}.hero-package{inset-inline-end:40px;color:#4f7766;position:absolute;bottom:26px;transform:rotate(-15deg)}.two-columns{grid-template-columns:1.35fr 1fr;gap:24px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;padding:25px}.step{border-top:1px solid var(--line);color:var(--ink);align-items:center;gap:14px;padding:18px 0;display:flex}.step>span{color:var(--primary);background:var(--soft);border-radius:8px;padding:10px;font-size:11px}.step strong{font-size:12px}.step p{margin:5px 0 0;font-size:11px}.step svg{color:var(--muted);flex-shrink:0;margin-inline-start:auto}.future{background:#eef2ee}.future h2{margin-top:25px}.future p{font-size:13px}.badge{color:#52636d;background:#edf1f3;border-radius:6px;padding:6px 10px;font-size:10px;display:inline-block}.badge.confirmed{background:var(--soft);color:var(--primary)}.badge.cancelled{color:#a34a4a;background:#f9eaea}.form{flex-direction:column;gap:18px;display:flex}.form label{flex-direction:column;gap:9px;font-size:12px;font-weight:600;display:flex}input,select,textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #dce3e7;border-radius:8px;min-height:43px;padding:12px}textarea{resize:vertical;min-height:95px}.field-row{gap:12px;display:flex}.field-row label{flex:1;min-width:0}.empty{text-align:center;padding:55px 10px}.empty h2{font-size:18px}.empty p{font-size:12px}.notice{color:#285d50;background:#e8f1ed;border-radius:9px;margin-bottom:22px;padding:14px 18px;line-height:1.6}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:start;border-bottom:1px solid var(--line);padding:16px 8px}th{text-transform:uppercase;color:var(--muted);letter-spacing:.7px;font-size:10px}.order-card{border-bottom:1px solid var(--line);padding:20px 0}.order-card:first-child{padding-top:0}.order-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-card small{color:var(--muted);overflow-wrap:anywhere;margin:10px 0;font-size:9px;display:block}.order-card p{font-size:12px}.amount{float:inline-end;color:var(--ink)}.inline{gap:10px;display:flex}.inline button{padding:8px 12px;font-size:11px}.muted{color:var(--muted)}.team-row{border-bottom:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:8px;padding:18px 0;display:flex}.team-row small{font-size:10px}.auth{border:1px solid var(--line);background:#fff;border-radius:20px;max-width:440px;margin:70px auto;padding:30px}.auth>.brand{margin-bottom:20px}.auth h1{font-size:28px}.auth>form:first-of-type{margin-bottom:20px}.setup{grid-template-columns:1fr 1fr;gap:40px;min-height:100vh;padding:45px 7%;display:grid}.setup>form{justify-self:end}.setup-copy{align-self:center;max-width:510px}.setup-copy h1{margin:20px 0;font-size:49px}.setup-copy p{font-size:16px}.setup-copy ol{color:var(--muted);padding-inline-start:20px;font-size:13px;line-height:2.4}.setup-copy code{font-size:11px}.setup-art{color:#fff;background:#173d37;border-radius:28px;align-self:center;min-height:450px;padding:45px}.setup-art>span{color:#a3cdc2;letter-spacing:2px;font-size:10px}.setup-art h2{margin:30px 0 40px;font-size:38px}.art-card{color:#a4c9be;background:#ffffff0d;border:1px solid #ffffff15;border-radius:10px;margin:15px 0;padding:20px;font-size:12px}.art-card strong{color:#fff;margin-inline-start:16px}.art-card.muted{opacity:.5}footer{color:#89969e;padding:20px 42px;font-size:10px}footer span{padding:0 10px}[dir=rtl] h1{letter-spacing:0}[dir=rtl] .hero-package{transform:rotate(15deg)}@media (max-width:1100px){.content{padding:28px}.sidebar{width:220px}.main{width:calc(100% - 220px);margin-inline-start:220px}.hero-package{opacity:.3}.two-columns.records{grid-template-columns:1fr}.setup{padding:30px}.setup-copy h1{font-size:38px}}@media (max-width:760px){.app-shell{display:block}.sidebar{border-inline-end:0;border-bottom:1px solid var(--line);width:100%;padding:18px;position:static}.sidebar .brand{font-size:21px}.sidebar .brand span,.workspace-chip,.nav-label,.sidebar-bottom{display:none}nav{flex-direction:row;gap:5px;margin-top:20px;overflow:auto}nav a{white-space:nowrap;padding:9px;font-size:12px}nav a svg{width:16px}.main{width:100%;margin-inline-start:0}header{height:60px;padding:0 20px}.content{padding:25px 18px}.page-heading{flex-direction:column;align-items:flex-start}h1{font-size:27px}.stats{gap:9px}.stat{gap:12px;padding:14px}.stat svg{display:none}.stat span{font-size:10px}.stat strong{font-size:28px}.stat small{font-size:9px}.hero-panel{padding:25px}.hero-panel h2{font-size:25px}.two-columns{grid-template-columns:1fr}.panel{padding:20px}.hero-package{inset-inline-end:-50px}.auth{max-width:none;margin:30px 15px}.setup{padding:25px;display:block}.setup>form{margin-top:20px}.setup-copy{padding:40px 0}.setup-copy h1{font-size:36px}.setup-art{padding:30px}.setup-art h2{font-size:30px}footer{padding:20px}}.header-actions{align-items:center;gap:18px;display:flex}nav a[aria-current=page]{background:var(--soft);color:var(--primary);font-weight:700}.setup{grid-template-rows:auto 1fr}.setup>.brand{align-self:start;row-gap:8px;line-height:1.3}.preview-banner{color:#4d6231;background:#edf3dd;border-bottom:1px solid #e0e8cd;padding:12px 42px;font-size:12px;line-height:1.6}.preview-brand{color:var(--ink);text-align:start;background:0 0;justify-content:flex-start;padding:0}.preview-brand:hover{background:0 0}.sidebar nav button{color:#687780;background:0 0;justify-content:flex-start;padding:13px 12px;font-size:14px;font-weight:400}.sidebar nav button:hover,.sidebar nav button[aria-current=page]{background:var(--soft);color:var(--primary)}.preview-step{text-align:start;background:0 0;border-radius:0;width:100%;font-weight:400}.preview-step:hover{background:#f8fbfa}.preview-search{border:1px solid var(--line);color:var(--muted);border-radius:9px;align-items:center;gap:5px;padding-inline-start:12px;display:flex}.preview-search input{border:0}.courier-placeholder{color:#657f6b;border:1px dashed #c5d2c7;border-radius:10px;align-items:center;gap:14px;margin-top:30px;padding:20px;display:flex}.courier-placeholder span{font-size:12px}.empty>svg{color:#9ab3a9;margin-bottom:18px}.panel hr{border:0;border-top:1px solid var(--line);margin:25px 0}@media (max-width:760px){.preview-banner{padding:12px 20px;font-size:10px}.sidebar nav button{white-space:nowrap;padding:9px;font-size:12px}.header-actions .badge{font-size:8px}.header-actions{gap:8px}}:root{--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--muted:#60717b;--status-info:#e8eef4;--status-success:#e6f2ee;--status-warning:#f5efd9;--status-error:#f9eaea}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border:2px solid var(--primary);background:#fff;padding:12px;position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.workspace-header-name{align-items:center;gap:12px;min-width:0;display:flex}.workspace-header-name>span{overflow-wrap:anywhere}.mobile-menu-button{display:none}.planned-navigation{color:var(--muted);margin:18px 8px;font-size:12px}.planned-navigation summary{cursor:pointer;padding:8px 0}.planned-navigation ul{padding:0;list-style:none}.planned-navigation li{justify-content:space-between;gap:12px;padding:10px 0;font-size:11px;display:flex}.planned-navigation small{white-space:nowrap;font-size:9px}.mobile-navigation-dialog{width:min(320px,90vw);max-width:90vw;height:100dvh;max-height:100dvh;color:var(--ink);background:#fff;border:0;margin:0;padding:0;inset-block:0;inset-inline:0 auto}.mobile-navigation-dialog::backdrop,.confirmation-dialog::backdrop{background:#132a35a6}.mobile-navigation-inner{flex-direction:column;min-height:100%;padding:24px;display:flex}.drawer-close{align-self:flex-end;margin-bottom:20px;padding:8px}.mobile-navigation-inner .brand span{display:block}.mobile-navigation-inner nav{flex-direction:column}.mobile-navigation-inner .workspace-chip{display:flex}.mobile-navigation-inner .nav-label,.mobile-navigation-inner .sidebar-bottom{display:block}.confirmation-dialog{border:1px solid var(--line);max-width:min(460px,100vw - 32px);color:var(--ink);border-radius:16px;padding:28px}.confirmation-dialog h2{margin-bottom:12px}.confirmation-dialog .inline{justify-content:flex-end;margin-top:24px}.field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field>label{font-size:12px;font-weight:600}.feedback-state{background:var(--soft);border-radius:12px;align-items:flex-start;gap:12px;padding:20px;line-height:1.7;display:flex}.feedback-state svg{flex-shrink:0;margin-top:3px}.error-state{background:var(--status-error);margin-top:16px}.error-state h2{margin:0;font-size:15px}.error-state p{color:var(--ink);margin-bottom:0}.timeline,.onboarding-list{margin:0;padding:0;list-style:none}.timeline li,.onboarding-list li{border-bottom:1px solid var(--line);gap:14px;padding:16px 0;display:flex}.timeline svg,.onboarding-list svg{color:var(--primary);flex-shrink:0}.timeline p{margin:8px 0;font-size:12px}.timeline small{color:var(--muted)}.onboarding-list li{font-size:13px;line-height:1.6}.portal-preview-switcher{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.portal-preview-switcher a{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px;font-size:12px}.offer-card h2{margin:0}.offer-card p{font-size:13px}@media (max-width:760px){.desktop-sidebar{display:none}.mobile-menu-button{padding:8px;display:inline-flex}.workspace-header-name{font-size:11px}.workspace-header-name .status-dot{display:none}.workspace-header-name>span{max-width:130px}.header-actions .text-button{font-size:11px}.mobile-navigation-inner .brand{font-size:21px}.mobile-navigation-inner .brand span{font-size:9px}.mobile-navigation-inner nav a{padding:13px 12px;font-size:14px}.portal-preview-switcher{gap:6px}.portal-preview-switcher a{padding:8px;font-size:11px}.feedback-state{padding:16px}}:root{--muted:#586974}.nav-label,.stat span,.stat small,footer{color:var(--muted)}.courier-placeholder{color:#526958}.settings-stack{flex-direction:column;gap:24px;display:flex}.courier-onboarding{max-width:620px}.review-details div{border-block-end:1px solid var(--line);padding-block:12px}.review-details dt{font-weight:700}.review-details dd{overflow-wrap:anywhere;margin:6px 0 0}.document-list{padding-inline-start:20px}.document-list li{overflow-wrap:anywhere;padding-block:10px}.document-list small{color:var(--muted);display:block}.support-entry{border-block-end:1px solid var(--line);padding-block:16px}.form .checkbox-label{flex-direction:row;align-items:center;gap:8px;display:flex}.checkbox-label input{width:auto}.section-gap{margin-block-start:24px}.price-breakdown{margin-block:20px}.price-breakdown div{border-block-end:1px solid var(--line);justify-content:space-between;gap:16px;padding-block:10px;display:flex}.price-breakdown dd{white-space:nowrap;margin:0;font-weight:700}.price-breakdown div:last-child{color:var(--primary);font-weight:700}.quote-detail{max-width:720px}.desktop-sidebar{overflow-y:auto}.desktop-sidebar>*{flex-shrink:0}.record-filters{flex-wrap:wrap;align-items:end;gap:16px;margin-block-end:24px;display:flex}.record-filters label{flex-direction:column;flex:1;gap:8px;min-width:160px;display:flex}.record-filters .checkbox-label{flex-direction:row;align-items:center;padding-block:12px}.record-pagination{margin-block-start:20px;display:block}.record-pagination>div{flex-wrap:wrap;gap:12px;display:flex}.item-editor{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:16px;min-width:0;padding:20px;display:flex}.item-editor legend{padding-inline:8px;font-weight:700}.parcel-dimensions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.order-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-block:16px;display:flex}.record-filters input{max-width:100%}.bulk-parcel-choice{overflow-wrap:anywhere;min-width:0}.tracking-page{max-width:760px;min-height:100vh;margin:0 auto;padding:32px 20px}.public-site{background:#f4f7f9;min-height:100vh}.public-header,.public-footer{flex-wrap:wrap;align-items:center;gap:24px;max-width:1280px;margin:auto;padding:24px 36px;display:flex}.public-header .brand{margin-inline-end:auto;font-size:25px}.public-header nav,.public-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.public-header a,.public-footer a{font-weight:600}.public-main{max-width:1180px;margin:0 auto;padding:64px 36px}.public-main>h1{letter-spacing:-.035em;max-width:860px;margin:20px 0 28px;font-size:clamp(32px,5vw,62px);line-height:1.12}.public-lead{max-width:780px;margin-bottom:32px;font-size:21px;line-height:1.7}.public-build-status{color:#245951;background:#e7f1ee;border-inline-start:3px solid #127165;max-width:900px;padding:14px 18px}.public-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;display:grid}.public-main .panel h2{font-size:21px}.public-main li{margin-block:12px;line-height:1.8}.public-demo-links{border:1px dashed #bdccc9;border-radius:16px;padding:28px}.public-footer{border-top:1px solid #dce5e9;font-size:13px}.public-footer span{margin-inline-end:auto}@media (max-width:700px){.public-header,.public-footer{gap:18px;padding:20px}.public-header nav{order:3;gap:18px;width:100%;font-size:13px}.public-main{padding:32px 20px}.public-actions{gap:16px}.public-header .public-actions{font-size:12px}.public-lead{font-size:18px}}.public-header{justify-content:flex-start;height:auto;min-height:80px}.public-header nav{flex-direction:row;margin:0;overflow:visible}.public-header nav a{white-space:normal;padding:8px 0;font-size:14px}.cod-schema{overflow-wrap:anywhere}.report-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin-block:20px;display:grid}.report-card{overflow-wrap:anywhere;min-width:0}.report-value{margin-block:12px;font-size:1.8rem;font-weight:750}.report-services{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.inbox-message,.inbox-reference{overflow-wrap:anywhere;white-space:pre-wrap}.crm-workspace a:not(.button),.customer-history a,.confirmation-workspace a:not(.button){text-underline-offset:.15em;text-decoration:underline}.confirmation-facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}.confirmation-facts dd{margin:8px 0;font-weight:700}.recovery a{text-underline-offset:3px;text-decoration:underline}.recovery .panel{margin-block-end:1rem}.recovery-item{border-block-end:1px solid var(--border,#cbd5e1);overflow-wrap:anywhere;padding-block:1rem}.recovery-facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:1rem;display:grid}.recovery-facts dd{overflow-wrap:anywhere;margin-inline:0;font-weight:700}.recovery code{overflow-wrap:anywhere}.recovery input[type=checkbox]{width:auto;min-height:auto;vertical-align:middle;block-size:1.1rem;inline-size:1.1rem;margin-inline-end:.5rem;padding:0}.billing a{text-underline-offset:3px;text-decoration:underline}.billing .panel{margin-block:1rem}.billing-item{overflow-wrap:anywhere;border-block-end:1px solid var(--border,#cbd5e1);padding-block:1rem}.billing-plan-form{margin-block:1rem 2rem}.billing input[type=checkbox]{width:auto;min-height:auto;vertical-align:middle;block-size:1.1rem;inline-size:1.1rem;margin-inline-end:.5rem;padding:0}.billing code{overflow-wrap:anywhere}.billing-actions{flex-wrap:wrap;gap:1rem;display:flex}:root{--brand-navy:#101d30;--brand-mint:#5de0bb}.brand{color:var(--brand-navy);letter-spacing:-.7px}.brand svg{color:var(--brand-navy);background:var(--brand-mint);border-radius:7px;flex-shrink:0;padding:3px}.hero-panel,.setup-art{background:var(--brand-navy)}
