/* Medusa Cargo • design system 2026.11.06 */
:root{--navy:#11234a;--ink:#1b2c4b;--muted:#667791;--blue:#2264f4;--blue-dark:#154bd0;--sky:#eaf1ff;--line:#e3eaf4;--surface:#fff;--bg:#f5f8fc;--green:#137f64;--amber:#9a671d;--red:#b33a48;--shadow:0 14px 44px rgba(29,59,107,.07);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #81adff;outline-offset:3px}button{border:0}h1,h2,h3,h4,p{margin:0}svg.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;flex:none}img{max-width:100%}.muted{color:var(--muted)}.eyebrow{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.mono{font-variant-numeric:tabular-nums}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:41px;height:41px;background:var(--blue);border-radius:13px;box-shadow:0 7px 19px #2264f42b}.brand-mark svg{width:26px;height:26px;stroke:white;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.brand-name{font-size:18px;font-weight:850;letter-spacing:-.8px;line-height:1.1;color:var(--navy)}.brand-name em{font-style:normal;font-weight:500;color:var(--blue)}.brand-name small{display:block;font-size:8px;letter-spacing:2.15px;font-weight:700;color:#7183a0;margin-top:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 19px;border:1px solid transparent;border-radius:10px;background:var(--blue);color:#fff;font-weight:700;font-size:13px;line-height:1.4;box-shadow:0 6px 14px #2264f41e;transition:background .15s,transform .15s,box-shadow .15s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--blue-dark);box-shadow:0 7px 21px #2264f433;transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none}.btn.secondary:hover{background:#f0f5ff;border-color:#bfd1f5}.btn.ghost{background:transparent;box-shadow:none;color:var(--muted);padding-left:10px;padding-right:10px}.btn.danger{background:#fff2f3;color:var(--red);border-color:#f0ced3;box-shadow:none}.btn.small{font-size:11px;min-height:33px;padding:7px 11px;border-radius:8px}.btn.full{width:100%}.btn.white{background:#fff;color:var(--blue)}.text-link{background:transparent;border:0;color:var(--blue);padding:0;font-weight:700;font-size:12px;cursor:pointer}.pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:750;line-height:1.3;padding:6px 9px;border-radius:6px;background:#edf3ff;color:#3967bc;white-space:nowrap}.pill.green{background:#e8f7f0;color:#168363}.pill.amber{background:#fff5e4;color:#90611e}.pill.red{background:#fff0f1;color:#ad3647}.pill.gray{background:#eff2f6;color:#68768c}.live-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #2264f414}.section-kicker{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:12px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.hidden{display:none!important}.container{max-width:1240px;margin:0 auto;padding:0 32px}.public-body{background:white}.site-header{position:sticky;top:0;z-index:30;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #e3eaf499}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;height:87px}.site-links{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:650;color:#536781}.site-links a:hover{color:var(--blue)}.nav-actions{display:flex;gap:8px;align-items:center}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 40%,#dceaff 0,transparent 60%),linear-gradient(180deg,#f8fbff,#f4f8ff);padding:76px 0 52px}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:60px}.hero .pill{border:1px solid #d5e4ff;background:#ffffffba;margin-bottom:25px;font-size:10px;padding:8px 12px;border-radius:99px}.hero h1{font-size:clamp(45px,5.6vw,73px);line-height:1.04;letter-spacing:-4px;font-weight:800;color:var(--navy);max-width:630px}.hero h1 span{color:var(--blue)}.hero-copy>p{font-size:16px;line-height:1.85;color:#5c7090;margin-top:23px;max-width:495px}.hero-actions{display:flex;gap:12px;margin-top:29px;flex-wrap:wrap}.hero-actions .btn{min-height:49px;padding:13px 20px}.hero-fine{font-size:11px!important;color:#7084a2!important;margin-top:17px!important}.hero-visual{position:relative;padding:20px 0 35px}.product-window{background:white;border:1px solid #dbe6f5;border-radius:20px;box-shadow:0 28px 80px #376db522,0 2px 4px #26365806;transform:rotate(-2deg);overflow:hidden}.window-head{height:55px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 21px;font-weight:750;font-size:11px}.window-head .dots{display:flex;gap:4px}.window-head .dots i{width:5px;height:5px;border-radius:50%;background:#ccd9eb}.flow-surface{height:225px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#fff,#edf4ff)}.flow-surface:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#4479c40b 1px,transparent 1px),linear-gradient(90deg,#4479c40b 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(#000,transparent)}.flow-surface svg{position:absolute;inset:0;width:100%;height:100%}.flow-node{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #cbdcf5;background:#fff;box-shadow:0 8px 24px #3563a213;border-radius:11px;font-size:11px;font-weight:750}.flow-node .icon{color:#397cf2;width:17px;height:17px}.flow-node small{display:block;font-size:9px;color:#7891b0;font-weight:500;margin-top:1px}.flow-node.one{top:30px;left:24px}.flow-node.two{top:91px;right:25px}.flow-node.three{bottom:21px;left:55px}.window-timeline{padding:20px 21px;display:grid;gap:13px}.step-row{display:flex;gap:12px;align-items:center;font-size:11px}.step-index{height:27px;width:27px;display:grid;place-items:center;border-radius:8px;background:#edf3ff;color:#3475e4;font-weight:800;font-size:10px}.step-row strong{display:block;color:#425b7b}.step-row small{color:#8294aa;font-size:10px}.preview-float{position:absolute;bottom:12px;right:-12px;background:#fff;border:1px solid #dce9f8;padding:15px 20px;border-radius:12px;box-shadow:0 15px 36px #3252871c;display:flex;gap:12px;align-items:center;font-size:11px}.preview-float>.icon{color:var(--green);width:25px;height:25px}.preview-float small{display:block;font-size:10px;color:#8093aa;margin-top:2px}.hero-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dbe5f5;margin-top:60px;padding-top:23px;font-size:10px;color:#778ba6;letter-spacing:.6px}.hero-foot b{font-weight:700;color:#536e93}.section{padding:84px 0}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:32px}.section-head h2{font-size:38px;line-height:1.17;letter-spacing:-1.7px;color:var(--navy);max-width:590px}.section-head p{font-size:13px;line-height:1.9;max-width:350px;color:#74869e}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border:1px solid var(--line);border-radius:16px;padding:28px;background:#fff;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature-icon{width:45px;height:45px;border-radius:13px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;margin-bottom:22px}.feature h3{font-size:19px;letter-spacing:-.5px;margin-bottom:10px}.feature p{color:#74869b;font-size:12px;line-height:1.9;margin-bottom:22px}.feature ul,.plan ul{padding:0;list-style:none;display:grid;gap:13px;margin:20px 0 26px;font-size:12px;color:#607792}.feature li,.plan li{display:flex;align-items:center;gap:9px}.feature li:before,.plan li:before{content:'✓';color:#3585da;font-size:11px;font-weight:800}.section.wash{background:#f6f9fe;border-top:1px solid #edf2f9;border-bottom:1px solid #edf2f9}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.process article{padding:8px 18px 0 0}.process .num{font-size:33px;letter-spacing:-1px;font-weight:750;color:#b0cafa;border-bottom:1px solid #dae6fa;padding-bottom:14px;margin-bottom:16px}.process h3{font-size:15px;margin-bottom:9px}.process p{font-size:12px;color:#71849e;line-height:1.9}.security{background:#102348;border-radius:23px;display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:47px;color:#e5edff}.security h2{color:#fff;font-size:33px;line-height:1.2;letter-spacing:-1.4px;margin:13px 0 18px}.security .section-kicker{color:#8fbcff}.security p{color:#9fb3d3;font-size:12px;line-height:1.95}.security-list{display:grid;gap:13px}.security-item{border:1px solid #2b4064;background:#ffffff04;border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px}.security-item .icon{color:#88c4ff}.security-item h3{font-size:12px;font-weight:650}.security-item p{font-size:10px;line-height:1.5;margin-top:3px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{position:relative;border:1px solid var(--line);border-radius:17px;padding:28px;background:#fff;display:flex;flex-direction:column}.plan.featured{border:1.5px solid #3e79ee;box-shadow:0 13px 35px #396cec16;background:linear-gradient(#f7faff,#fff 55%)}.plan h3{font-size:17px;font-weight:750}.plan p{font-size:12px;color:#7c8ca2;margin-top:6px;line-height:1.8}.plan-price{font-size:45px;color:var(--navy);font-weight:750;letter-spacing:-2px;margin-top:24px}.plan-price small{font-size:12px;color:#8392a8;font-weight:500;letter-spacing:0}.plan-label{font-size:9px;font-weight:800;color:var(--blue);letter-spacing:1px;text-transform:uppercase;position:absolute;right:24px;top:29px}.plan .btn{margin-top:auto}.pricing-note{font-size:11px;color:#71829a;line-height:1.9;margin-top:20px;max-width:800px}.cta-section{padding:55px 0;border-top:1px solid var(--line)}.cta-bar{display:flex;justify-content:space-between;gap:24px;align-items:center}.cta-bar h2{font-size:29px;letter-spacing:-1px;color:var(--navy)}.cta-bar p{font-size:12px;color:#7d8fa5;margin-top:8px}.site-footer{background:#f6f9fd;border-top:1px solid var(--line);padding:30px 0;color:#8b9ab0;font-size:10px}.site-footer .row{gap:24px}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.public-mobile-toggle{display:none}
/* Authenticated workspace */
.app-shell{display:grid;grid-template-columns:231px minmax(0,1fr);min-height:100vh}.app-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #dfe7f3;background:#fbfcff;display:flex;flex-direction:column;padding:26px 13px 17px;z-index:45}.app-sidebar .brand{margin:0 10px 28px}.app-sidebar .brand-mark{width:34px;height:34px;border-radius:11px}.app-sidebar .brand-name{font-size:17px}.nav-caption{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#94a3b8;margin:14px 14px 9px;text-transform:uppercase}.app-nav{display:grid;gap:4px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:11px;color:#6f8099;padding:10px 13px;min-height:41px;border-radius:8px;font-size:12px;font-weight:600;transition:background .15s;color .15s}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:#edf3fd;color:#2e65c8}.nav-item.active{background:#e9f1ff;color:var(--blue);font-weight:750;box-shadow:inset 2px 0 var(--blue)}.sidebar-bottom{margin-top:auto;padding-top:18px}.org-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e3ebf7;background:#fff;border-radius:11px}.org-avatar{width:32px;height:32px;border-radius:9px;background:#e7efff;display:grid;place-items:center;color:#376bd3;font-weight:800;flex:none}.org-card strong{font-size:11px;display:block;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-card small{font-size:9px;color:#93a3b8}.sidebar-bottom .foot-label{font-size:9px;color:#94a2b6;text-align:center;padding-top:11px}.app-body{min-width:0}.app-topbar{height:74px;background:#ffffffee;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 32px;gap:14px;position:sticky;top:0;z-index:25;backdrop-filter:blur(16px)}.breadcrumb{font-size:11px;color:#8b9db5;display:flex;gap:10px;align-items:center}.breadcrumb b{color:#506887;font-weight:650}.app-top-actions{display:flex;gap:10px;align-items:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2eaf5;border-radius:10px;background:#fff;color:#6a819e;position:relative}.notification-dot{position:absolute;right:7px;top:7px;width:6px;height:6px;background:#ef8e54;border-radius:50%;border:1px solid #fff}.app-content{max-width:1540px;padding:29px 32px 65px;margin:auto;min-height:calc(100vh - 74px)}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:24px}.page-head h1{font-size:28px;letter-spacing:-1.1px;line-height:1.2;color:#1c3156;margin-top:5px}.page-head p{font-size:12px;color:#7e90a9;margin-top:9px;line-height:1.8}.page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.app-eyebrow{font-size:9px;letter-spacing:1.7px;color:#7c9bcb;font-weight:800;text-transform:uppercase}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 17px #2e508c05}.panel-head{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #edf1f8}.panel-head h2{font-size:14px;font-weight:750;letter-spacing:-.25px}.panel-head small{font-size:10px;color:#8b9bb0}.panel-body{padding:23px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:21px}.kpi{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px 21px;overflow:hidden}.kpi-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8494ac}.kpi-top .icon{width:18px;height:18px;color:#86a8da}.kpi strong{display:block;font-size:31px;line-height:1.2;letter-spacing:-1px;margin:11px 0 5px;color:#213f6a;font-weight:750}.kpi p{font-size:10px;color:#94a1b5}.kpi:after{content:'';position:absolute;bottom:0;left:21px;right:21px;height:2px;background:linear-gradient(90deg,#a8c5ff,#f5f8ff)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:18px}.welcome-panel{position:relative;overflow:hidden;background:linear-gradient(130deg,#eff5ff,#fff);padding:28px;border:1px solid #d9e6fa;border-radius:17px;margin-bottom:18px}.welcome-panel h2{font-size:22px;line-height:1.3;letter-spacing:-.7px;max-width:430px;margin:10px 0}.welcome-panel p{font-size:12px;max-width:460px;color:#7c90ad;line-height:1.9}.welcome-panel .actions{margin-top:21px}.welcome-mark{position:absolute;right:-40px;top:-42px;width:220px;height:220px;border:30px solid #2264f405;border-radius:50%;pointer-events:none}.setup-list{display:grid}.setup-row{display:flex;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid #edf1f8}.setup-row:last-child{border:0}.setup-check{width:30px;height:30px;border-radius:9px;background:#f0f4fc;color:#9cb0cf;display:grid;place-items:center;flex:none;font-size:12px}.setup-check.done{background:#e8f6ef;color:#248d6c}.setup-row strong{display:block;font-size:12px;margin-bottom:3px}.setup-row small{font-size:10px;color:#8a9eb5}.event-list{padding:4px 23px}.event-item{display:flex;gap:11px;padding:16px 0;border-bottom:1px solid #edf2f8}.event-item:last-child{border:0}.event-dot{width:29px;height:29px;border-radius:9px;background:#f0f5ff;display:grid;place-items:center;flex:none;color:#7b9ecf}.event-item strong{font-size:11px;display:block}.event-item small{font-size:10px;color:#90a0b6}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mt{margin-top:18px}.notice{border:1px solid #dce8f8;background:#f1f6ff;color:#597596;padding:15px 18px;border-radius:11px;font-size:12px;line-height:1.8;display:flex;gap:11px;align-items:start;margin-bottom:18px}.notice .icon{width:17px;height:17px;margin-top:2px;color:#6b90c6}.notice.amber{background:#fffaef;border-color:#f1e5ca;color:#97712e}.notice.red{background:#fff3f4;border-color:#f3d1d5;color:#a43a48}.notice strong{font-weight:750}.empty{padding:48px 25px;text-align:center}.empty-icon{height:60px;width:60px;border-radius:18px;background:#f0f5fd;color:#8caddd;display:grid;place-items:center;margin:0 auto 18px}.empty-icon .icon{width:28px;height:28px}.empty h3{font-size:17px;letter-spacing:-.35px;margin-bottom:9px}.empty p{color:#879bb4;font-size:12px;line-height:1.85;max-width:440px;margin:auto}.empty .actions{justify-content:center;margin-top:21px}.toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 17px}.segmented{display:inline-flex;border:1px solid #e0e9f6;border-radius:9px;padding:4px;background:#fff;gap:3px}.segmented a,.segmented button{padding:8px 13px;color:#7b8ca6;font-size:11px;font-weight:700;border-radius:6px;background:none}.segmented .active{background:#eaf2ff;color:#2d6ce4}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 17px}.filters input,.filters select{border:1px solid #dfe7f2;background:white;border-radius:9px;min-height:40px;padding:9px 12px;color:#4b627f;font-size:11px}.filters input[type=search]{min-width:215px;flex:1}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:700px;font-size:12px}.data-table th{background:#f9fbfe;color:#879bb4;font-size:9px;letter-spacing:.8px;text-transform:uppercase;font-weight:750;padding:13px 20px;border-bottom:1px solid #e7edf7;white-space:nowrap}.data-table td{padding:17px 20px;border-bottom:1px solid #edf1f7;color:#617a98;vertical-align:middle}.data-table tr:last-child td{border:0}.data-table tbody tr:hover{background:#f8fbff}.data-table td strong{font-size:12px;color:#314d70;font-weight:650}.data-table td small{display:block;font-size:10px;color:#98a8bc;margin-top:4px}.table-route{display:flex;flex-direction:column;gap:4px}.table-route strong:before{content:'';display:inline-block;width:5px;height:5px;border:1.5px solid #669aef;border-radius:50%;margin-right:8px}.table-route span{font-size:10px;color:#8096af}.table-route span:before{content:'↳';color:#9baecc;margin-right:8px}.table-footer{padding:13px 20px;border-top:1px solid var(--line);font-size:10px;color:#91a1b7}.saved-searches{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.saved-searches button{background:#edf3ff;border:1px solid #dce7fa;color:#4878c7;padding:6px 10px;border-radius:99px;font-size:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:block;font-size:11px;font-weight:700;color:#6d829e;line-height:1.4}.field input,.field select,.field textarea{display:block;width:100%;min-height:43px;margin-top:7px;padding:11px 12px;background:#fcfdff;color:#2b466b;border:1px solid #dce6f3;border-radius:8px;font-size:12px;outline-offset:2px}.field textarea{min-height:86px;resize:vertical}.field select[multiple]{min-height:110px}.field small{display:block;font-size:10px;font-weight:400;color:#95a6bb;line-height:1.6;margin-top:5px}.span2{grid-column:1/-1}.form-section{padding:25px;border-bottom:1px solid #edf1f7}.form-section:last-child{border-bottom:0}.form-section h2{font-size:14px;margin-bottom:19px;letter-spacing:-.2px;display:flex;align-items:center;gap:10px}.section-number{height:24px;width:24px;background:#eef4ff;color:#6391db;border-radius:7px;font-size:10px;font-weight:750;display:grid;place-items:center}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 25px;background:#fafcff}.form-footer p{font-size:10px;color:#8da0b9;max-width:430px;line-height:1.8}.check-field{display:flex;align-items:start;gap:10px;font-size:11px;color:#6c819e;line-height:1.8;margin-top:17px}.check-field input{margin-top:4px;accent-color:var(--blue)}.form-error{padding:13px;border:1px solid #efd0d6;border-radius:9px;color:#ab4352;background:#fff3f5;font-size:12px;margin-top:15px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.summary-item{border:1px solid #e5edf7;background:#fbfdff;border-radius:10px;padding:15px}.summary-item small{display:block;color:#91a1b7;font-size:9px;letter-spacing:.5px;margin-bottom:7px}.summary-item strong{font-size:12px;color:#35506f;overflow-wrap:anywhere}.detail-route{display:flex;gap:20px;align-items:center;margin:12px 0 25px;font-size:23px;letter-spacing:-.6px;font-weight:750;color:#284365}.detail-route .icon{color:#8eaadd}.details-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start}.detail-note{font-size:12px;color:#7287a3;line-height:1.9;padding:17px;border:1px solid var(--line);border-radius:10px;margin-top:13px;white-space:pre-wrap}.message-bubbles{max-height:390px;overflow:auto;display:flex;flex-direction:column;gap:13px;padding:19px}.bubble{align-self:flex-start;max-width:82%;background:#f1f5fc;border:1px solid #e0e9f6;border-radius:11px 11px 11px 2px;padding:12px 15px}.bubble.own{align-self:flex-end;background:#eaf2ff;border-color:#d7e6ff;border-radius:11px 11px 2px 11px}.bubble strong{font-size:9px;color:#7a94b6}.bubble p{font-size:12px;color:#466485;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.bubble small{color:#9aabc0;font-size:8px}.chat-form{display:flex;gap:10px;padding:18px;border-top:1px solid var(--line)}.chat-form textarea{flex:1;min-width:0;border:1px solid #dce6f3;border-radius:9px;padding:12px;resize:vertical;font-size:12px;min-height:45px}.timeline{display:grid;gap:0}.timeline-item{display:flex;gap:14px;padding-bottom:25px;position:relative}.timeline-item:before{content:'';position:absolute;left:13px;top:28px;bottom:0;width:1px;background:#dce7f7}.timeline-item:last-child:before{display:none}.timeline-item>span{height:28px;width:28px;border:1px solid #cde0fd;color:#4b87df;background:#f0f6ff;border-radius:50%;display:grid;place-items:center;font-size:10px;flex:none}.timeline-item strong{font-size:12px;display:block}.timeline-item p{font-size:11px;color:#8b9eb6;margin-top:3px;white-space:pre-wrap}.timeline-item time{font-size:9px;color:#9cacc2}.onboarding-progress{display:flex;gap:6px;margin:21px 0}.onboarding-progress i{height:4px;border-radius:9px;flex:1;background:#e7edf7}.onboarding-progress i.done{background:#5a97f1}.profile-info{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}.profile-item{border-bottom:1px solid var(--line);padding:8px 0 15px}.profile-item small{font-size:10px;color:#8ca0bb;display:block;margin-bottom:5px}.profile-item b{font-weight:650;font-size:12px;overflow-wrap:anywhere}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.quick-link{display:flex;align-items:center;gap:12px;padding:20px;border:1px solid var(--line);border-radius:12px;background:white}.quick-link .icon{color:#7199cf}.quick-link strong{font-size:11px;display:block}.quick-link small{font-size:9px;color:#92a4bc}.mobile-nav-button{display:none}.app-footnote{font-size:9px;color:#9aabc1;padding:22px 0 0;line-height:1.7}.readiness-list{display:grid;gap:12px}.readiness-item{display:flex;gap:13px;border:1px solid var(--line);padding:18px;border-radius:12px;align-items:start}.readiness-item strong{display:block;font-size:12px}.readiness-item p{color:#8a9bb3;font-size:11px;margin-top:4px;line-height:1.8}.readiness-item .pill{margin-left:auto}.skeleton{height:100px;border-radius:13px;background:linear-gradient(100deg,#eaf0f9 30%,#f5f8fd 48%,#eaf0f9 68%);background-size:200% 100%;animation:shimmer 1.6s infinite}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:150;display:grid;gap:10px;max-width:390px}.toast{padding:16px 21px;border:1px solid #c8dcec;background:#fff;border-radius:12px;color:#395b80;box-shadow:0 15px 45px #1d3d6b26;font-size:12px;animation:appear .2s ease}.toast.error{border-color:#f0c6cf;background:#fff7f8;color:#a63e50}.modal-layer{position:fixed;inset:0;z-index:100;background:#11264775;backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px;overflow:auto}.modal-box{width:min(680px,100%);max-height:calc(100vh - 48px);overflow:auto;background:white;border:1px solid #d9e5f4;border-radius:20px;box-shadow:0 25px 90px #0f254355;position:relative}.modal-box.wide{width:min(960px,100%)}.modal-head{padding:25px 28px 20px;border-bottom:1px solid #eaf0f8;display:flex;justify-content:space-between;gap:18px;align-items:start}.modal-head h2{font-size:22px;letter-spacing:-.7px;margin:6px 0}.modal-head p{font-size:11px;color:#879bb6;line-height:1.8}.modal-close{background:#f4f7fc;border:1px solid #e1eaf7;color:#8699b2;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;flex:none}.modal-content{padding:24px 28px}.auth-page{min-height:100vh;background:radial-gradient(ellipse at 0 0,#e8f1ff,transparent 60%),var(--bg);display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr)}.auth-aside{background:#11264d;color:#bfd1ee;padding:55px;display:flex;flex-direction:column;position:sticky;height:100vh;top:0;overflow:hidden}.auth-aside:after{content:'';position:absolute;width:500px;height:500px;border:70px solid #ffffff03;border-radius:50%;bottom:-250px;right:-180px;pointer-events:none}.auth-aside .brand-name,.auth-aside .brand-name em{color:white}.auth-aside .brand-name small{color:#7998c4}.auth-aside .brand-mark{background:#337afb}.auth-copy{margin:auto 0;max-width:440px;position:relative;z-index:1}.auth-copy h1{font-size:45px;letter-spacing:-2px;line-height:1.12;color:white;margin:19px 0}.auth-copy h1 span{color:#83b7ff}.auth-copy p{color:#94afd2;font-size:13px;line-height:1.95;max-width:360px}.auth-points{display:grid;gap:16px;margin-top:35px}.auth-points div{display:flex;gap:12px;align-items:center;font-size:11px}.auth-points .icon{width:18px;height:18px;color:#83aff0}.auth-aside-foot{font-size:10px;color:#7393bd}.auth-main{padding:45px;display:grid;place-items:center}.auth-inner{width:100%;max-width:570px}.auth-inner h2{font-size:30px;letter-spacing:-1px;color:#254065;margin:9px 0}.auth-inner>p{color:#879ab4;font-size:12px;line-height:1.9;margin-bottom:25px}.role-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0 23px}.role-option{position:relative;padding:15px 12px;border:1px solid #dce7f6;background:#fff;border-radius:11px;text-align:left;color:#5d7698;min-height:105px;cursor:pointer}.role-option input{position:absolute;opacity:0;pointer-events:none}.role-option.selected{border-color:#78a5f7;background:#edf4ff;box-shadow:inset 0 0 0 1px #78a5f7}.role-option .icon{color:#7194c5;margin-bottom:9px}.role-option strong{font-size:11px;display:block;color:#415f87}.role-option small{font-size:9px;display:block;margin-top:4px;color:#8ba0bd}.auth-legal{font-size:10px;color:#8a9eb9;line-height:1.9;margin-top:20px}.auth-legal a{text-decoration:underline;color:#6388bd}.auth-toplink{display:flex;justify-content:end;margin-bottom:28px;font-size:11px;color:#8095b2}.auth-toplink a{color:#3b72cb;font-weight:700;margin-left:5px}.auth-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:24px}.auth-error{margin:15px 0 0}.route-stop{border:1px solid #dfe9f6;background:#f9fbff;padding:16px;border-radius:10px;margin-top:13px}.mobile-shade{display:none}@keyframes shimmer{to{background-position:-200% 0}}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.app-content{padding-left:50px;padding-right:50px}}
@media(max-width:1140px){.site-links{gap:15px}.hero-grid{gap:30px}.hero h1{font-size:61px}.auth-aside{padding:35px}.auth-copy h1{font-size:39px}.app-shell{grid-template-columns:204px minmax(0,1fr)}.app-sidebar{padding-left:10px;padding-right:10px}.app-sidebar .brand-name{font-size:15px}.app-sidebar .brand-name small{font-size:7px}.app-content{padding:23px}.app-topbar{padding:0 23px}.kpi-grid{gap:10px}.kpi{padding:16px}.dashboard-grid{grid-template-columns:1fr}.details-columns{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.site-links{display:none}.hero{padding:48px 0}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{max-width:620px}.hero h1{font-size:62px}.hero-visual{max-width:600px;width:100%;margin:auto}.hero-foot{margin-top:35px;flex-wrap:wrap}.feature-grid,.pricing-grid{gap:12px}.feature,.plan{padding:22px}.security{padding:32px;gap:25px}.section-head{align-items:start;flex-direction:column;gap:14px}.section-head p{max-width:580px}.process{grid-template-columns:repeat(2,1fr)}.auth-page{display:block}.auth-aside{display:none}.auth-main{min-height:100vh;padding:38px 24px}.auth-inner{max-width:580px}.app-shell{display:block}.app-sidebar{position:fixed;transform:translateX(-101%);width:240px;transition:transform .2s}.app-sidebar.open{transform:translateX(0)}.mobile-nav-button{display:inline-flex}.mobile-shade.active{display:block;position:fixed;inset:0;background:#0c234a55;z-index:40}.breadcrumb .brand-crumb{display:none}.quick-links{grid-template-columns:1fr}.app-content{padding:24px}.kpi-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.container{padding:0 20px}.site-nav{height:72px;gap:8px}.site-nav .brand-name{font-size:16px}.site-nav .brand-mark{width:34px;height:34px;border-radius:11px}.site-nav .btn{font-size:10px;padding:8px 11px;min-height:36px}.nav-actions .ghost{display:none}.hero{padding:35px 0 27px}.hero h1{font-size:49px;letter-spacing:-2.7px}.hero .pill{margin-bottom:21px;font-size:9px}.hero-copy>p{font-size:14px;line-height:1.8;margin-top:20px}.hero-actions{gap:8px;margin-top:25px}.hero-actions .btn{font-size:11px;padding:11px 14px;min-height:44px}.hero-visual{padding:12px 7px 30px}.product-window{transform:rotate(-1deg);border-radius:14px}.flow-node{font-size:10px;padding:10px}.flow-node.two{right:13px}.flow-node.three{left:25px}.preview-float{right:0;bottom:6px;padding:12px;font-size:10px}.hero-foot{gap:13px;margin-top:28px;font-size:9px;padding-top:20px}.section{padding:50px 0}.section-head h2{font-size:29px;letter-spacing:-1.2px}.feature-grid,.pricing-grid{grid-template-columns:1fr;gap:13px}.feature{padding:23px}.feature-icon{margin-bottom:16px}.feature p{margin-bottom:15px}.feature ul{margin:17px 0}.process{grid-template-columns:1fr 1fr;gap:20px 14px}.process article{padding-right:0}.process h3{font-size:13px}.process p{font-size:11px}.security{padding:25px;grid-template-columns:1fr;gap:24px;border-radius:17px}.security h2{font-size:28px}.cta-bar{flex-direction:column;align-items:start;gap:22px}.cta-bar h2{font-size:27px}.site-footer .between{align-items:start;flex-direction:column;gap:22px}.plan{padding:25px}.app-topbar{height:63px;padding:0 15px;gap:9px}.app-topbar .pill{display:none}.breadcrumb{font-size:10px;gap:7px}.app-top-actions{gap:6px}.app-content{padding:19px 14px 45px}.page-head{align-items:start;flex-direction:column;gap:17px;margin-bottom:19px}.page-head h1{font-size:26px}.page-head p{font-size:11px;margin-top:7px}.page-actions .btn{font-size:11px;min-height:38px;padding:9px 12px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:15px}.kpi{padding:15px;border-radius:12px}.kpi strong{font-size:29px}.kpi-top{font-size:10px;gap:6px}.kpi p{font-size:9px}.welcome-panel{padding:23px;border-radius:13px;margin-bottom:15px}.welcome-panel h2{font-size:20px}.welcome-panel p{font-size:11px}.welcome-panel .btn{font-size:11px}.panel{border-radius:13px}.panel-head{padding:17px}.panel-body{padding:18px}.panel-head h2{font-size:13px}.event-list{padding:0 17px}.event-item{padding:14px 0}.dashboard-grid{gap:15px}.setup-row{padding:15px 0}.setup-row strong{font-size:11px}.setup-row small{font-size:9px}.notice{font-size:11px;padding:13px;gap:8px}.filters{gap:7px}.filters input[type=search]{width:100%;flex-basis:100%;min-width:0}.filters select{min-width:0;flex:1;max-width:49%}.segmented a,.segmented button{padding:7px 10px;font-size:10px}.form-grid,.form-grid.three{grid-template-columns:1fr}.form-section{padding:19px}.form-footer{padding:19px;align-items:start;flex-direction:column;gap:16px}.form-footer .btn{width:100%}.form-footer .actions{width:100%}.form-footer .actions .btn{width:auto;flex:1}.summary-grid{gap:8px}.summary-item{padding:12px}.summary-item strong{font-size:11px}.detail-route{font-size:19px;gap:12px;align-items:start;flex-wrap:wrap}.details-columns{gap:14px}.profile-info{grid-template-columns:1fr 1fr;gap:10px}.modal-layer{padding:10px}.modal-box{max-height:calc(100dvh - 20px);border-radius:15px}.modal-head{padding:20px 18px 15px}.modal-head h2{font-size:20px}.modal-content{padding:20px 18px}.toast-stack{left:14px;right:14px;bottom:15px;max-width:none}.auth-main{padding:29px 20px}.auth-inner h2{font-size:28px}.auth-toplink{margin-bottom:22px}.role-options{gap:7px;grid-template-columns:1fr}.role-option{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;min-height:65px;padding:12px 14px;column-gap:11px}.role-option .icon{grid-row:1/3;margin:2px 0 0;align-self:center}.role-option strong{font-size:12px;grid-column:2}.role-option small{grid-column:2;line-height:1.5;margin-top:3px}.auth-controls{align-items:stretch;flex-direction:column}.readiness-item{flex-wrap:wrap}.readiness-item .pill{margin-left:0}.chat-form{padding:13px}.bubble{max-width:92%}.quick-link{padding:17px}.section-head{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Visual regression fixes: independent scroll containers and compact wordmark. */
.app-sidebar .brand{gap:8px;margin-left:7px;margin-right:0}.app-sidebar .brand-name{font-size:15px}.app-sidebar .brand-name small{font-size:6px;letter-spacing:1.05px}.details-columns>*,.dashboard-grid>*,.profile-info>*,.form-grid>*,.summary-grid>*{min-width:0}.table-wrap{max-width:100%}.site-nav .brand{min-width:0}.nav-actions{flex:none}.site-nav .brand-name small{font-size:7px;letter-spacing:1.35px}
@media(max-width:620px){.site-nav .brand{gap:8px}.site-nav .brand-name{font-size:15px}.site-nav .brand-name small{font-size:6px;letter-spacing:.65px}.site-nav .brand-mark{width:32px;height:32px}.site-nav .brand-mark svg{width:22px;height:22px}.site-nav{gap:8px}.site-nav .btn{padding:8px 10px}.pricing-grid .plan-label{font-size:8px}.profile-info{min-width:0}}
@media(max-width:359px){.site-nav .brand-name small{display:none}.site-nav .brand-name{font-size:14px}.site-nav .brand-mark{width:28px;height:28px}.site-nav .btn svg{display:none}.hero h1{font-size:43px}.hero-actions .btn{width:100%}}

/* Prevent Safari from zooming the workspace when a mobile field receives focus. */
@media(max-width:620px){.field input,.field select,.field textarea,.filters input,.filters select,.chat-form textarea{font-size:16px}.modal-layer{padding-bottom:max(10px,env(safe-area-inset-bottom))}.toast-stack{bottom:max(15px,env(safe-area-inset-bottom))}}

/* Keep pricing cards inside tablet columns without clipping long labels. */
.plan,.feature{min-width:0}.plan .btn{white-space:normal;text-align:center}
@media(min-width:621px){.pricing-grid,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Operational pages must not move under a click during data refresh or form navigation. */
html.workspace-root{scroll-behavior:auto;scroll-padding-top:74px}
@media(max-width:620px){html.workspace-root{scroll-padding-top:63px}}

#demo-ribbon{position:fixed;top:0;left:0;right:0;z-index:100000;background:#fff2c5;color:#794c00;border-bottom:1px solid #dfbd59;text-align:center;font-weight:750;font-size:11px;letter-spacing:.025em;padding:7px 12px;pointer-events:none}.app-shell{padding-top:26px}.auth-page{padding-top:26px}.auth-page .auth-aside{min-height:calc(100vh - 26px)}@media(max-width:620px){#demo-ribbon{font-size:9px;padding:7px 3px}}