@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}:root{--background:#061a33;--foreground:#102e4a;--page:#eef5fb;--surface:#fff;--soft:#f5f9fd;--navy:#082e52;--navy2:#05223d;--teal:#2e9eff;--teal2:#68c4ff;--teal-dark:#0c79d8;--cyan:#68c4ff;--mint:#b8e1ff;--amber:#edae3a;--red:#df6b60;--ink:#102e4a;--ink2:#3d5873;--muted:#72879a;--line:#dbe7f2;--line2:#c9dae8;--shadow:0 10px 28px #051f3914;--lift:0 22px 60px #01091166;--r:20px}*,:before,:after{box-sizing:border-box}html,body{width:100%;min-height:100%}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:#041220}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 15% 18%,#68c4ff26,#0000 31rem),radial-gradient(circle at 84% 78%,#2e9eff21,#0000 34rem),linear-gradient(145deg,#03101d,#081e35 52%,#041221);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;min-width:0;min-height:44px;padding:0}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #68c4ff4d}h1,h2,h3,p,dl,dd,ol{margin:0}.cold-app{place-items:center;min-height:100dvh;padding:18px;display:grid;position:relative;overflow:hidden}.cold-app:before,.cold-app:after{content:"";pointer-events:none;border:1px solid #89b6e414;border-radius:50%;position:fixed}.cold-app:before{width:42rem;height:42rem;top:-27rem;right:-13rem}.cold-app:after{width:31rem;height:31rem;bottom:-21rem;left:-9rem}.app-phone{z-index:1;grid-template-rows:calc(28px + env(safe-area-inset-top)) minmax(0,1fr) calc(70px + env(safe-area-inset-bottom)) 6px;background:var(--page);isolation:isolate;border:1px solid #b4cadf33;border-radius:38px;width:min(430px,100%);height:min(900px,100dvh - 36px);display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 7px #020c17bf,0 38px 95px #01060b9e}.app-status-bar{z-index:40;padding:env(safe-area-inset-top) 25px 4px;background:#eef5fbf2;justify-content:space-between;align-items:flex-end;font-size:11px;font-weight:800;display:flex;position:relative}.app-status-bar>div{align-items:center;gap:6px;height:12px;display:flex}.app-status-bar i{display:inline-block;position:relative}.status-signal{background:linear-gradient(currentColor,currentColor) 0 7px/2px 3px no-repeat,linear-gradient(currentColor,currentColor) 4px 5px/2px 5px no-repeat,linear-gradient(currentColor,currentColor) 8px 2px/2px 8px no-repeat,linear-gradient(currentColor,currentColor) 12px 0/2px 10px no-repeat;width:13px;height:10px}.status-wifi{border-top:2px solid;border-radius:50%;width:13px;height:10px}.status-wifi:after{content:"";border-top:2px solid;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;left:4px}.status-battery{border:1.5px solid;border-radius:3px;width:20px;height:10px}.status-battery:before{content:"";background:currentColor;border-radius:1px;position:absolute;inset:1.5px 3px 1.5px 1.5px}.status-battery:after{content:"";background:currentColor;border-radius:0 2px 2px 0;width:2px;height:4px;position:absolute;top:1.5px;right:-3.5px}.app-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#18406933 transparent;min-height:0;position:relative;overflow:hidden auto}.app-content::-webkit-scrollbar{width:4px}.app-content::-webkit-scrollbar-thumb{background:#18406933;border-radius:20px}.app-screen{min-height:100%;padding:14px 18px 30px;animation:.3s cubic-bezier(.22,1,.36,1) both screen-in;position:relative}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.bottom-navigation{z-index:35;padding:4px 10px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfdfef0;border-top:1px solid #c3cfdab8;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:relative;box-shadow:0 -10px 28px #08203912}.bottom-navigation>button{color:#7b8a9a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:58px;transition:all .18s;display:flex;position:relative}.bottom-navigation>button:after{background:var(--teal);content:"";opacity:0;border-radius:50%;width:4px;height:4px;transition:all .18s;position:absolute;bottom:2px;transform:scale(0)}.bottom-navigation>button.is-active{color:var(--teal-dark)}.bottom-navigation>button.is-active:after{opacity:1;transform:scale(1)}.nav-icon{border-radius:10px;place-items:center;width:29px;height:29px;font-size:20px;font-weight:800;line-height:1;display:grid}.bottom-navigation small{font-size:10px;font-weight:700}.bottom-navigation .primary-nav-action{transform:translateY(-9px)}.bottom-navigation .primary-nav-action .nav-icon{color:#fff;background:linear-gradient(145deg,#2e9eff,#0c79d8);border:4px solid #f7f9fb;border-radius:17px;width:47px;height:47px;font-size:24px;box-shadow:0 9px 22px #09498947}.bottom-navigation .primary-nav-action:after{display:none}.app-home-indicator{z-index:36;background:#fbfdfe;position:relative}.app-home-indicator:after{content:"";background:#182b3e;border-radius:99px;width:112px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.toast-message{z-index:100;right:16px;bottom:calc(92px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:absolute;left:16px}.toast-message>span{color:#fff;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05192ef2;border:1px solid #7aa7d533;border-radius:14px;max-width:100%;padding:12px 18px;font-size:13px;font-weight:650;animation:.28s cubic-bezier(.22,1,.36,1) toast-in;box-shadow:0 14px 30px #03111f45}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}.screen-heading,.home-header,.detail-header,.card-heading,.section-title-row,.temperature-monitor-heading{justify-content:space-between;align-items:center;display:flex}.screen-heading{min-height:58px;margin-bottom:16px}.screen-heading-copy{flex-direction:column;gap:3px;display:flex}.screen-eyebrow,.section-kicker{color:var(--teal-dark);letter-spacing:.18em;font-size:9px;font-weight:850}.screen-heading h1{letter-spacing:-.035em;font-size:25px;font-weight:820}.card-heading{gap:12px;min-height:38px;margin-bottom:13px}.card-heading h2,.card-heading h3{font-size:16px;font-weight:790}.card-heading>span,.card-heading>div>span{color:var(--muted);font-size:11px}.section-title-row{margin:21px 2px 10px}.section-title-row>div{flex-direction:column;gap:3px;display:flex}.section-title-row h2{font-size:18px;font-weight:820}.text-button{min-height:44px;color:var(--teal-dark);align-items:center;gap:4px;padding:0 4px;font-size:12px;font-weight:760;display:inline-flex}.status-badge{width:fit-content;min-height:25px;color:var(--teal-dark);white-space:nowrap;background:#e7f0f8;border:1px solid #2e9eff29;border-radius:99px;align-items:center;gap:6px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.status-pulse,.live-dot,.sensor-status-dot,.sync-label i{background:var(--teal);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #2e9eff1c}.status-pulse,.live-dot{animation:2s ease-in-out infinite pulse}.status-badge-subtle{background:#2e9eff17;min-height:22px;padding:3px 8px}.healthy-text{color:var(--teal-dark)!important}@keyframes pulse{50%{box-shadow:0 0 0 8px #2e9eff00}}.primary-button,.secondary-button,.light-action-button,.draft-save-button,.logout-button{border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:13px;font-weight:780;transition:all .16s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#2e9eff,#0c79d8);padding:0 20px;box-shadow:0 9px 20px #0c79d833}.secondary-button{border:1px solid var(--line2);background:#fff;padding:0 18px}.primary-button:hover,.light-action-button:hover{transform:translateY(-1px)}.cold-app-loading .app-phone{padding:calc(26px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.cold-app-loading .react-loading-skeleton{--base-color:#dce3eb;--highlight-color:#f5f8fb}.skeleton-header{grid-template-columns:42px 1fr 38px;align-items:center;gap:12px;margin-bottom:22px;display:grid}.skeleton-header-copy,.skeleton-content{flex-direction:column;display:flex}.skeleton-header-copy{gap:4px}.skeleton-content{flex:1;gap:18px;min-height:0}.skeleton-metric-row{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.skeleton-navigation{justify-content:space-around;align-items:center;padding-top:18px;display:flex}.home-screen{padding-top:8px}.home-header{z-index:22;min-height:57px;margin-bottom:13px;position:relative}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#0c3054,#0c79d8);border-radius:15px 15px 15px 6px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:800;display:grid;box-shadow:0 8px 18px #0936632e}.brand-copy{flex-direction:column;gap:3px;display:flex}.brand-copy small{color:var(--muted);font-size:10px}.brand-copy strong{font-size:16px;font-weight:790}.notification-button,.heading-add-button,.profile-settings-button,.back-button,.more-button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink2);background:#ffffffde;border-radius:15px;place-items:center;font-size:20px;display:grid;position:relative;box-shadow:0 6px 18px #0d27420f}.notification-button>span{font-size:27px}.notification-count{border:2px solid var(--page);background:var(--red);color:#fff;border-radius:99px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;display:grid;position:absolute;top:-4px;right:-4px}.notification-panel{z-index:30;border:1px solid var(--line2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-radius:20px;padding:10px;animation:.22s ease-out panel-in;position:absolute;top:68px;left:17px;right:17px;overflow:hidden;box-shadow:0 24px 55px #051a2f33}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)scale(.985)}}.notification-panel-heading{justify-content:space-between;align-items:center;min-height:38px;padding:0 7px;display:flex}.notification-panel-heading button{border-radius:12px;width:38px;min-height:38px;font-size:20px}.notification-preview{text-align:left;border-radius:13px;grid-template-columns:9px 1fr;align-items:center;gap:11px;width:100%;min-height:58px;padding:8px;display:grid}.notification-preview:hover{background:var(--soft)}.notification-preview.is-read{opacity:.55}.notification-preview>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.notification-preview strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.notification-preview small{color:var(--muted);font-size:10px}.alert-dot{background:var(--cyan);border-radius:50%;width:8px;height:8px}.alert-dot.alert-warning{background:var(--amber)}.home-overview{color:#fff;isolation:isolate;background:#082543;border:1px solid #9fc4e933;border-radius:24px;min-height:244px;padding:20px 20px 17px;position:relative;overflow:hidden;box-shadow:0 18px 38px #05203b3d}.home-overview:before{z-index:-3;content:"";filter:saturate(.92)contrast(1.03);opacity:.77;background:url(/coldchain-hero.png) 50% 44%/cover no-repeat;position:absolute;inset:0;transform:scale(1.015)}.home-overview:after{z-index:-2;content:"";background:linear-gradient(100deg,#03172bf2,#041d36c4 50%,#041d3757),linear-gradient(#0000 46%,#021223d6);position:absolute;inset:0}.overview-eyebrow{color:#c8e1fa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041a3180;border:1px solid #bedbf736;border-radius:99px;align-items:center;min-height:25px;padding:0 10px;font-size:10px;font-weight:770;display:inline-flex}.overview-headline{grid-template-columns:minmax(0,1fr) 63px;gap:14px;margin-top:14px;display:grid}.overview-headline p{color:#e8f3fec7;margin-bottom:2px;font-size:11px}.overview-headline h1{letter-spacing:-.045em;max-width:245px;font-size:clamp(22px,6vw,27px);font-weight:840;line-height:1.15}.route-status-orb{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 35% 28%,#6aaaeb4d,#0000 38%),#062340ab;border:1px solid #9fcaf457;border-radius:50%;place-content:center;width:61px;height:61px;display:grid}.route-status-orb b{font-size:17px}.route-status-orb small{color:#aecbe9;font-size:8px}.overview-route-line{grid-template-columns:56px 1fr 46px;align-items:center;gap:8px;margin-top:17px;display:grid}.overview-route-line>div:not(.route-line-track){flex-direction:column;display:flex}.overview-route-line>div:last-child{text-align:right}.overview-route-line strong{letter-spacing:.1em;font-size:14px}.overview-route-line span{color:#deebf8b3;white-space:nowrap;font-size:9px}.route-line-track{background:#e1eefa3d;border-radius:99px;height:2px;position:relative}.route-line-track>span{border-radius:inherit;background:linear-gradient(90deg,#2e9eff,#68c4ff);height:100%;position:absolute;left:0;box-shadow:0 0 12px #509be77a}.route-line-track>i{color:#e8f3fe;filter:drop-shadow(0 0 7px #68c4ff);font-size:10px;font-style:normal;animation:3.4s ease-in-out infinite drift;position:absolute;top:50%;left:58%;transform:translate(-50%,-50%)}@keyframes drift{50%{transform:translate(-20%,-58%)}}.overview-footer{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.overview-footer>div{flex-direction:column;gap:2px;display:flex}.overview-footer small{color:#dae8f7a8;font-size:9px}.overview-footer strong{font-size:12px}.light-action-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f1f8fe21;border:1px solid #daecfd42;min-height:38px;padding:0 13px;font-size:11px}.overview-decor{z-index:-1;border:1px solid #78b0e81f;border-radius:50%;position:absolute}.overview-decor-one{width:150px;height:150px;top:-88px;right:-60px}.overview-decor-two{width:92px;height:92px;bottom:-64px;right:34px}.quick-actions{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe0;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px;padding:10px 5px;display:grid}.quick-action-button{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:69px;transition:all .16s;display:flex}.quick-action-button:hover{background:#e7f0f8}.quick-action-icon{width:34px;height:34px;color:var(--teal-dark);background:linear-gradient(145deg,#e6f0fa,#f4f8fb);border-radius:12px;place-items:center;font-size:16px;font-weight:800;display:grid}.quick-action-button small{white-space:nowrap;font-size:10px;font-weight:720}.shipment-card,.temperature-summary-card,.detail-status-card,.detail-section-card,.order-list-card,.booking-form-section,.route-map-card,.sensor-health-card,.monitor-alerts-card,.profile-detail-panel,.profile-menu-card,.settings-card{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);background:#fff}.shipment-card{overflow:hidden}.shipment-card-main{text-align:left;width:100%;padding:17px 17px 13px;display:block}.shipment-card-top,.order-card-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.shipment-type{color:var(--teal-dark);font-size:9px;font-weight:800}.shipment-card h3{margin-top:3px;font-size:16px}.shipment-id-row{color:var(--muted);gap:5px;margin-top:7px;font-size:10px;display:flex}.shipment-id-row i{color:var(--teal)}.shipment-metrics{background:var(--soft);border-radius:15px;grid-template-columns:1.2fr 1fr .85fr;margin-top:15px;padding:13px 8px;display:grid}.shipment-metrics>div{border-left:1px solid var(--line);flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:0 5px;display:flex}.shipment-metrics>div:first-child{border-left:0}.shipment-metrics small,.order-card-metrics small{color:var(--muted);font-size:9px}.shipment-metrics strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.shipment-temperature{grid-template-columns:28px 1fr;align-items:center;display:grid!important}.temperature-icon{width:27px;height:34px;color:var(--teal-dark);background:#deebf8;border-radius:10px;place-items:center;font-size:11px;display:grid}.shipment-temperature>div{flex-direction:column;min-width:0;display:flex}.shipment-temperature strong{font-size:16px}.shipment-progress,.order-card-progress,.detail-progress-bar{background:#e2e8ee;border-radius:99px;height:5px;margin-top:14px;overflow:hidden}.shipment-progress>span,.order-card-progress>span,.detail-progress-bar>span{border-radius:inherit;background:linear-gradient(90deg,#2e9eff,#68c4ff);height:100%;display:block}.shipment-progress-labels{color:var(--muted);justify-content:space-between;margin-top:7px;font-size:8px;display:flex}.shipment-progress-labels strong{color:var(--teal-dark);font-size:9px}.shipment-card-actions{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.shipment-card-actions button{border-left:1px solid var(--line);justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:720;display:flex}.shipment-card-actions button:first-child{border-left:0}.shipment-card-actions span{color:var(--teal);font-size:14px}.temperature-summary-card{grid-template-columns:44px 1fr 30px;align-items:center;gap:10px;margin-top:11px;padding:13px 12px;display:grid}.temperature-summary-icon{background:linear-gradient(145deg,#0b2f53,#0c79d8);border-radius:14px;place-items:center;width:42px;height:42px;display:grid;position:relative}.temperature-summary-icon:before{border:2px solid var(--mint);content:"";border-radius:99px;width:8px;height:23px}.temperature-summary-icon span{background:var(--mint);border-radius:50%;width:10px;height:10px;position:absolute;bottom:9px}.temperature-summary-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.temperature-summary-copy>div{align-items:center;gap:7px;display:flex}.temperature-summary-copy>div>span,.temperature-summary-copy>small{color:var(--muted);font-size:9px}.temperature-summary-copy>strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.temperature-summary-card>button{width:30px;color:var(--muted);font-size:23px}.detail-header{min-height:57px;margin-bottom:14px}.detail-header>div{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.detail-header>div span{font-size:15px;font-weight:800}.detail-header>div strong{max-width:220px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.back-button{font-size:28px}.more-button{letter-spacing:.08em;font-size:16px}.detail-status-card{color:#fff;background:radial-gradient(circle at 100% 0,#4e95dc2e,#0000 40%),linear-gradient(145deg,#082e52,#0c2e51);border-color:#5191d229;padding:18px;position:relative;overflow:hidden}.detail-status-card:after{content:"";border:1px solid #8bbced24;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-82px;right:-64px}.detail-status-copy{padding-right:108px}.detail-status-copy .status-badge{color:#bad8f7;background:#4d95dd24;border-color:#acd1f626}.detail-status-copy h1{margin-top:10px;font-size:20px;font-weight:820}.detail-status-copy p{color:#dbe8f4b3;margin-top:4px;font-size:11px}.detail-temperature-reading{flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:19px;right:18px}.detail-temperature-reading small,.detail-temperature-reading span{color:#d6e5f4a6;font-size:9px}.detail-temperature-reading strong{margin:2px 0;font-size:26px}.detail-temperature-reading sup{color:var(--mint);font-size:11px}.detail-status-card .detail-progress-bar{background:#dfecf829;margin-top:24px}.detail-status-foot{color:#d9e8f6a8;justify-content:space-between;margin-top:8px;font-size:9px;display:flex}.detail-status-foot strong{color:#ebf4fe}.detail-action-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:11px;display:grid}.detail-action-grid button{border:1px solid var(--line);min-height:84px;box-shadow:var(--shadow);text-align:left;background:#fff;border-radius:17px;grid-template-rows:auto auto;grid-template-columns:39px 1fr;align-content:center;column-gap:10px;padding:12px;display:grid}.detail-action-icon{width:39px;height:39px;color:var(--teal-dark);background:#e7f0f8;border-radius:13px;grid-row:1/3;place-items:center;font-size:18px;display:grid}.detail-action-grid strong{align-self:end;font-size:12px}.detail-action-grid small{color:var(--muted);margin-top:2px;font-size:8px}.detail-section-card{margin-top:11px;padding:15px 16px}.detail-list>div,.booking-review-card dl>div{border-top:1px solid var(--line);grid-template-columns:88px 1fr;align-items:center;gap:10px;min-height:39px;display:grid}.detail-list>div:first-child,.booking-review-card dl>div:first-child{border-top:0}.detail-list dt,.booking-review-card dt{color:var(--muted);font-size:10px}.detail-list dd,.booking-review-card dd{overflow-wrap:anywhere;text-align:right;font-size:11px;font-weight:700}.compact-timeline{padding:1px 0 0;list-style:none}.compact-timeline li{position:relative}.compact-timeline li:not(:last-child):after{background:var(--line2);content:"";width:1px;height:calc(100% - 16px);position:absolute;top:30px;left:10px}.compact-timeline button{text-align:left;grid-template-columns:21px 1fr;align-items:center;gap:10px;width:100%;min-height:55px;display:grid}.timeline-marker{z-index:1;background:#b8c2cc;border:3px solid #fff;border-radius:50%;width:11px;height:11px;margin-left:5px;position:relative;box-shadow:0 0 0 1px #c8d3dd}.timeline-done .timeline-marker,.timeline-current .timeline-marker{background:var(--teal);box-shadow:0 0 0 2px #2e9eff29}.timeline-current .timeline-marker{animation:2s infinite pulse}.compact-timeline button>div{flex-direction:column;gap:3px;min-width:0;display:flex}.compact-timeline strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.compact-timeline small{color:var(--muted);font-size:9px}.heading-add-button,.profile-settings-button{color:var(--teal-dark)}.order-search{border:1px solid var(--line);background:#ffffffe6;border-radius:16px;grid-template-columns:24px 1fr auto;align-items:center;gap:5px;min-height:48px;padding:0 9px 0 14px;display:grid;box-shadow:0 7px 20px #08233e0d}.order-search>span{color:var(--teal-dark);font-size:19px}.order-search input{background:0 0;border:0;width:100%;height:44px;font-size:12px}.order-search input::placeholder{color:#9ca8b4}.order-search button{width:38px;min-height:38px;color:var(--muted);border-radius:12px;font-size:18px}.order-filter-tabs{background:#e2e8ee;border-radius:15px;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:11px;padding:4px;display:grid}.order-filter-tabs button{min-height:39px;color:var(--muted);border-radius:11px;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:700;transition:all .16s;display:flex}.order-filter-tabs button span{background:#6173851f;border-radius:99px;place-items:center;min-width:16px;height:16px;font-size:8px;display:grid}.order-filter-tabs button.is-active{color:var(--teal-dark);background:#fff;box-shadow:0 4px 12px #0d284317}.orders-summary-strip{border:1px solid var(--line);background:var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:11px;display:grid;overflow:hidden}.orders-summary-strip>div{background:#ffffffe6;grid-template-rows:auto auto;grid-template-columns:8px 1fr;align-content:center;column-gap:6px;min-height:57px;padding:8px 10px;display:grid}.summary-dot{border-radius:50%;grid-row:1/3;align-self:center;width:7px;height:7px}.summary-dot-live{background:var(--teal);box-shadow:0 0 0 4px #2e9eff1a}.summary-dot-pending{background:var(--amber)}.summary-dot-done{background:#527fe6}.orders-summary-strip small{color:var(--muted);font-size:8px}.orders-summary-strip strong{font-size:14px}.order-list{flex-direction:column;gap:11px;margin-top:12px;display:flex}.order-list-card{overflow:hidden}.order-card-content{text-align:left;width:100%;padding:15px 15px 12px;display:block}.order-card-heading>div{min-width:0}.order-card-heading small{color:var(--muted);font-size:9px}.order-card-heading h2{margin-top:3px;font-size:15px}.order-route{background:var(--soft);border-radius:11px;grid-template-columns:8px 1fr 18px;align-items:center;gap:7px;min-height:35px;margin-top:8px;padding:0 9px;display:grid}.route-origin-dot{border:2px solid var(--teal);border-radius:50%;width:7px;height:7px}.order-route strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.route-arrow{color:var(--muted);text-align:right;font-size:18px}.order-card-metrics{grid-template-columns:1.15fr .8fr 1fr;margin-top:12px;display:grid}.order-card-metrics>div{border-left:1px solid var(--line);flex-direction:column;gap:3px;min-width:0;padding:0 8px;display:flex}.order-card-metrics>div:first-child{border-left:0;padding-left:0}.order-card-metrics strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.order-card-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.order-card-actions button{border-left:1px solid var(--line);font-size:11px;font-weight:720}.order-card-actions button:first-child{border-left:0}.order-card-actions button:last-child{color:var(--teal-dark)}.empty-state{border:1px dashed var(--line2);text-align:center;background:#ffffffb3;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:25px;display:flex}.empty-state>span{width:54px;height:54px;color:var(--teal-dark);background:#e7f0f8;border-radius:18px;place-items:center;font-size:28px;display:grid}.empty-state h2{margin-top:13px;font-size:15px}.empty-state p{color:var(--muted);margin-top:5px;font-size:11px}.empty-state button{border:1px solid var(--line);color:var(--teal-dark);background:#fff;border-radius:13px;margin-top:13px;padding:0 17px;font-size:11px;font-weight:760}.draft-save-button{border:1px solid var(--line);min-height:40px;color:var(--teal-dark);background:#ffffffc7;padding:0 11px;font-size:10px}.booking-progress{grid-template-columns:repeat(4,1fr);margin:2px 4px 17px;display:grid;position:relative}.booking-progress>button{z-index:2;min-height:58px;color:var(--muted);flex-direction:column;align-items:center;gap:5px;display:flex;position:relative}.booking-progress>button>span{border:3px solid var(--page);color:#717f8e;background:#d7dfe6;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:820;display:grid;box-shadow:0 0 0 1px #cdd6de}.booking-progress>button small{font-size:9px;font-weight:700}.booking-progress>button.is-current,.booking-progress>button.is-complete{color:var(--teal-dark)}.booking-progress>button.is-current>span,.booking-progress>button.is-complete>span{color:#fff;background:linear-gradient(145deg,#2e9eff,#0c79d8);box-shadow:0 0 0 1px #2e9eff,0 6px 14px #09488733}.booking-progress>button.is-current>span{transform:scale(1.08)}.booking-progress-line{z-index:1;background:#d6dee6;border-radius:99px;height:3px;position:absolute;top:13px;left:12.5%;right:12.5%;overflow:hidden}.booking-progress-line span{border-radius:inherit;background:linear-gradient(90deg,#2e9eff,#68c4ff);height:100%;transition:width .3s;display:block}.booking-form{flex-direction:column;display:flex}.booking-form-section{padding:17px 16px}.form-section-heading{grid-template-columns:40px 1fr;align-items:center;gap:11px;margin-bottom:17px;display:grid}.form-section-number{width:40px;height:40px;color:var(--teal-dark);background:#e7f0f8;border:1px solid #2e9eff2b;border-radius:14px;place-items:center;font-size:11px;font-weight:850;display:grid}.form-section-heading h2{font-size:17px}.form-section-heading p{color:var(--muted);margin-top:3px;font-size:10px}.form-grid{grid-template-columns:repeat(2,1fr);gap:12px 10px;display:grid}.form-field{flex-direction:column;gap:6px;min-width:0;margin-top:12px;display:flex}.form-field-wide{width:100%}.form-field>span,.temperature-range-heading>span,.temperature-inputs>label>span{color:var(--ink2);font-size:10px;font-weight:720}.form-field>span i,.temperature-range-heading i{color:var(--red);font-style:normal}.form-field input,.form-field select,.form-field textarea,.temperature-inputs input{border:1px solid var(--line2);background:#f9fbfc;border-radius:13px;width:100%;min-height:46px;font-size:12px;transition:all .16s}.form-field input,.form-field textarea{padding:0 12px}.form-field select{padding:0 30px 0 12px}.form-field textarea{resize:vertical;min-height:86px;padding-top:11px;line-height:1.5}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.temperature-inputs input:focus{background:#fff;border-color:#2e9effb8;box-shadow:0 0 0 4px #2e9eff1a}.form-field input[aria-invalid=true],.temperature-inputs input[aria-invalid=true]{background:#fff9f7;border-color:#e36a5fb8}.field-error{color:#c24e45;font-size:9px;font-weight:650;line-height:1.35;display:block}.route-form{padding-left:34px;display:grid;position:relative}.route-form:before{background:linear-gradient(var(--teal),var(--cyan));content:"";width:2px;position:absolute;top:38px;bottom:28px;left:13px}.route-form .form-field{position:relative}.route-form .form-field:before{background:var(--teal);content:"";border:3px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:34px;left:-26px;box-shadow:0 0 0 2px #2e9eff33}.route-form .form-field:last-child:before{background:var(--cyan)}.route-form-line{display:none}.temperature-range-field{border:1px solid var(--line);background:var(--soft);border-radius:16px;margin-top:13px;padding:13px}.temperature-range-heading{justify-content:space-between;display:flex}.temperature-range-heading small{color:var(--muted);font-size:9px}.temperature-inputs{grid-template-columns:1fr 18px 1fr;align-items:center;gap:7px;margin-top:10px;display:grid}.temperature-inputs>label{flex-direction:column;gap:6px;min-width:0;display:flex}.temperature-inputs>label>div{position:relative}.temperature-inputs input{padding:0 31px 0 11px}.temperature-inputs b{color:var(--teal-dark);font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.temperature-range-separator{color:var(--muted);text-align:center;align-self:center;margin-top:19px}.option-toggle-card,.choice-card{border:1px solid var(--line);text-align:left;background:#fbfcfd;align-items:center;width:100%;transition:all .16s;display:grid}.option-toggle-card{border-radius:16px;grid-template-columns:40px 1fr 25px;gap:10px;min-height:73px;margin-top:13px;padding:10px 12px}.option-toggle-card.is-selected,.choice-card.is-selected{background:#eff5fb;border-color:#2e9eff80;box-shadow:0 0 0 3px #2e9eff12}.option-toggle-icon,.choice-card-icon{color:var(--teal-dark);background:#e6eff8;border-radius:13px;place-items:center;font-weight:850;display:grid}.option-toggle-icon{width:40px;height:40px;font-size:17px}.option-toggle-card>span:nth-child(2),.choice-card>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.option-toggle-card strong,.choice-card strong{font-size:12px}.option-toggle-card small,.choice-card small{color:var(--muted);font-size:9px;line-height:1.35}.option-check{border:1px solid var(--line2);color:#0000;background:#fff;border-radius:7px;place-items:center;width:21px;height:21px;font-size:11px;font-style:normal;display:grid}.option-toggle-card.is-selected .option-check{border-color:var(--teal);background:var(--teal);color:#fff}.form-tip{background:#f1f6fb;border:1px solid #d5e3f1;border-radius:14px;grid-template-columns:22px 1fr;gap:8px;margin-top:12px;padding:10px 11px;display:grid}.form-tip>span{color:#285a8d;background:#dce9f6;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;font-weight:850;display:grid}.form-tip p{color:#4e6276;font-size:9px;line-height:1.55}.choice-card-list{flex-direction:column;gap:9px;display:flex}.choice-card{border-radius:16px;grid-template-columns:40px 1fr 22px;gap:10px;min-height:66px;padding:9px 12px}.choice-card-icon{width:39px;height:39px;font-size:17px}.choice-radio{border:2px solid #b9c3ce;border-radius:50%;width:19px;height:19px;position:relative}.choice-card.is-selected .choice-radio{border-color:var(--teal)}.choice-card.is-selected .choice-radio:after{background:var(--teal);content:"";border-radius:50%;width:9px;height:9px;position:absolute;top:3px;left:3px}.service-options{border:1px solid var(--line);border-radius:16px;margin-top:13px;overflow:hidden}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:11px 13px;display:flex}.setting-row:first-child{border-top:0}.setting-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.setting-copy strong{font-size:12px}.setting-copy small{color:var(--muted);font-size:9px;line-height:1.4}.toggle-switch{background:#c9d2da;border-radius:99px;width:47px;min-width:47px;height:28px;min-height:28px;transition:all .18s;position:relative}.toggle-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #162a3f3d}.toggle-switch.is-on{background:linear-gradient(90deg,#2e9eff,#68c4ff)}.toggle-switch.is-on .toggle-knob{transform:translate(19px)}.contact-card{border:1px solid var(--line);background:var(--soft);border-radius:16px;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:13px;padding:10px 12px 13px;display:grid;position:relative}.contact-card-label{border:1px solid var(--line);color:var(--teal-dark);background:#fff;border-radius:99px;padding:3px 8px;font-size:8px;font-weight:800;position:absolute;top:-9px;left:12px}.booking-review-card{background:#f2f6fb;border:1px solid #2e9eff33;border-radius:16px;margin-top:14px;padding:13px}.booking-review-card .card-heading{margin-bottom:2px}.booking-form-actions{grid-template-columns:minmax(96px,.75fr) minmax(0,1.4fr);gap:10px;margin-top:14px;display:grid}.booking-form-actions>button{width:100%}.booking-consent{color:var(--muted);text-align:center;padding:11px 12px 0;font-size:8px;line-height:1.5}.live-status-button{min-height:36px;color:var(--teal-dark);letter-spacing:.08em;background:#e7f0f8;border:1px solid #2e9eff2e;border-radius:99px;align-items:center;gap:7px;padding:0 11px;font-size:9px;font-weight:850;display:flex}.live-status-button span{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse}.monitor-order-selector{border:1px solid var(--line);width:100%;min-height:67px;box-shadow:var(--shadow);text-align:left;background:#ffffffe6;border-radius:17px;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;display:flex}.monitor-order-selector>div{flex-direction:column;gap:2px;min-width:0;display:flex}.monitor-order-selector small{color:var(--teal-dark);letter-spacing:.08em;font-size:8px;font-weight:780}.monitor-order-selector strong{letter-spacing:.02em;font-size:14px}.monitor-order-selector>div>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.monitor-order-selector>span{background:var(--soft);width:35px;height:35px;color:var(--teal-dark);border-radius:12px;flex:none;place-items:center;display:grid}.route-map-card,.temperature-monitor-card,.sensor-health-card,.monitor-alerts-card{margin-top:12px}.route-map-card{padding:15px;overflow:hidden}.sync-label{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:inline-flex}.sync-label i{width:6px;height:6px;box-shadow:none}.css-route-map{isolation:isolate;background:radial-gradient(circle at 55% 52%,#3478bc1a,#0000 40%),linear-gradient(155deg,#0b2c4d,#09233e 72%,#0b2641);border:1px solid #749dc733;border-radius:19px;height:278px;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #02132447}.map-grid-lines{z-index:-3;background-image:linear-gradient(#9fc0e10e 1px,#0000 1px),linear-gradient(90deg,#9fc0e10e 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.map-ocean-text{z-index:-1;color:#98b6d52b;letter-spacing:.24em;font-size:8px;font-weight:800;position:absolute;top:49%;left:43%;transform:rotate(-24deg)}.map-land{z-index:-2;background:linear-gradient(145deg,#395674b3,#1e3852ad);position:absolute;box-shadow:inset 0 0 0 1px #86a8ca1f}.map-land span{color:#bed0e247;letter-spacing:.13em;font-size:7px;font-weight:800;position:absolute}.map-land-thailand{clip-path:polygon(0 12%,47% 0,76% 17%,67% 37%,92% 53%,63% 67%,53% 100%,0 100%);border-radius:40% 58% 29% 0;width:43%;height:71%;bottom:-21%;left:-8%;transform:rotate(-5deg)}.map-land-thailand span{top:36%;left:31%}.map-land-china{clip-path:polygon(14% 0,100% 0,100% 100%,55% 84%,40% 63%,12% 67%,0 39%);border-radius:18% 0 0 63%;width:54%;height:58%;top:-15%;right:-12%}.map-land-china span{bottom:19%;right:31%}.map-route-path{z-index:2;transform-origin:0;height:0;position:absolute}.map-route-complete{border-top:2px solid #2e9eff;width:46%;top:70%;left:19%;transform:rotate(-24deg);box-shadow:0 0 9px #2e9eff59}.map-route-upcoming{border-top:2px dashed #a9c3dd7a;width:40%;top:43%;left:57%;transform:rotate(-43deg)}.map-vessel{z-index:7;width:34px;height:34px;position:absolute;top:43%;left:57%;transform:translate(-50%,-50%)}.map-vessel>span{z-index:2;color:#ebf4fe;background:#2e9eff;border:1px solid #cfe5fc66;border-radius:11px;place-items:center;width:30px;height:30px;font-size:11px;display:grid;position:absolute;top:2px;left:2px;box-shadow:0 5px 18px #0213257a}.map-vessel>i{border:1px solid #4694e273;border-radius:14px;animation:2.4s ease-out infinite radar;position:absolute;inset:-3px}@keyframes radar{0%{opacity:.8;transform:scale(.68)}to{opacity:0;transform:scale(1.55)}}.map-node{z-index:8;width:44px;height:44px;top:var(--node-y);left:var(--node-x);border-radius:50%;display:block;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.map-node-pin{background:#aebbc8;border:3px solid #0d2a47;border-radius:50%;width:11px;height:11px;position:absolute;top:16px;left:16px;box-shadow:0 0 0 1px #cbddf06b}.map-node-done .map-node-pin{background:#68c4ff}.map-node-current .map-node-pin{background:#f5cb66;animation:2s infinite node-pulse;box-shadow:0 0 0 1px #fee29c80,0 0 0 7px #f5cb661c}@keyframes node-pulse{50%{box-shadow:0 0 0 1px #fee29c66,0 0 0 12px #f5cb6600}}.map-node strong{color:#e5eff9d1;white-space:nowrap;background:#041527ad;border-radius:6px;min-width:max-content;padding:3px 6px;font-size:7px;position:absolute;top:31px;left:50%;transform:translate(-50%)}.map-node.is-selected{z-index:10}.map-node.is-selected .map-node-pin{box-shadow:0 0 0 2px #e9f3fe,0 0 0 7px #4d96e042,0 0 18px #4d96e073}.map-node.is-selected strong{color:#fff;background:#083f77f0}.map-scale{z-index:5;color:#bdcfe17a;letter-spacing:.08em;align-items:center;gap:5px;font-size:6px;display:flex;position:absolute;bottom:9px;right:11px}.map-scale span{border-top:2px solid #bdcfe16e;width:27px;display:block}.selected-route-panel{border:1px solid var(--line);background:var(--soft);border-radius:16px;grid-template-columns:34px 1fr;gap:10px;margin-top:12px;padding:12px;display:grid}.route-state-icon{width:33px;height:33px;color:var(--muted);background:#e6ebef;border-radius:11px;place-items:center;font-size:12px;font-style:normal;font-weight:850;display:grid}.route-state-done,.route-state-current{color:var(--teal-dark);background:#e7f0f8}.selected-route-panel>div{flex-direction:column;gap:2px;min-width:0;display:flex}.selected-route-panel small{color:var(--teal-dark);font-size:8px}.selected-route-panel strong{font-size:12px}.selected-route-panel p{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.45}.selected-route-panel time{color:#9aa6b3;grid-column:2;font-size:8px}.route-stat-strip,.temperature-stat-grid{background:var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:11px;display:grid;overflow:hidden}.route-stat-strip>div{background:#f7f9fb;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:52px;padding:7px 9px;display:flex}.route-stat-strip small,.temperature-stat-grid small{color:var(--muted);font-size:8px}.route-stat-strip strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.temperature-monitor-card{color:#e9f2fa;background:radial-gradient(circle at 100% 0,#367fc924,#0000 38%),linear-gradient(155deg,#09223b,#0b2642);border:1px solid #5e8bb92b;border-radius:21px;padding:16px;overflow:hidden;box-shadow:0 15px 33px #051b3130}.temperature-monitor-heading{align-items:flex-end}.temperature-monitor-heading>div:first-child{flex-direction:column;gap:4px;display:flex}.temperature-monitor-heading .section-kicker{color:#74a7db}.temperature-monitor-heading h2{font-size:18px}.temperature-live-value{align-items:center;gap:8px;display:flex}.temperature-live-value strong{font-size:24px}.temperature-live-value sup{color:#8cb6e1;font-size:10px}.temperature-range-status{color:#cddbe99e;justify-content:space-between;margin-top:9px;font-size:9px;display:flex}.temperature-range-status strong{color:#77abe0}.temperature-range-status i{font-style:normal}.sensor-tabs{background:#03122147;border:1px solid #afc6dd1a;border-radius:13px;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:14px;padding:4px;display:grid}.sensor-tabs button{color:#d2dfeb99;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:37px;font-size:9px;font-weight:700;display:flex}.sensor-tabs button.is-active{color:#fff;background:#f2f8fe1c}.sensor-color-dot{border-radius:50%;width:7px;height:7px;box-shadow:0 0 7px}.chart-toolbar{justify-content:space-between;align-items:center;gap:10px;min-height:45px;display:flex}.chart-toolbar>span{color:#cbd9e8a6;font-size:9px}.chart-toolbar>div{background:#02101f4d;border-radius:9px;gap:2px;padding:2px;display:flex}.chart-toolbar button{color:#d5e1ec8a;border-radius:7px;min-width:41px;min-height:31px;padding:0 6px;font-size:8px}.chart-toolbar button.is-active{color:#a7cdf3;background:#5696d729}.temperature-chart{background:#03122152;border:1px solid #a3bdd714;border-radius:15px;height:211px;overflow:hidden}.temperature-chart canvas{width:100%;height:100%;display:block}.temperature-stat-grid{background:#b1c5da1a;grid-template-columns:repeat(4,1fr)}.temperature-stat-grid>div{background:#f2f8fe0e;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:51px;padding:7px;display:flex}.temperature-stat-grid small{color:#c6d4e38f}.temperature-stat-grid strong{color:#e9f2fa;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sensor-health-card,.monitor-alerts-card{padding:15px}.sensor-health-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.sensor-health-grid button{border:1px solid var(--line);background:var(--soft);text-align:left;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:9px 1fr;align-content:center;column-gap:7px;min-height:75px;padding:10px;display:grid;position:relative}.sensor-status-dot{grid-row:1/3;align-self:center}.sensor-health-grid small{color:var(--muted);font-size:8px}.sensor-health-grid strong{font-size:13px}.sensor-health-grid i{color:#9aa6b3;font-size:8px;font-style:normal;position:absolute;bottom:8px;right:9px}.monitor-alerts-card .card-heading>div{align-items:center;gap:7px;display:flex}.monitor-alerts-card .card-heading>div>span{color:#a16a13;background:#fff4da;border-radius:99px;padding:3px 7px;font-size:8px}.alert-list{flex-direction:column;display:flex}.alert-list-item{border-top:1px solid var(--line);text-align:left;grid-template-columns:33px 1fr;align-items:center;gap:10px;width:100%;min-height:73px;padding:9px 3px;display:grid;position:relative}.alert-list-item:first-child{border-top:0}.alert-list-item.is-read{opacity:.58}.alert-item-icon{color:#366391;background:#eaf1f8;border-radius:11px;place-items:center;width:33px;height:33px;font-size:11px;font-weight:850;display:grid}.alert-warning .alert-item-icon{color:#a66c10;background:#fff4da}.alert-list-item>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.alert-list-item strong{font-size:11px}.alert-list-item small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.4;display:-webkit-box;overflow:hidden}.alert-list-item time{color:#9aa6b3;font-size:8px}.unread-indicator{background:var(--teal);border-radius:50%;width:6px;height:6px;position:absolute;top:13px;right:2px;box-shadow:0 0 0 3px #2e9eff17}.company-profile-card{color:#fff;background:radial-gradient(circle at 100% 0,#67a3e02b,#0000 38%),linear-gradient(145deg,#082e52,#0b2e51);border:1px solid #5b97d42e;border-radius:21px;position:relative;overflow:hidden;box-shadow:0 16px 36px #061e3638}.company-profile-card:after{content:"";border:1px solid #97c1eb21;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-95px;right:-88px}.company-profile-top{grid-template-columns:51px 1fr 30px;align-items:center;gap:11px;padding:17px 15px 15px;display:grid}.company-logo{background:linear-gradient(145deg,#448ed85c,#0c3b6a80);border:1px solid #bad8f636;border-radius:17px 17px 17px 6px;place-items:center;width:51px;height:51px;font-size:19px;font-weight:850;display:grid}.company-profile-top>div{min-width:0}.verified-label{color:#9fc3e8;align-items:center;gap:4px;font-size:8px;display:inline-flex}.verified-label i{background:#3f8cda2e;border-radius:50%;place-items:center;width:13px;height:13px;font-size:8px;font-style:normal;display:grid}.company-profile-top h1{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:15px;overflow:hidden}.company-profile-top p{color:#d6e5f4a6;margin-top:3px;font-size:9px}.company-profile-top>button{color:#e2eef9a6;width:30px;font-size:24px}.company-stats{z-index:1;background:#02122224;border-top:1px solid #c2d8ef1a;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.company-stats button{border-left:1px solid #c2d8ef17;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:62px;display:flex}.company-stats button:first-child{border-left:0}.company-stats strong{font-size:16px}.company-stats small{color:#cddded94;font-size:8px}.profile-detail-panel{margin-top:12px;padding:15px;animation:.22s panel-in}.profile-detail-panel .card-heading>button{background:var(--soft);width:38px;min-height:38px;color:var(--muted);border-radius:11px;font-size:18px}.profile-detail-panel>.primary-button{width:100%;margin-top:14px}.invoice-summary{background:#e7f0f8;border:1px solid #2e9eff26;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:112px;display:flex}.invoice-summary span,.invoice-summary small{color:var(--muted);font-size:9px}.invoice-summary strong{color:var(--teal-dark);margin:5px 0;font-size:22px}.support-agent{background:var(--soft);border-radius:16px;grid-template-columns:48px 1fr;align-items:center;gap:11px;padding:12px;display:grid}.support-agent-avatar{color:#fff;background:linear-gradient(145deg,#2e9eff,#0c79d8);border-radius:15px;place-items:center;width:48px;height:48px;font-size:16px;display:grid}.support-agent>div{flex-direction:column;gap:4px;display:flex}.support-agent strong{font-size:12px}.support-agent small{color:var(--teal-dark);font-size:9px}.support-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:11px;display:grid}.support-actions button{border:1px solid var(--line2);border-radius:13px;font-size:11px;font-weight:750}.support-actions button:first-child{color:#fff;background:linear-gradient(135deg,#2e9eff,#0c79d8);border-color:#0000}.profile-menu-card{margin-top:12px;padding:3px 12px;overflow:hidden}.profile-menu-card>button{border-top:1px solid var(--line);text-align:left;grid-template-columns:38px 1fr 22px;align-items:center;gap:10px;width:100%;min-height:65px;display:grid}.profile-menu-card>button:first-child{border-top:0}.profile-menu-icon{width:38px;height:38px;color:var(--teal-dark);background:#e7f0f8;border-radius:13px;place-items:center;font-size:12px;font-weight:820;display:grid}.profile-menu-card>button>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.profile-menu-card strong{font-size:12px}.profile-menu-card small{color:var(--muted);font-size:9px}.profile-menu-card>button>i{color:#9aa6b3;text-align:center;font-size:20px;font-style:normal}.settings-card{margin-top:12px;padding:12px;scroll-margin-top:16px}.settings-card .setting-row{padding-left:3px;padding-right:3px}.logout-button{color:#b25049;background:#ffffffbf;border:1px solid #e36a5f42;width:100%;margin-top:13px}.app-version{color:#9aa6b3;text-align:center;padding:13px 0 2px;font-size:8px}@media (width<=500px){.cold-app{padding:0}.cold-app:before,.cold-app:after{display:none}.app-phone{width:100%;height:100dvh;max-height:none;box-shadow:none;border:0;border-radius:0}}@media (width<=374px){.app-screen{padding-left:14px;padding-right:14px}.home-overview{padding-left:16px;padding-right:16px}.overview-headline{grid-template-columns:1fr 56px}.route-status-orb{width:55px;height:55px}.quick-actions{gap:2px}.shipment-card-main,.order-card-content,.booking-form-section{padding-left:13px;padding-right:13px}.shipment-metrics{padding-left:5px;padding-right:5px}.shipment-temperature{grid-template-columns:23px 1fr}.temperature-icon{width:22px}.order-filter-tabs button{gap:2px;font-size:9px}.css-route-map{height:248px}}@media (width>=501px) and (height<=760px){.app-phone{border-radius:31px;height:calc(100dvh - 22px)}.cold-app{padding:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-phone{grid-template-rows:calc(28px + env(safe-area-inset-top)) minmax(0,1fr) 6px;background:#edf1f5}.login-phone .app-status-bar{color:#ebf4fe;background:#061d35}.login-phone .app-home-indicator{background:#edf1f5}.login-content{overscroll-behavior:contain;scrollbar-width:none;background:linear-gradient(#061d35 0,#0a2d50 31%,#edf1f5 31% 100%);min-height:0;overflow:hidden auto}.login-content::-webkit-scrollbar{display:none}.login-hero{color:#fff;isolation:isolate;min-height:252px;padding:35px 28px 94px;position:relative;overflow:hidden}.login-hero:before{z-index:-3;content:"";border:1px solid #8abbed29;border-radius:50%;width:300px;height:300px;position:absolute;top:-176px;right:-116px;box-shadow:0 0 0 42px #5598db06,0 0 0 84px #5598db05}.login-hero:after{z-index:-2;content:"";border:1px solid #8abbed21;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-145px;right:-126px}.login-brand{z-index:2;align-items:center;gap:13px;display:flex;position:relative}.login-brand-mark{background:linear-gradient(145deg,#2e9eff,#0c79d8);border:1px solid #bfdcfa33;border-radius:17px 17px 17px 6px;place-items:center;width:48px;height:48px;font-size:23px;font-weight:850;display:grid;box-shadow:0 12px 26px #020e1b47}.login-brand>div{flex-direction:column;gap:4px;display:flex}.login-brand small{color:#7fafe0;letter-spacing:.2em;font-size:8px;font-weight:850}.login-brand strong{letter-spacing:.02em;font-size:19px;font-weight:820}.brand-mark,.login-brand-mark{aspect-ratio:1;background:#061a33;flex:none;padding:0;overflow:hidden}.brand-mark img,.login-brand-mark img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.login-hero>p{z-index:2;color:#e2eef9b3;letter-spacing:.18em;margin-top:21px;font-size:12px;position:relative}.login-route-art{z-index:-1;opacity:.8;width:210px;height:96px;position:absolute;bottom:27px;right:13px;transform:rotate(-8deg)}.login-route-art:before{content:"";border-top:1px dashed #75aee757;border-radius:50%;width:188px;height:72px;position:absolute;top:12px;left:7px;transform:rotate(-7deg)}.login-route-art>span{background:#082747;border:2px solid #83b4e6;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 0 5px #5094d814}.login-route-art>span:first-child{bottom:20px;left:8px}.login-route-art>span:nth-child(2){top:11px;left:92px}.login-route-art>span:nth-child(3){bottom:25px;right:7px}.login-route-art>i{background:#2e9eff;border-radius:7px 7px 10px 10px;width:29px;height:18px;position:absolute;top:25px;left:113px;transform:rotate(17deg);box-shadow:0 6px 16px #010c174d}.login-route-art>i:before{content:"";background:#68c4ff;border-radius:3px 3px 0 0;width:9px;height:6px;position:absolute;top:-5px;left:6px}.login-card{z-index:3;background:#fffffffa;border:1px solid #a0b6cd61;border-radius:25px;margin:-78px 17px 0;padding:25px 22px 22px;position:relative;box-shadow:0 24px 54px #04192f30}.login-heading>span{color:var(--teal-dark);letter-spacing:.2em;font-size:8px;font-weight:850}.login-heading h1{letter-spacing:-.04em;margin-top:7px;font-size:28px;font-weight:840}.login-heading p{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.5}.login-field{flex-direction:column;gap:7px;margin-top:18px;display:flex}.login-field>span{color:var(--ink2);font-size:11px;font-weight:780}.login-input-wrap{border:1px solid var(--line2);background:#f8fafb;border-radius:15px;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;min-height:56px;transition:border-color .16s,box-shadow .16s,background .16s;display:grid}.login-input-wrap:focus-within{background:#fff;border-color:#2e9effa6;box-shadow:0 0 0 4px #2e9eff14}.login-input-wrap.has-error{background:snow;border-color:#df6b60a8}.login-input-wrap>i{border-right:1px solid var(--line);width:37px;height:24px;color:var(--teal-dark);place-items:center;font-size:12px;font-style:normal;font-weight:850;display:grid}.login-input-wrap>input{width:100%;min-width:0;height:54px;color:var(--ink);background:0 0;border:0;outline:0;padding:0 12px;font-size:16px}.login-input-wrap>input::placeholder{color:#a1acb6}.login-input-wrap>input:disabled{opacity:.65}.password-visibility-button{min-width:54px;min-height:44px;color:var(--teal-dark);border-radius:10px;margin-right:5px;padding:0 7px;font-size:11px;font-weight:760}.password-visibility-button:hover{background:#e8f0f7}.login-field-error{color:#b34f48;font-size:10px;line-height:1.35}.login-error{color:#9e453f;background:#fff4f2;border:1px solid #df6b6038;border-radius:13px;grid-template-columns:24px 1fr;align-items:center;gap:9px;min-height:48px;margin-top:14px;padding:8px 10px;display:grid}.login-error>b{background:#df6b6024;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;display:grid}.login-error>span{font-size:10px;line-height:1.4}.login-submit-button{color:#fff;background:linear-gradient(135deg,#2e9eff,#0c79d8);border-radius:15px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;margin-top:18px;font-size:14px;font-weight:820;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 13px 26px #0c79d83d}.login-submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 30px #0c79d84d}.login-submit-button>span{font-size:19px;font-weight:400}.login-spinner{border:2px solid #ffffff57;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-security-note{color:#83909c;justify-content:center;align-items:center;gap:6px;margin-top:15px;font-size:9px;display:flex}.login-security-note>i{width:15px;height:15px;color:var(--teal-dark);background:#e5eef7;border-radius:50%;place-items:center;font-size:8px;font-style:normal;font-weight:850;display:grid}.login-footer{padding:18px 20px calc(18px + env(safe-area-inset-bottom));color:#828f9c;letter-spacing:.08em;text-align:center;font-size:9px;font-weight:650}.company-profile-top .account-email{color:#d6e5f4ad;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.logout-button[aria-busy=true]{cursor:wait}@media (width<=374px){.login-hero{padding-left:22px;padding-right:22px}.login-card{margin-left:13px;margin-right:13px;padding-left:18px;padding-right:18px}}@media (height<=680px){.login-hero{min-height:213px;padding-top:24px;padding-bottom:73px}.login-hero>p{margin-top:12px}.login-card{margin-top:-61px;padding-top:19px;padding-bottom:17px}.login-heading p{margin-top:4px}.login-field{margin-top:12px}.login-input-wrap{min-height:50px}.login-input-wrap>input{height:48px}.login-submit-button{min-height:49px;margin-top:13px}.login-security-note{margin-top:10px}.login-footer{padding-top:12px;padding-bottom:12px}}@media (prefers-reduced-motion:reduce){.login-spinner{animation-duration:1.2s!important;animation-iteration-count:infinite!important}}
/*$vite$:1*/