@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--navy:#081d3b;--navy-2:#102b50;--lime:#c9f33b;--lime-dark:#99c000;--orange:#ff7b36;--blue:#eaf4ff;--bg:#f4f7fb;--paper:#fff;--muted:#718096;--line:#dfe7f0;--danger:#e74444;--shadow:0 18px 50px #081d3b1c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,system-ui,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.landing{background-color:#f7f9fc;background-image:radial-gradient(circle at 83% 10%,#94d4ff59,#0000 28%),linear-gradient(#081d3b06 1px,#0000 1px),linear-gradient(90deg,#081d3b06 1px,#0000 1px),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,34px 34px,34px 34px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh}.landing-nav{justify-content:space-between;align-items:center;max-width:1180px;height:78px;margin:auto;padding:0 24px;display:flex}.brand{letter-spacing:.06em;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{background:var(--lime);width:38px;height:38px;color:var(--navy);border-radius:13px;place-items:center;display:grid;transform:rotate(-4deg)}.nav-links{align-items:center;gap:30px;font-size:14px;font-weight:600;display:flex}.button{cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:15px 21px;font-weight:800;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-small{border-radius:11px;padding:10px 15px}.button-light{background:#fff;box-shadow:0 4px 20px #081d3b14}.button-lime{background:var(--lime);color:var(--navy);box-shadow:0 12px 30px #9fcd0f40}.button-ghost{border:1px solid var(--line);background:#fff}.button-navy{background:var(--navy);color:#fff}.button-orange{background:var(--orange);color:#fff}.button-block{width:100%}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:62px;max-width:1180px;min-height:650px;margin:auto;padding:80px 24px 110px;display:grid}.eyebrow,.section-kicker{letter-spacing:.11em;color:#476583;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.hero h1{letter-spacing:-.045em;margin:20px 0;font-size:62px;line-height:1.04}.hero h1 span{color:#366da1}.hero-copy>p{color:#5e7187;max-width:600px;font-size:18px;line-height:1.7}.hero-actions{gap:12px;margin:32px 0;display:flex}.trust-row{color:#526b83;gap:24px;font-size:13px;font-weight:700;display:flex}.trust-row span{align-items:center;gap:7px;display:flex}.hero-visual{padding:46px 18px;position:relative}.route-card{box-shadow:var(--shadow);background:#fff;border:1px solid #fffc;border-radius:28px;padding:28px}.route-head,.route-meta,.progress-label{justify-content:space-between;align-items:center;display:flex}.route-head small,.floating-card small{letter-spacing:.1em;color:#8090a4;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.route-head b{font-size:19px}.status-pill{border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}.status-green{color:#587400;background:#eefac5}.route-line{text-align:center;grid-template-columns:1fr 110px 1fr;align-items:center;margin:40px 0 32px;display:grid}.route-line span{font-size:34px;font-weight:800}.route-line div{background:#cbd9e8;height:2px;position:relative}.route-line svg{background:#fff;width:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-label{font-size:12px}.progress{background:#edf1f5;border-radius:20px;height:10px;margin:9px 0 22px;overflow:hidden}.progress i{background:linear-gradient(90deg,#b6e82e,var(--lime));border-radius:20px;height:100%;display:block}.route-meta{color:#7c8c9d;font-size:11px}.route-meta b{color:var(--navy);margin-top:2px;font-size:13px;display:block}.floating-card{background:#fff;border-radius:17px;display:flex;position:absolute;box-shadow:0 13px 35px #081d3b24}.floating-safe{gap:12px;max-width:300px;padding:15px;bottom:0;left:-34px}.floating-safe svg{color:#74a500}.floating-safe b{font-size:12px;display:block}.floating-safe small{letter-spacing:0;margin:3px 0;font-size:9px;line-height:1.4}.floating-bid{flex-direction:column;padding:16px 20px;top:0;right:-18px}.floating-bid b{font-size:24px}.floating-bid span{color:#678;font-size:10px}.how{background:var(--navy);color:#fff;padding:90px max(24px,50vw - 566px)}.how .section-kicker{color:#a7c5df}.how h2,.safety h2{letter-spacing:-.03em;max-width:700px;font-size:38px}.steps{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px;display:grid}.steps article{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:19px;padding:24px}.steps em{color:var(--lime);font-size:12px;font-style:normal;font-weight:800}.steps h3{margin:28px 0 8px;font-size:17px}.steps p{color:#aec0d3;font-size:12px;line-height:1.65}.safety{background:#eaf4ff;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:100px max(24px,50vw - 566px);display:grid}.safety p{color:#59728a;line-height:1.7}.safety-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.safety-grid span{background:#fff;border-radius:16px;align-items:center;gap:10px;padding:20px;font-size:13px;font-weight:700;display:flex}.safety-grid svg{color:#78a900}footer{color:#738397;background:#fff;justify-content:space-between;align-items:center;padding:30px max(24px,50vw - 566px);font-size:11px;display:flex}@media (max-width:800px){.nav-links>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero h1{font-size:43px}.hero-visual{padding:30px 0 65px}.floating-safe{left:5px}.floating-bid{right:0}.steps{grid-template-columns:1fr 1fr}.safety{grid-template-columns:1fr;gap:30px}.trust-row{flex-direction:column;gap:8px}.hero-actions{flex-direction:column}footer{flex-wrap:wrap;gap:15px}}@media (max-width:500px){.steps,.safety-grid{grid-template-columns:1fr}.route-card{padding:21px}.route-line{grid-template-columns:1fr 70px 1fr}.route-line span{font-size:27px}.hero h1{font-size:38px}.how h2,.safety h2{font-size:30px}.floating-bid{top:-20px}}.app-shell{background:linear-gradient(#081d3b05 1px,transparent 1px),linear-gradient(90deg,#081d3b05 1px,transparent 1px),var(--bg);background-size:30px 30px;grid-template-columns:248px 1fr;min-height:100vh;display:grid}.side-nav{background:var(--navy);color:#fff;z-index:20;flex-direction:column;height:100vh;padding:24px 15px;display:flex;position:sticky;top:0}.app-brand{padding:3px 10px 31px;font-size:16px}.app-brand .brand-mark{border-radius:11px;width:34px;height:34px}.nav-list{flex-direction:column;gap:5px;display:flex}.nav-list a{color:#aebfd1;border-radius:12px;align-items:center;gap:12px;padding:12px 13px;font-size:13px;font-weight:600;display:flex}.nav-list a:hover,.nav-list a.active{color:#fff;background:#ffffff17}.nav-list a.active svg{color:var(--lime)}.nav-list em{background:var(--orange);color:#fff;border-radius:20px;place-items:center;min-width:19px;height:19px;margin-left:auto;font-size:9px;font-style:normal;display:grid}.side-safe{background:#c9f33b17;border:1px solid #c9f33b2e;border-radius:15px;margin-top:auto;padding:15px}.side-safe svg{color:var(--lime);width:21px}.side-safe b,.side-safe small{display:block}.side-safe b{margin:7px 0 4px;font-size:11px}.side-safe small{color:#9eb3c7;font-size:9px;line-height:1.45}.side-user{border-top:1px solid #ffffff14;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;margin:14px -2px -7px;padding:10px 6px;display:grid}.side-user b{font-size:10px;display:block}.side-user small{color:#879db3;font-size:8px}.avatar{width:38px;height:38px;color:var(--navy);background:linear-gradient(135deg,#d8f879,#9ed118);border-radius:13px;flex:none;place-items:center;font-weight:800;display:inline-grid}.app-main{min-width:0}.app-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#f4f7fbe0;border-bottom:1px solid #ccd8e5a6;justify-content:space-between;align-items:center;height:80px;padding:0 max(25px,50% - 560px);display:flex;position:sticky;top:0}.app-header h1{letter-spacing:-.02em;margin:0;font-size:21px}.header-actions{align-items:center;gap:10px;display:flex}.icon-button{border:1px solid var(--line);cursor:pointer;width:39px;height:39px;color:var(--navy);background:#fff;border-radius:12px;place-items:center;display:grid;position:relative}.icon-button i{background:var(--orange);border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.preview-pill{text-transform:uppercase;letter-spacing:.1em;color:#9e6900;background:#fff4d3;border-radius:9px;padding:6px 8px;font-size:9px;font-weight:800}.preview-note{color:#725817;background:#fff7dd;border:1px solid #f1dfa4;border-radius:11px;align-items:center;gap:8px;max-width:1070px;margin:13px auto -5px;padding:10px 13px;font-size:10px;display:flex}.preview-note span{flex:1}.preview-note button{cursor:pointer;background:0 0;border:0}.screen{max-width:1120px;margin:auto;padding:29px 25px 90px}.bottom-nav{display:none}.toast{background:var(--navy);color:#fff;box-shadow:var(--shadow);z-index:100;border-radius:13px;align-items:center;gap:9px;padding:13px 17px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast svg{color:var(--lime)}.app-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100vh;display:flex}.app-loading i{background:linear-gradient(90deg,transparent,var(--lime),transparent);width:110px;height:3px;animation:1.1s infinite loading}@keyframes loading{to{transform:translate(20px)}}.card{background:var(--paper);border:1px solid #d8e2edf2;border-radius:20px;box-shadow:0 8px 28px #081d3b0e}.welcome-card{color:#fff;background:linear-gradient(120deg,#0a2448,#123b68);border-radius:23px;justify-content:space-between;padding:28px 31px;display:flex;position:relative;overflow:hidden}.welcome-card>div:first-child{z-index:2;position:relative}.welcome-card h2{letter-spacing:-.03em;margin:11px 0;font-size:27px;line-height:1.25}.welcome-card p{color:#b9c9d8;max-width:510px;font-size:11px;line-height:1.6}.soft-label{color:var(--lime);letter-spacing:.1em;align-items:center;gap:5px;font-size:9px;font-weight:800;display:flex}.welcome-plane{opacity:.13;position:absolute;top:50%;right:10%;transform:translateY(-50%)}.welcome-plane svg{width:170px;height:170px;transform:rotate(-14deg)}.quick-search{margin-top:15px;padding:19px 22px}.card-heading,.section-title,.page-actions{justify-content:space-between;align-items:center;display:flex}.card-heading small,.section-title small,.page-actions small,.card>small,.deal-detail-head small,.create-head small{letter-spacing:.12em;color:#8495a7;font-size:8px;font-weight:800}.card-heading h3,.section-title h3{margin:3px 0;font-size:15px}.text-link,.section-title>a{color:#52708e;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}.route-form{grid-template-columns:1.2fr 24px 1.2fr .7fr .8fr auto;align-items:center;gap:9px;margin-top:16px;display:grid}.route-form label{border:1px solid var(--line);border-radius:12px;padding:9px 11px}.route-form label small{letter-spacing:.1em;color:#8998a8;font-size:7px;font-weight:800;display:block}.route-form label span{align-items:center;gap:5px;margin-top:3px;font-size:11px;font-weight:700;display:flex}.route-form>i{color:#8fa3b6;font-style:normal}.route-form .button{padding:14px;font-size:10px}.section-title{margin:29px 2px 12px}.dashboard-grid{grid-template-columns:1.8fr 1fr;gap:14px;display:grid}.deal-card{padding:21px;display:block}.deal-top{justify-content:space-between;align-items:flex-start;display:flex}.deal-top small{letter-spacing:.11em;color:#8b9aab;font-size:8px;font-weight:800}.deal-top h3{align-items:center;gap:7px;margin:5px 0;font-size:17px;display:flex}.status-blue{color:#286899;background:#e5f2ff}.status-orange{color:#b8561f;background:#fff0e5}.deal-person{grid-template-columns:38px 1fr auto;align-items:center;gap:9px;margin:18px 0;display:grid}.deal-person b{font-size:12px}.deal-person>div small,.assembly-person small,.party-card small{color:#728497;align-items:center;gap:3px;font-size:9px;display:flex}.deal-person>div small svg,.assembly-person small svg,.party-card small svg{color:#e6a41c;width:11px}.timeline{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.timeline i{background:#e7edf3;border-radius:5px;height:5px}.timeline i.done{background:#a7d32b}.timeline i.active{background:var(--lime)}.timeline-labels{color:#8997a6;justify-content:space-between;margin-top:6px;font-size:7px;display:flex}.timeline-labels b{color:var(--navy)}.secure-line{color:#587000;background:#f1f8db;border-radius:9px;align-items:center;gap:5px;margin-top:15px;padding:9px;font-size:9px;display:flex}.mini-stats{grid-template-columns:1fr 1fr;padding:18px;display:grid}.mini-stats>div{padding:5px 14px}.mini-stats>div+div{border-left:1px solid var(--line)}.mini-stats p{color:#7c8b9b;font-size:9px}.mini-stats b{align-items:center;gap:4px;font-size:13px;display:flex}.mini-stats small{color:#8493a3;font-size:8px}.stat-icon{border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.stat-icon svg{width:17px}.stat-icon.green{color:#80a800;background:#eef8d4}.stat-icon.blue{color:#4c80ad;background:#eaf4ff}.green-text{color:#789a16!important}.assembly-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.assembly-card{padding:19px}.assembly-top{justify-content:space-between;align-items:center;display:flex}.assembly-top>small{color:#8292a3;font-size:8px}.assembly-card h3{align-items:center;gap:7px;font-size:15px;display:flex}.assembly-card h3 svg{color:#6e8fad;width:15px}.assembly-person{align-items:center;gap:8px;margin:13px 0;display:flex}.assembly-person .avatar{border-radius:10px;width:31px;height:31px}.assembly-person b{font-size:10px}.assembly-card .progress-label{margin-top:15px;font-size:9px}.assembly-card .progress{height:7px;margin-bottom:14px}.assembly-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:7px;padding:12px 0;display:grid}.assembly-meta>span{grid-template-columns:15px 1fr;column-gap:4px;display:grid}.assembly-meta svg{color:#8194a7;grid-row:1/3;width:13px}.assembly-meta small{color:#8594a3;font-size:7px}.assembly-meta b{font-size:9px}.assembly-price{justify-content:space-between;align-items:center;margin-top:13px;font-size:9px;display:flex}.assembly-price b{font-size:13px}.assembly-price a,.assembly-price button{color:#275f91;cursor:pointer;background:0 0;border:0;align-items:center;font-size:9px;font-weight:800;display:flex}.assembly-price svg{width:13px}.safety-banner{background:#e8f3ff;border-radius:17px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;margin-top:28px;padding:17px 20px;display:grid}.safety-banner>svg:first-child{color:#4382b7}.safety-banner b{font-size:11px}.safety-banner p{color:#637b91;margin:3px 0;font-size:9px}.page-actions{margin-bottom:18px}.segmented{background:#e9eef4;border-radius:11px;padding:3px;display:flex}.segmented button,.notification-tabs button{color:#6e8092;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 14px;font-size:10px;font-weight:700}.segmented button.active,.notification-tabs button.active{color:var(--navy);background:#fff;box-shadow:0 3px 10px #081d3b14}.segmented.wide{max-width:360px;margin-bottom:20px}.page-actions>.button{padding:11px 15px;font-size:10px}.filters{gap:8px;margin-bottom:14px;display:flex;overflow:auto}.filters button{border:1px solid var(--line);color:#526a82;white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:5px;padding:8px 11px;font-size:9px;font-weight:700;display:flex}.filters svg{width:13px}.order-list{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.order-card{padding:19px}.order-route{grid-template-columns:1fr 70px 1fr;align-items:end;display:grid}.order-route small{color:#8b99a9;letter-spacing:.1em;font-size:7px;font-weight:800}.order-route b{font-size:14px;display:block}.order-route>span{background:#cedae5;height:1px;position:relative}.order-route>span svg{color:#63829f;background:#fff;width:25px;padding:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.order-info{border-block:1px solid var(--line);color:#65798d;gap:12px;margin:20px 0;padding:12px 0;font-size:8px;display:flex}.order-info span{align-items:center;gap:4px;display:flex}.order-info svg{width:13px}.order-bottom{justify-content:space-between;align-items:center;display:flex}.order-bottom b{color:#3c6e99;align-items:center;font-size:9px;display:flex}.order-bottom svg{width:13px}.back{color:#56708a;align-items:center;gap:4px;margin-bottom:17px;font-size:10px;font-weight:700;display:flex}.back svg{width:15px}.detail-hero{justify-content:space-between;align-items:center;padding:21px 24px;display:flex}.detail-hero h2,.deal-detail-head h2{align-items:center;gap:8px;margin:9px 0 3px;font-size:23px;display:flex}.detail-hero p,.deal-detail-head p{color:#6f8294;font-size:10px}.price-caption{text-align:right}.price-caption b{font-size:18px;display:block}.detail-layout{grid-template-columns:1fr 280px;gap:16px;display:grid}.bid-list{flex-direction:column;gap:11px;display:flex}.bid-card{padding:18px;position:relative;overflow:hidden}.bid-badge{color:#688900;background:#eef8d3;border-radius:0 18px 0 10px;padding:7px 10px;font-size:7px;font-weight:800;position:absolute;top:0;right:0}.bid-performer{grid-template-columns:38px 1fr auto;align-items:center;gap:9px;display:grid}.bid-performer>div:nth-child(2)>b{align-items:center;font-size:11px;display:flex}.bid-performer>div:nth-child(2)>b svg{color:#4d95cc}.bid-performer small{color:#728397;align-items:center;gap:3px;font-size:8px;display:flex}.bid-performer small svg{color:#e3a21b;width:11px}.bid-performer>div:last-child{text-align:right}.bid-performer>div:last-child>b{font-size:16px;display:block}.bid-details{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.bid-details span{background:#f1f5f8;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:8px;display:flex}.bid-details svg{width:12px}.bid-card p{color:#6c7c8d;font-size:9px}.bid-card .button{margin-top:11px;padding:10px;font-size:9px}.cargo-summary{height:max-content;margin-top:29px;padding:20px;position:sticky;top:100px}.cargo-summary h3{font-size:15px}.cargo-summary dl,.party-card dl{font-size:9px}.cargo-summary dl div,.party-card dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:9px 0;display:flex}.cargo-summary dd,.party-card dd{font-weight:800}.cargo-summary>p{color:#55718a;background:#edf6ff;border-radius:10px;gap:6px;padding:11px;font-size:8px;line-height:1.5;display:flex}.cargo-summary>p svg{flex:none;width:18px}.create-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.create-head h2{margin:4px 0;font-size:23px}.create-head p{color:#6b7d8f;font-size:10px}.steps-mini{gap:6px;display:flex}.steps-mini span{background:#dde5ed;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;font-weight:800;display:grid}.steps-mini span.active{background:var(--lime)}.steps-mini svg{width:13px}.order-form{padding:25px}.order-form fieldset{border:0;margin:0;padding:0}.order-form legend{margin-bottom:20px;font-size:15px;font-weight:800}.field-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.order-form label>span{margin-bottom:6px;font-size:9px;font-weight:700;display:block}.order-form input,.order-form select,.order-form textarea,.composer input{border:1px solid var(--line);width:100%;color:var(--navy);background:#fafcfe;border-radius:11px;outline:0;padding:11px 12px;font-size:11px}.order-form input:focus,.order-form select:focus,.order-form textarea:focus{border-color:#82a7c6;box-shadow:0 0 0 3px #e5f2ff}.checkbox{align-items:center;gap:8px;display:flex}.checkbox input{width:16px;height:16px}.checkbox span{margin:0!important}.rule-check{background:#edf7df;border-radius:13px;grid-template-columns:35px 1fr;gap:10px;margin-top:16px;padding:17px;display:grid}.rule-check>svg{color:#729c00}.rule-check b{font-size:11px}.rule-check p{color:#657a49;font-size:9px;line-height:1.5}.form-actions{justify-content:flex-end;gap:8px;margin-top:23px;display:flex}.form-actions .button{padding:11px 16px;font-size:10px}.deal-list{grid-template-columns:1fr 1fr;gap:14px;display:grid}.deal-detail-head{background:var(--navy);color:#fff;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:20px 24px;display:flex}.deal-detail-head p{color:#a9bed1}.deal-detail-grid{grid-template-columns:1fr 280px;gap:15px;display:grid}.deal-detail-grid>div{flex-direction:column;gap:15px;display:flex}.progress-card,.chat-card,.payment-card,.party-card{padding:20px}.progress-card>.card-heading>svg{color:#5580a5}.vertical-events{margin-top:18px}.vertical-events>div{grid-template-columns:25px 1fr auto;gap:9px;padding-bottom:18px;display:grid;position:relative}.vertical-events>div:not(:last-child):after{content:"";background:#dbe4ed;width:1px;position:absolute;top:24px;bottom:0;left:12px}.vertical-events i{z-index:1;background:#e9eff5;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.vertical-events .done i{color:#6d9300;background:#edf8d3}.vertical-events .current i{background:var(--navy);color:var(--lime)}.vertical-events svg{width:12px}.vertical-events b{font-size:10px}.vertical-events p{color:#7e8e9e;margin:3px 0;font-size:8px}.vertical-events time{color:#91a0ae;font-size:8px}.chat-head,.chat-head>div{justify-content:space-between;align-items:center;display:flex}.chat-head>div{gap:8px}.chat-head>div>svg{color:#52799c}.chat-head b,.chat-head small{display:block}.chat-head b{font-size:11px}.chat-head small{color:#8291a0;font-size:8px}.chat-head button,.composer button{cursor:pointer;color:#6b7f92;background:0 0;border:0}.chat-head button svg{width:18px}.chat-warning{color:#945326;background:#fff3e8;border-radius:9px;align-items:center;gap:5px;margin:13px 0;padding:8px 10px;font-size:8px;display:flex}.chat-warning svg{width:13px}.messages{flex-direction:column;gap:8px;max-height:330px;padding:3px;display:flex;overflow:auto}.message{background:#eff3f7;border-radius:5px 13px 13px;grid-template-columns:1fr auto;gap:4px;max-width:75%;padding:8px 10px;display:grid}.message small{color:#6d8194;grid-column:1/3;font-size:7px;font-weight:800}.message span{font-size:9px}.message time{color:#8494a3;align-self:end;font-size:7px}.message.mine{background:#e9f7c9;border-radius:13px 5px 13px 13px;align-self:flex-end}.system-message{color:#53718b;text-align:center;background:#eef6fe;border-radius:9px;align-self:center;padding:8px 12px;font-size:8px}.composer{border-top:1px solid var(--line);grid-template-columns:30px 1fr 34px;align-items:center;gap:6px;margin-top:13px;padding-top:13px;display:grid}.composer input{padding:9px}.composer button.send{background:var(--navy);height:34px;color:var(--lime);border-radius:10px;place-items:center;display:grid}.composer svg{width:16px}.payment-card{text-align:center}.payment-icon{color:#759d00;background:#edf7d4;border-radius:16px;place-items:center;width:48px;height:48px;margin:0 auto 13px;display:grid}.payment-card h3{margin:5px;font-size:27px}.payment-card p{color:#718293;font-size:8px;line-height:1.5}.payment-card .button{margin-top:10px;padding:11px;font-size:9px}.danger-link,.muted-link{color:#c84d4d;cursor:pointer;background:0 0;border:0;margin-top:10px;font-size:8px;font-weight:700}.party-card{margin-top:15px}.party-card>div{align-items:center;gap:8px;margin:13px 0;display:flex}.party-card b{font-size:10px;display:block}.party-card dl{margin:0}.page-lead{color:#657a8e;font-size:11px}.assembly-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.notification-tabs{border-bottom:1px solid var(--line);gap:5px;margin-bottom:8px;padding-bottom:10px;display:flex;overflow:auto}.notification-tabs button{white-space:nowrap}.notification-list{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.notification{border-bottom:1px solid var(--line);grid-template-columns:41px 1fr 8px;align-items:start;gap:12px;padding:16px 18px;display:grid}.notification:last-child{border:0}.notification.unread{background:#fbfdff}.notification-icon{border-radius:13px;place-items:center;width:41px;height:41px;display:grid}.notification-icon svg{width:19px}.notification-icon.blue{color:#4d83b1;background:#eaf4ff}.notification-icon.orange{color:#d26026;background:#fff0e5}.notification>div>div{justify-content:space-between;display:flex}.notification b{font-size:11px}.notification time{color:#8998a7;font-size:7px}.notification p{color:#697c8f;font-size:9px}.notification button{color:#356e9f;background:0 0;border:0;align-items:center;padding:0;font-size:8px;font-weight:800;display:flex}.notification button svg{width:12px}.notification>i{background:var(--orange);border-radius:50%;width:6px;height:6px;margin-top:8px}.profile-layout{grid-template-columns:1fr 330px;gap:15px;display:grid}.profile-layout>div{flex-direction:column;gap:15px;display:flex}.profile-head{grid-template-columns:62px 1fr 40px;align-items:center;gap:13px;padding:21px;display:grid}.profile-head>.avatar{border-radius:20px;width:62px;height:62px;font-size:20px}.profile-head h2{margin:0;font-size:18px}.profile-head p{color:#748597;font-size:9px}.profile-head>div>div{gap:7px;display:flex}.profile-head>div>div span{background:#f0f4f7;border-radius:7px;align-items:center;gap:3px;padding:5px;font-size:8px;display:flex}.profile-head svg{width:12px}.verify-card{background:linear-gradient(120deg,#edf7ff,#fff);grid-template-columns:46px 1fr auto;align-items:center;gap:13px;padding:20px;display:grid!important}.verify-icon{color:#4e85b4;background:#dbeeff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.verify-card h3{margin:3px 0;font-size:13px}.verify-card p{color:#718497;font-size:8px}.verify-card .button{padding:10px 13px;font-size:9px}.profile-menu{padding:4px 16px}.profile-menu button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:20px 1fr 15px;align-items:center;gap:8px;width:100%;padding:12px 3px;display:grid}.profile-menu button:last-child{border:0}.profile-menu svg{color:#607b93;width:16px}.profile-menu span{font-size:10px;font-weight:700}.subscription-card{padding:21px}.sub-head{justify-content:space-between;display:flex}.sub-head h3{margin:3px 0;font-size:16px}.sub-price{margin:18px 0}.sub-price b{font-size:26px}.sub-price span{color:#758698;font-size:9px}.subscription-card ul{grid-template-columns:1fr 1fr;gap:8px;padding:0;list-style:none;display:grid}.subscription-card li{align-items:center;gap:5px;font-size:8px;display:flex}.subscription-card li svg{color:#7a9f0e;width:13px}.billing{background:#f4f7fa;border-radius:12px;margin:15px 0;padding:10px}.billing>span{gap:8px;padding:6px;display:flex}.billing svg{color:#627f99;width:15px}.billing small,.billing b{display:block}.billing small{color:#8291a0;font-size:7px}.billing b{font-size:9px}.subscription-card .button{padding:10px;font-size:9px}.subscription-card .muted-link{color:#768695;width:100%}.ref-card{background:var(--navy);color:#fff;border-radius:18px;justify-content:space-between;margin-top:15px;padding:19px;display:flex}.ref-card small{color:var(--lime);font-size:7px;font-weight:800}.ref-card h3{margin:5px 0;font-size:14px}.ref-card p{color:#a8bdcf;font-size:8px}.ref-card svg{color:#c9f33b80;width:50px;height:50px}.admin-tabs{gap:7px;margin-bottom:16px;display:flex;overflow:auto}.admin-tabs button{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:5px;padding:8px 11px;font-size:8px;font-weight:700;display:flex}.admin-tabs button.active{background:var(--navy);color:#fff}.admin-tabs svg{width:13px}.admin-tabs em{background:var(--orange);color:#fff;border-radius:8px;padding:2px 4px;font-style:normal}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric{padding:16px}.metric>span{color:#497fae;background:#eaf4ff;border-radius:10px;place-items:center;width:31px;height:31px;margin-bottom:14px;display:grid}.metric svg{width:16px}.metric small,.metric b,.metric p{display:block}.metric small{color:#8190a0;font-size:8px}.metric b{margin-top:3px;font-size:18px}.metric p{color:#719516;font-size:7px}.admin-grid{grid-template-columns:1.3fr 1fr;gap:12px;margin-top:12px;display:grid}.admin-grid>.card{padding:18px}.route-table>div{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:4px;padding:12px 0;display:grid;position:relative}.route-table span,.route-table b{font-size:9px}.route-table span{align-items:center;gap:5px;display:flex}.route-table svg{width:12px}.route-table i{background:var(--lime);border-radius:5px;grid-column:1/3;height:3px}.risk-user{grid-template-columns:37px 1fr auto;align-items:center;gap:8px;padding:13px 0;display:grid}.risk-score{color:#bd4b22;background:#ffe9df;border-radius:12px;place-items:center;width:37px;height:37px;font-weight:800;display:grid}.risk-user b{font-size:9px;display:block}.risk-user small{color:#7b8b9b;font-size:7px}.risk-user svg{width:13px}.empty{text-align:center;padding:80px}.empty>svg{color:#9ab0c4;width:60px;height:60px}.empty h3{font-size:17px}.empty p{color:#718396;font-size:10px}.mobile-only{display:none}@media (max-width:1050px){.dashboard-grid,.detail-layout,.deal-detail-grid,.profile-layout{grid-template-columns:1fr}.cargo-summary{margin-top:0;position:static}.deal-detail-grid>aside{grid-template-columns:1fr 1fr;gap:14px;display:grid}.party-card{margin-top:0}.metric-grid{grid-template-columns:1fr 1fr}.route-form{grid-template-columns:1fr 24px 1fr 1fr}.route-form label:nth-of-type(4),.route-form .button{grid-column:auto}.route-form .button{grid-column:1/5}}@media (max-width:760px){.app-shell{display:block}.side-nav{display:none}.app-header{background:var(--navy);color:#fff;height:66px;padding:0 16px}.app-header h1{font-size:18px}.mobile-only{display:block}.eyebrow-text{color:var(--lime);letter-spacing:.13em;font-size:7px}.header-actions .avatar{display:none}.header-actions .icon-button{color:#fff;background:#ffffff1a;border-color:#ffffff21}.screen{padding:17px 13px 93px}.bottom-nav{height:68px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);z-index:30;background:#fff;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#7c8c9c;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.bottom-nav a.active{color:var(--navy)}.bottom-nav small{font-size:7px;font-weight:700}.bottom-nav .new-action{background:var(--lime);width:48px;height:48px;color:var(--navy);border-radius:16px;margin:-10px auto 0;box-shadow:0 8px 20px #8fb71147}.preview-note{margin:9px 12px -3px}.welcome-card{padding:22px}.welcome-card h2{font-size:22px}.quick-search{padding:16px}.route-form{grid-template-columns:1fr 20px 1fr}.route-form label:nth-of-type(3),.route-form label:nth-of-type(4){grid-column:auto}.route-form .button{grid-column:1/4}.dashboard-grid,.assembly-row,.order-list,.deal-list,.assembly-grid{grid-template-columns:1fr}.mini-stats{display:none}.deal-detail-grid>aside{grid-template-columns:1fr}.page-actions{align-items:flex-end}.page-actions>.button{padding:10px}.detail-hero{align-items:flex-start}.detail-layout{flex-direction:column;display:flex}.cargo-summary{order:-1}.field-grid{grid-template-columns:1fr}.create-head{align-items:flex-start}.order-form{padding:19px}.profile-layout{flex-direction:column;display:flex}.verify-card{grid-template-columns:40px 1fr!important}.verify-card .button{grid-column:1/3}.subscription-card{order:-1}.metric-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.toast{justify-content:center;bottom:82px;left:13px;right:13px}.notification{padding:14px 12px}.welcome-plane{right:-30px}.floating-card{display:none}}@media (max-width:430px){.metric-grid{grid-template-columns:1fr}.deal-top{gap:8px}.deal-top h3{font-size:14px}.deal-person>div:last-child{font-size:11px}.timeline-labels{font-size:6px}.assembly-meta{gap:2px}.route-form{grid-template-columns:1fr}.route-form>i{display:none}.route-form .button{grid-column:1}.detail-hero h2,.deal-detail-head h2{font-size:18px}.price-caption{display:none}.profile-head{grid-template-columns:52px 1fr}.profile-head>.avatar{width:52px;height:52px}.profile-head>.icon-button{display:none}.subscription-card ul{grid-template-columns:1fr}.notification-tabs{margin-inline:-13px;padding-inline:13px}.page-actions .page-lead{max-width:190px}}
