:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#0a2440;--blue:#1769d2;--muted:#718096;--line:#e5ebf1;--bg:#f5f7fa}*{box-sizing:border-box}body{color:var(--navy);background:#dfe6ed;margin:0;font-family:Arial,Noto Sans Thai,sans-serif}button,input{font:inherit}.phone{background:var(--bg);width:min(100%,480px);min-height:100vh;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 48px #1837511f}.login-screen{background:#09243f}.login-brand{color:#fff;background:radial-gradient(circle at 90% 10%,#2478ce 0,#0000 38%),linear-gradient(155deg,#0b3358,#071d33);height:47vh;min-height:355px;padding:52px 34px}.logo-mark{width:52px;height:52px;color:var(--blue);background:#fff;border-radius:16px;place-items:center;margin-bottom:16px;display:grid}.logo-mark svg{width:30px}.brand{letter-spacing:-1px;font-size:21px;font-weight:900}.brand span{letter-spacing:2px;color:#87c4ff;font-size:11px}.login-brand h1{letter-spacing:-2px;margin:26px 0 14px;font-size:40px;line-height:1.02}.login-brand p{color:#bbcad9;max-width:340px;font-size:14px;line-height:1.6}.login-card{background:#fff;border-radius:30px 30px 0 0;flex-direction:column;gap:14px;min-height:53vh;margin-top:-28px;padding:30px 28px 24px;display:flex}.login-card small{color:var(--blue);letter-spacing:1.5px;font-weight:700}.login-card h2{margin:5px 0 2px;font-size:25px}.login-card label{color:#566577;font-size:12px;font-weight:700}.login-card input{width:100%;height:48px;color:var(--navy);border:1px solid #d9e1e9;border-radius:11px;outline:none;margin-top:7px;padding:0 14px}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769d218}.primary{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:space-between;align-items:center;height:52px;padding:0 18px;font-weight:700;display:flex}.primary span{font-size:23px}.demo-note{text-align:center;color:#8290a0;margin:0;font-size:11px}.app-shell{padding-bottom:82px}.app-header{border-bottom:1px solid var(--line);z-index:2;background:#fff;grid-template-columns:42px 1fr 42px;align-items:center;height:66px;padding:0 20px;display:grid;position:relative}.app-header>b{text-align:center;font-size:15px}.app-header button,.mini-logo{width:38px;height:38px;color:var(--navy);background:#edf4fb;border:0;border-radius:12px;place-items:center;display:grid;position:relative}.app-header button{cursor:pointer}.app-header button i{background:#ef5757;border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.app-header svg{width:19px}.mini-logo{background:var(--navy);color:#fff;font-weight:900}.welcome{color:#fff;background:linear-gradient(135deg,#0a2947,#135d9c);border-radius:0 0 28px 28px;padding:28px 22px 52px}.welcome p{color:#9ebbd5;margin:0 0 12px;font-size:12px}.welcome h1{margin:0 0 7px;font-size:27px}.welcome span{color:#c1d3e4;font-size:13px}.dashboard-content{padding:0 18px}.search-box{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:11px;height:52px;padding:0 15px;display:flex;box-shadow:0 8px 25px #233d5511}.dashboard-content>.search-box{margin-top:-26px}.search-box svg{color:#6e7e8f;width:20px}.search-box input{width:100%;color:var(--navy);background:0 0;border:0;outline:0;font-size:13px}.metrics{grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0 24px;display:grid}.metrics article{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;padding:13px 10px;display:flex}.metric-icon{border-radius:9px;place-items:center;width:31px;height:31px;margin-bottom:12px;display:grid}.metric-icon svg{width:17px}.metric-icon.blue{color:var(--blue);background:#e7f1ff}.metric-icon.amber{color:#d28712;background:#fff3d7}.metric-icon.green{color:#168651;background:#e4f7ed}.metrics b{font-size:21px}.metrics small{color:var(--muted);margin-top:3px;font-size:10px}.section-heading,.list-count{justify-content:space-between;align-items:center;display:flex}.section-heading h2{font-size:17px}.section-heading button{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;font-size:12px;display:flex}.section-heading svg{width:14px}.shipment-stack{flex-direction:column;gap:10px;display:flex}.shipment-card{border:1px solid var(--line);text-align:left;width:100%;color:inherit;cursor:pointer;background:#fff;border-radius:15px;grid-template-columns:44px 1fr 18px;align-items:start;gap:11px;padding:15px 12px;display:grid}.shipment-card>svg{color:#9aa7b5;align-self:center;width:18px}.transport{border-radius:11px;place-items:center;width:43px;height:43px;font-size:9px;font-weight:900;display:grid}.transport.sea{color:#1664be;background:#e4f1ff}.transport.air{color:#6d45bd;background:#eee8ff}.transport.road{color:#11835a;background:#e5f8ef}.shipment-info{min-width:0}.shipment-info>b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.shipment-info>small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:6px 0 9px;font-size:10px;display:block;overflow:hidden}.shipment-info>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.shipment-info time{color:#6f7f90;font-size:9px}.status{border-radius:12px;align-items:center;gap:5px;width:max-content;padding:4px 7px;font-size:9px;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.blue{color:#1769d2;background:#e5f1ff}.status.amber{color:#b56d00;background:#fff2d6}.status.green{color:#128151;background:#e2f7ec}.approval-banner{color:#fff;background:#0b2d4d;border-radius:15px;grid-template-columns:38px 1fr 20px;align-items:center;gap:12px;margin-top:15px;padding:14px;display:grid}.approval-banner>span{background:#ffffff18;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.approval-banner svg{width:19px}.approval-banner div{flex-direction:column;gap:4px;display:flex}.approval-banner b{font-size:12px}.approval-banner small{color:#9fb8cf;font-size:10px}.list-content,.detail-content,.profile-content{padding:20px 18px}.filters{gap:7px;margin:16px 0 20px;display:flex}.filters button{border:1px solid var(--line);color:#607083;background:#fff;border-radius:18px;padding:8px 15px;font-size:11px}.filters button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.list-count{margin-bottom:12px}.list-count b{font-size:14px}.list-count span{color:var(--muted);font-size:10px}.detail-hero{color:#fff;background:linear-gradient(135deg,#0b2947,#1769aa);padding:27px 22px 30px}.detail-hero h1{margin:15px 0 7px;font-size:24px}.detail-hero p{color:#a8c2da;margin:0 0 15px;font-size:12px}.mode-pill{font-size:10px;font-weight:900}.detail-hero .status{color:#fff;background:#ffffff18}.route-progress,.info-card{border:1px solid var(--line);background:#fff;border-radius:15px;margin-bottom:13px;padding:17px}.progress-line{background:#dde5ed;border-radius:5px;height:6px;overflow:hidden}.progress-line span{background:var(--blue);border-radius:5px;height:100%;display:block}.route-progress>div:nth-child(2){justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.route-progress small{text-align:right;color:var(--blue);margin-top:6px;display:block}.info-card h2{margin:0 0 10px;font-size:15px}.info-card>div{border-top:1px solid #eef1f4;justify-content:space-between;gap:20px;padding:10px 0;font-size:11px;display:flex}.info-card span{color:var(--muted)}.info-card b{text-align:right}.outline-button{border:1px solid var(--blue);width:100%;height:48px;color:var(--blue);background:#fff;border-radius:12px;font-weight:700}.profile-content{text-align:center}.avatar{background:var(--navy);color:#fff;border-radius:24px;place-items:center;width:74px;height:74px;margin:18px auto 12px;font-size:22px;font-weight:800;display:grid}.profile-content h2{margin:0}.profile-content>p{color:var(--muted);font-size:12px}.profile-menu{border:1px solid var(--line);background:#fff;border-radius:15px;margin:28px 0 15px;padding:0 15px}.profile-menu button{border:0;border-bottom:1px solid var(--line);width:100%;height:54px;color:var(--navy);background:#fff;justify-content:space-between;align-items:center;font-size:12px;display:flex}.profile-menu button:last-child{border:0}.profile-menu svg{width:16px}.logout{color:#bf3030;background:#feeaea;border:0;border-radius:12px;width:100%;height:48px;font-weight:700}.bottom-nav{border-top:1px solid var(--line);z-index:5;background:#fff;grid-template-columns:repeat(4,1fr);height:72px;display:grid;position:absolute;bottom:0;left:0;right:0}.bottom-nav button{color:#8a98a8;cursor:pointer;background:#fff;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:9px;display:flex}.bottom-nav svg{width:21px}.bottom-nav button.active{color:var(--blue);font-weight:700}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}@media (min-width:481px){body{padding:20px}.phone{border-radius:24px;min-height:calc(100vh - 40px)}.bottom-nav{position:sticky;bottom:0}}@media (min-width:768px){.phone{width:min(100%,1024px)}.login-screen{grid-template-columns:1.05fr .95fr;min-height:calc(100vh - 40px);display:grid}.login-brand{flex-direction:column;justify-content:center;height:auto;min-height:100%;padding:72px 54px;display:flex}.login-brand h1{font-size:48px}.login-card{border-radius:30px 0 0 30px;justify-content:center;min-height:100%;margin:0;padding:60px 48px}.app-header{height:72px;padding-inline:28px}.welcome{padding:34px 34px 62px}.welcome h1{font-size:31px}.dashboard-content,.list-content,.detail-content,.profile-content{padding-inline:28px}.dashboard-content>.search-box{margin-top:-27px}.metrics{grid-template-columns:repeat(3,1fr);gap:14px}.metrics article{padding:18px 16px}.shipment-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.section-heading{margin-top:8px}.approval-banner{max-width:520px}.detail-content{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.detail-content .route-progress{grid-column:1/-1}.detail-content .info-card{margin-bottom:0}.detail-content .outline-button{grid-column:1/-1;justify-self:center;max-width:360px}.profile-content{max-width:620px;margin:auto}.bottom-nav{height:78px}.bottom-nav button{font-size:10px}}@media (min-width:1100px){.phone{width:min(100%,1120px)}}@media (max-width:350px){.login-brand h1{font-size:34px}.metrics{gap:5px}.shipment-card{grid-template-columns:40px 1fr 14px}.transport{width:39px}}.update-toast{z-index:100;color:#fff;background:#0a2440;border:1px solid #ffffff20;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:min(100% - 28px,450px);padding:13px 14px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #071d3350}.update-toast div{flex-direction:column;gap:4px;min-width:0;display:flex}.update-toast b{font-size:11px}.update-toast span{color:#b9cee2;font-size:9px}.update-toast button{color:#fff;cursor:pointer;background:#2582e8;border:0;border-radius:9px;flex:none;min-height:36px;padding:0 12px;font-size:10px;font-weight:700}@media (min-width:768px){.update-toast{bottom:30px}}.install-overlay{z-index:200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#06192db8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.install-card{width:min(100%,390px);color:var(--navy);text-align:center;background:#fff;border-radius:24px;padding:28px 24px 22px;box-shadow:0 28px 80px #00132670}.install-card img{border-radius:20px;margin:0 auto 16px;display:block;box-shadow:0 10px 30px #1769d22b}.install-card h2{margin:0 0 10px;font-size:23px}.install-card p{color:#607083;max-width:310px;margin:0 auto 22px;font-size:13px;line-height:1.6}.install-card .install-help{color:#315b84;background:#eef6ff;border-radius:10px;margin-top:-10px;padding:10px 12px;font-size:11px}.install-actions{flex-direction:column;gap:9px;display:flex}.install-actions button{cursor:pointer;border-radius:12px;height:48px;font-weight:700}.install-primary{background:var(--blue);color:#fff;border:0}.install-later{border:1px solid var(--line);color:#657587;background:#fff}.app-copyright{text-align:center;color:#7b8798;box-sizing:border-box;width:100%;padding:20px 24px;font-size:12px}.app-copyright--login{text-align:right;white-space:nowrap;width:auto;padding:0;position:absolute;bottom:18px;right:28px}@media (max-width:767px){.app-copyright--login{text-align:center;white-space:normal;width:100%;margin-top:24px;padding:0 16px 16px;position:static}}.brand-icon{object-fit:contain;border-radius:12px;width:48px;height:48px}.login-brand-icon{object-fit:contain;border-radius:16px;width:64px;height:64px}
.login-role-label{color:#1769d2;letter-spacing:1.2px;margin:2px 0 -4px;font-size:9px;font-weight:800}.customer-login-link{color:#1769d2;background:#fff;border:1px solid #1769d2;border-radius:12px;justify-content:center;align-items:center;height:48px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.login-divider{color:#9aa8b6;align-items:center;gap:10px;font-size:8px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e1e8ef;flex:1;height:1px}.operation-login-link{color:#1769d2;background:#fff;border:1px solid #d9e3ec;border-radius:11px;justify-content:center;align-items:center;height:45px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.role-selector{grid-template-columns:1fr 1fr;gap:8px;display:grid}.role-selector button{color:#496075;cursor:pointer;background:#f8fafc;border:1px solid #dbe4ec;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:55px;padding:8px 10px;display:flex}.role-selector button b{font-size:10px}.role-selector button span{color:#8392a1;margin-top:3px;font-size:8px}.role-selector button.active{color:#12569e;background:#eaf3ff;border-color:#1769d2;box-shadow:0 0 0 1px #1769d220}.role-selector button.active span{color:#3974ae}.login-error{color:#b42318;background:#fff0f0;border-radius:8px;margin:0;padding:8px 10px;font-size:9px}.login-card .primary:disabled{opacity:.65;cursor:wait}
.auth-loading{background:#f5f7fa}.auth-loading:after{content:"";border:3px solid #d9e5f0;border-top-color:#1769d2;border-radius:50%;width:30px;height:30px;margin:-15px;animation:.8s linear infinite auth-spin;position:absolute;top:50%;left:50%}@keyframes auth-spin{to{transform:rotate(360deg)}}
.editable-card header,.document-manager>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.editable-card header h2,.document-manager h2{margin:0;font-size:15px}.editable-card header button,.document-manager>header button{color:var(--blue);cursor:pointer;background:#e8f2ff;border:0;border-radius:9px;padding:8px 12px;font-size:10px;font-weight:700}.manager-rows>div{border-top:1px solid #eef1f4;justify-content:space-between;gap:20px;padding:10px 0;font-size:11px;display:flex}.manager-rows span{color:var(--muted)}.manager-rows b{text-align:right}.job-edit-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.job-edit-grid label{color:var(--muted);font-size:9px;font-weight:700}.job-edit-grid input{border:1px solid var(--line);width:100%;height:38px;color:var(--navy);background:#fff;border-radius:8px;margin-top:5px;padding:0 10px}.manager-primary{background:var(--blue);color:#fff;border:0;border-radius:9px;grid-column:1/-1;height:42px;font-weight:700}.document-manager{border:1px solid var(--line);background:#fff;border-radius:15px;grid-column:1/-1;padding:17px}.document-manager>header p{color:var(--muted);margin:5px 0 0;font-size:9px}.managed-doc-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.managed-doc-list article{border:1px solid #e8edf2;border-radius:11px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.doc-badge{width:42px;height:42px;color:var(--blue);background:#e8f2ff;border-radius:9px;place-items:center;font-size:9px;font-weight:900;display:grid}.doc-main{min-width:0}.doc-main b,.doc-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.doc-main b{font-size:11px}.doc-main small{color:var(--muted);margin-top:5px;font-size:9px}.doc-main input,.doc-main select{border:1px solid var(--line);border-radius:7px;width:100%;height:30px;padding:0 8px;font-size:10px}.doc-main select{margin-top:5px}.doc-actions{align-items:center;gap:5px;display:flex}.doc-actions button{color:var(--blue);cursor:pointer;background:#fff;border:1px solid #cfe1f5;border-radius:7px;padding:7px;font-size:9px;font-weight:700}.doc-actions .remove{color:#b33;border:0;font-size:17px}.pdf-viewer{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06192dcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.pdf-viewer>section{background:#fff;border-radius:18px;flex-direction:column;width:min(100%,880px);height:min(92vh,820px);display:flex;overflow:hidden}.pdf-viewer header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 36px;align-items:center;gap:10px;padding:13px 15px;display:grid}.pdf-viewer header div{min-width:0}.pdf-viewer header small,.pdf-viewer header b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pdf-viewer header small{color:var(--blue);font-size:8px}.pdf-viewer header b{margin-top:3px;font-size:12px}.pdf-viewer header a,.pdf-viewer header button{color:var(--blue);background:#e8f2ff;border:0;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:700;text-decoration:none}.pdf-viewer header button{padding:4px;font-size:18px}.pdf-viewer iframe{background:#eef2f6;border:0;width:100%;height:100%}@media (max-width:600px){.managed-doc-list article{grid-template-columns:38px 1fr}.doc-badge{width:38px;height:38px}.doc-actions{grid-column:1/-1;justify-content:flex-end}.job-edit-grid{grid-template-columns:1fr}.manager-primary{grid-column:1}.pdf-viewer{padding:0}.pdf-viewer>section{border-radius:0;height:100vh}}
.shipment-form-overlay{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06192dcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.shipment-edit-form{background:#f5f7fa;border-radius:20px;width:min(100%,760px);max-height:92vh;overflow:auto;box-shadow:0 25px 80px #00132670}.shipment-edit-form>header{color:#fff;background:linear-gradient(135deg,#0a2947,#1769aa);justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.shipment-edit-form header small{letter-spacing:1.4px;color:#9dccf5;font-size:9px}.shipment-edit-form header h2{margin:5px 0;font-size:22px}.shipment-edit-form header p{color:#b7d0e6;margin:0;font-size:11px}.shipment-edit-form header button{color:#fff;cursor:pointer;background:#ffffff1c;border:0;border-radius:10px;width:36px;height:36px;font-size:22px}.shipment-edit-form>section{border:1px solid var(--line);background:#fff;border-radius:14px;margin:14px 18px;padding:17px}.shipment-edit-form h3{margin:0 0 14px;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid label{color:#607083;font-size:10px;font-weight:700}.form-grid input,.form-grid select{width:100%;height:44px;color:var(--navy);background:#fff;border:1px solid #d7e0e8;border-radius:9px;outline:none;margin-top:6px;padding:0 12px;display:block}.form-grid input:focus,.form-grid select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769d218}.form-grid input[readonly]{color:#718096;background:#eef2f6}.progress-field{color:#607083;grid-template-columns:1fr auto;gap:10px;font-size:10px;font-weight:700;display:grid}.progress-field output{color:var(--blue);font-size:13px}.progress-field input{width:100%;accent-color:var(--blue);grid-column:1/-1}.shipment-edit-form>footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:9px;padding:14px 18px;display:flex;position:sticky;bottom:0}.shipment-edit-form footer button{color:#607083;cursor:pointer;background:#fff;border:1px solid #d7e0e8;border-radius:10px;height:44px;padding:0 20px;font-weight:700}.shipment-edit-form footer .save-shipment{border-color:var(--blue);background:var(--blue);color:#fff}@media (max-width:600px){.shipment-form-overlay{padding:0}.shipment-edit-form{border-radius:0;height:100vh;max-height:none}.form-grid{grid-template-columns:1fr}}
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.bottom-nav button{min-width:0}
.operation-header{grid-template-columns:42px 1fr auto}.operation-header-actions{align-items:center;gap:7px;display:flex}.operation-header .operation-header-actions .header-signout{color:#607083;white-space:nowrap;background:#fff;border:1px solid #dbe4ec;width:auto;padding:0 11px;font-size:9px}@media (max-width:380px){.operation-header{padding-inline:12px}.operation-header-actions{gap:4px}.operation-header .operation-header-actions .header-signout{padding-inline:8px}}
.booking-content{padding:20px 18px}.booking-intro{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.booking-intro small,.booking-sheet header small{color:#1769d2;letter-spacing:1.2px;font-size:9px;font-weight:800}.booking-intro h1{margin:4px 0;font-size:23px}.booking-intro p{color:#718096;margin:0;font-size:10px;line-height:1.4}.booking-intro>button{color:#fff;background:#1769d2;border:0;border-radius:11px;flex:none;padding:11px 12px;font-size:11px;font-weight:700}.booking-success{color:#137747;background:#e8f7ee;border-radius:12px;margin-bottom:14px;padding:12px;font-size:11px;font-weight:700}.booking-count{justify-content:space-between;margin-bottom:11px;font-size:12px;display:flex}.booking-count span{color:#718096;font-size:9px}.booking-list{flex-direction:column;gap:11px;display:flex}.booking-empty{text-align:center;background:#fff;border:1px dashed #ced9e4;border-radius:16px;padding:44px 15px}.booking-empty span{color:#1769d2;background:#e7f1ff;border-radius:14px;place-items:center;width:46px;height:46px;margin:auto;font-weight:900;display:grid}.booking-empty b{margin-top:12px;font-size:13px;display:block}.booking-empty p{color:#718096;margin:6px 0 0;font-size:10px}.booking-card{background:#fff;border:1px solid #e5ebf1;border-radius:15px;padding:15px}.booking-card header{justify-content:space-between;display:flex}.booking-card header div,.booking-meta span{flex-direction:column;gap:4px;display:flex}.booking-card header small,.booking-meta small{color:#718096;font-size:8px}.booking-card header>span{color:#168651;background:#e4f7ed;border-radius:12px;padding:5px 8px;font-size:8px;font-weight:700}.booking-card h2{margin:15px 0 4px;font-size:16px}.booking-card>p{color:#66788a;margin:0 0 13px;font-size:10px}.booking-meta{border-block:1px solid #edf1f5;grid-template-columns:1fr 1fr;padding:11px 0;display:grid}.booking-meta b{font-size:10px}.booking-dates{color:#718096;justify-content:space-between;padding-top:11px;font-size:9px;display:flex}.booking-dates b{color:#0a2440}.booking-card .booking-note{background:#f5f8fb;border-radius:8px;margin:11px 0 0;padding:8px}.booking-overlay{z-index:60;place-items:end center;display:grid;position:fixed;inset:0}.booking-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071d33b8;border:0;width:100%;position:absolute;inset:0}.booking-sheet{background:#fff;border-radius:28px 28px 0 0;width:min(100%,480px);max-height:92vh;padding:10px 20px 22px;position:relative;overflow:auto}.booking-handle{background:#d6e0e9;border-radius:8px;width:44px;height:5px;margin:0 auto 17px}.booking-sheet>header{justify-content:space-between;align-items:center;display:flex}.booking-sheet h2{margin:4px 0;font-size:21px}.booking-sheet header>button{background:#edf4fb;border:0;border-radius:50%;width:36px;height:36px;font-size:23px}.booking-fields{flex-direction:column;gap:11px;margin:18px 0 15px;display:flex}.booking-fields label{color:#334e68;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.booking-fields input,.booking-fields select,.booking-fields textarea{color:#0a2440;width:100%;min-height:43px;font:inherit;background:#fff;border:1px solid #d9e3ec;border-radius:10px;padding:10px 11px;font-weight:400}.booking-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.booking-submit{color:#fff;background:linear-gradient(90deg,#125bb8,#2582e8);border:0;border-radius:12px;width:100%;height:50px;font-weight:700}.booking-sheet>p{text-align:center;color:#718096;font-size:9px}@media (min-width:768px){.booking-content{padding:28px}.booking-intro{align-items:center}.booking-intro h1{font-size:27px}.booking-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.booking-empty{grid-column:1/-1}.booking-sheet{width:min(100%,680px);padding:12px 28px 26px}.booking-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.booking-fields>label:first-child,.booking-fields>label:nth-child(2),.booking-fields>label:nth-child(4),.booking-fields>label:last-child,.booking-fields .booking-row{grid-column:1/-1}}
.module-content{padding:20px 18px}.module-hero{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.module-hero small,.module-sheet header small{color:#1769d2;letter-spacing:1.2px;font-size:9px;font-weight:800}.module-hero h1{margin:4px 0;font-size:23px}.module-hero p{color:#718096;margin:0;font-size:10px}.module-hero>button,.module-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#125bb8,#2582e8);border:0;border-radius:11px;font-weight:700}.module-hero>button{flex:none;padding:11px 12px;font-size:10px}.quote-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.quote-stats article{background:#fff;border:1px solid #e5ebf1;border-radius:12px;min-width:0;padding:12px 10px}.quote-stats b{text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.quote-stats span{color:#718096;font-size:8px}.quote-list{flex-direction:column;gap:10px;display:flex}.module-empty{text-align:center;background:#fff;border:1px dashed #ced9e4;border-radius:15px;padding:45px 16px}.module-empty b{font-size:13px}.module-empty p{color:#718096;font-size:10px}.quote-card{text-align:left;color:#0a2440;cursor:pointer;background:#fff;border:1px solid #e5ebf1;border-radius:14px;justify-content:space-between;gap:12px;width:100%;padding:14px;display:flex}.quote-card>span{flex-direction:column;gap:5px;min-width:0;display:flex}.quote-card>span:last-child{text-align:right;align-items:flex-end}.quote-card small{color:#718096;font-size:8px}.quote-card b{font-size:11px}.quote-card em{text-overflow:ellipsis;white-space:nowrap;color:#718096;font-size:9px;font-style:normal;overflow:hidden}.module-overlay{z-index:70;place-items:end center;display:grid;position:fixed;inset:0}.module-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071d33bd;border:0;width:100%;position:absolute;inset:0}.module-sheet,.tracking-sheet,.preview-sheet{background:#fff;border-radius:26px 26px 0 0;width:min(100%,620px);max-height:94vh;padding:20px;position:relative;overflow:auto}.module-sheet>header,.tracking-sheet>header{justify-content:space-between;align-items:flex-start;display:flex}.module-sheet h2,.tracking-sheet h2{margin:4px 0;font-size:21px}.module-sheet header>button,.tracking-sheet header>button{color:#0a2440;background:#edf4fb;border:0;border-radius:50%;width:36px;height:36px;font-size:23px}.form-grid,.charge-grid{grid-template-columns:1fr 1fr;gap:10px;margin:17px 0;display:grid}.module-sheet label{color:#334e68;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.module-sheet input,.module-sheet select,.module-sheet textarea{color:#0a2440;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d9e3ec;border-radius:9px;padding:9px 10px;font-weight:400}.module-sheet h3{margin:18px 0 -6px;font-size:12px}.note-field{margin-bottom:14px}.quote-total{background:#f3f7fb;border-radius:11px;flex-direction:column;gap:7px;margin:14px 0;padding:13px;display:flex}.quote-total span,.quote-total strong{justify-content:space-between;font-size:10px;display:flex}.quote-total strong{border-top:1px solid #dce6ef;padding-top:8px;font-size:13px}.module-primary{min-height:44px;padding:0 15px}.module-sheet>.module-primary{width:100%}.preview-sheet{background:#edf2f7;padding:14px}.preview-actions{justify-content:flex-end;gap:8px;margin-bottom:12px;display:flex}.preview-actions button{border:0;border-radius:9px;min-height:39px;padding:0 13px}.quotation-paper{color:#132f49;background:#fff;max-width:760px;min-height:900px;margin:auto;padding:44px;box-shadow:0 8px 35px #071d3320}.quotation-paper>header{border-bottom:3px solid #1769d2;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding-bottom:25px;display:grid}.paper-logo{color:#fff;background:#0a2440;border-radius:14px;place-items:center;width:50px;height:50px;font-size:25px;font-weight:900;display:grid}.quotation-paper>header>div:nth-child(2){flex-direction:column;display:flex}.quotation-paper>header span{color:#718096;font-size:9px}.quotation-paper>header>div:last-child{text-align:right}.quotation-paper h1{color:#1769d2;margin:0;font-size:24px}.paper-info{grid-template-columns:1.2fr 1.2fr .8fr;gap:20px;padding:25px 0;display:grid}.paper-info section{flex-direction:column;gap:5px;display:flex}.paper-info small{color:#718096;font-size:8px}.paper-info b{font-size:11px}.paper-info span{font-size:9px}.quotation-paper table{border-collapse:collapse;width:100%;font-size:10px}.quotation-paper th{text-align:left;color:#fff;background:#0a2440;padding:10px}.quotation-paper th:last-child,.quotation-paper td:last-child{text-align:right}.quotation-paper td{border-bottom:1px solid #e5ebf1;padding:12px 10px}.paper-total{flex-direction:column;gap:8px;width:280px;margin:18px 0 24px auto;display:flex}.paper-total span,.paper-total strong{justify-content:space-between;font-size:10px;display:flex}.paper-total strong{border-top:2px solid #1769d2;padding-top:9px;font-size:14px}.paper-note{background:#f3f7fb;border-radius:8px;padding:14px;font-size:9px}.paper-note p{margin:6px 0;line-height:1.5}.quotation-paper>footer{color:#718096;border-top:1px solid #dce5ed;justify-content:space-between;margin-top:70px;padding-top:13px;font-size:8px;display:flex}.tracking-tabs{background:#e8eef4;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:15px;padding:4px;display:grid}.tracking-tabs button{color:#65798b;background:0 0;border:0;border-radius:9px;height:38px;font-size:10px}.tracking-tabs button.active{color:#1769d2;background:#fff;font-weight:700;box-shadow:0 3px 10px #17385412}.tracking-search{background:#fff;border:1px solid #dfe7ee;border-radius:12px;align-items:center;gap:9px;height:50px;padding:0 13px;display:flex}.tracking-search span{color:#1769d2;font-size:23px}.tracking-search input{color:#0a2440;border:0;outline:0;width:100%}.search-help{color:#b35454;font-size:9px}.tracking-results,.carrier-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.tracking-guide{text-align:center;background:#eaf3fd;border-radius:14px;margin-top:14px;padding:25px 18px}.tracking-guide b{font-size:12px}.tracking-guide p{color:#597188;font-size:10px;line-height:1.5}.tracking-guide small{color:#1769d2;font-weight:700}.track-card{text-align:left;color:#0a2440;background:#fff;border:1px solid #e5ebf1;border-radius:13px;width:100%;padding:14px}.track-card header{justify-content:space-between;display:flex}.track-card header div{flex-direction:column;gap:4px;display:flex}.track-card small,.track-card span{color:#718096;font-size:8px}.track-card em{color:#1769d2;font-size:11px;font-style:normal;font-weight:700}.track-card>div{background:#dce6ef;border-radius:5px;height:5px;margin:12px 0;overflow:hidden}.track-card>div i,.carrier-progress i{background:#1769d2;border-radius:5px;height:100%;display:block}.track-card footer{justify-content:space-between;font-size:9px;display:flex}.carrier-list article{cursor:pointer;background:#fff;border:1px solid #e5ebf1;border-radius:14px;padding:14px}.carrier-list header{grid-template-columns:38px 1fr auto;align-items:center;gap:10px;display:grid}.carrier-list header>span{color:#1769d2;background:#e7f1ff;border-radius:10px;place-items:center;width:38px;height:38px;font-size:9px;font-weight:800;display:grid}.carrier-list header div{flex-direction:column;gap:3px;display:flex}.carrier-list header small{color:#718096;font-size:8px}.carrier-list em{text-align:right;max-width:110px;font-size:8px;font-style:normal}.carrier-list em.blue{color:#1769d2}.carrier-list em.green{color:#168651}.carrier-list h3{margin:14px 0 9px;font-size:12px}.carrier-progress{background:#dce6ef;border-radius:5px;height:5px;overflow:hidden}.carrier-list footer{color:#718096;justify-content:space-between;margin-top:8px;font-size:8px;display:flex}.tracking-sheet header small{color:#1769d2;font-size:9px;font-weight:700}.tracking-sheet header p{color:#718096;margin:4px 0;font-size:9px}.tracking-summary{background:#edf5fd;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;padding:13px;display:grid}.tracking-summary span{flex-direction:column;gap:5px;display:flex}.tracking-summary small{color:#718096;font-size:8px}.tracking-summary b{font-size:10px}.timeline{padding:5px 0}.timeline article{grid-template-columns:20px 1fr;gap:10px;min-height:72px;display:grid;position:relative}.timeline article:after{content:"";background:#d9e3ec;width:2px;position:absolute;top:14px;bottom:0;left:6px}.timeline article:last-child:after{display:none}.timeline i{z-index:1;background:#fff;border:3px solid #c9d5df;border-radius:50%;width:14px;height:14px}.timeline article.done i{background:#1769d2;border-color:#1769d2}.timeline article div{flex-direction:column;gap:4px;display:flex}.timeline span,.timeline small{color:#718096;font-size:8px}.tracking-source{text-align:center;color:#718096;font-size:8px}@media (min-width:768px){.module-content{padding:28px}.quote-list,.carrier-list,.tracking-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.module-empty,.tracking-guide{grid-column:1/-1}.module-sheet,.tracking-sheet{border-radius:25px;margin-bottom:20px}.quote-stats{gap:13px}.quote-stats article{padding:16px}.quote-stats b{font-size:18px}}@media print{body *{visibility:hidden!important}.quotation-paper,.quotation-paper *{visibility:visible!important}.quotation-paper{width:100%;max-width:none;min-height:0;box-shadow:none;margin:0;padding:14mm;position:absolute;inset:0}.preview-sheet{padding:0;position:static;overflow:visible}.quotation-paper>footer{margin-top:35px}@page{size:A4;margin:0}}