:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#18243b;background:#f4f7fc;font-synthesis:none;--blue:#1264ef;--muted:#69758b;--line:#e1e8f2;--white:#fff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;letter-spacing:-.04em;margin-bottom:10px}h2{font-size:1.25rem;letter-spacing:-.025em}h3{font-size:1rem}p{line-height:1.6}button:focus-visible,a:focus-visible{outline:3px solid #86b5ff;outline-offset:3px}.logo{position:relative;width:204px;height:92px;overflow:hidden;flex-shrink:0}.logo img{position:absolute;width:204px;height:204px;left:0;top:-55px}.login-logo{width:250px;height:120px;margin:0 auto 24px}.login-logo img{width:250px;height:250px;top:-64px}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.auth-story{background:#102447;color:white;padding:8vw 6vw;display:flex;flex-direction:column;justify-content:center}.auth-story .eyebrow{color:#8bb8ff}.auth-story h1{font-size:clamp(2rem,4vw,4rem);line-height:1.1;max-width:520px}.auth-story p{color:#bdd0ed;max-width:470px}.route-art{border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;display:flex;justify-content:space-between;align-items:center;padding:28px 0;margin:32px 0;color:white}.route-art strong{font-size:2.2rem}.route-art small{display:block;color:#afc2de;margin-top:8px}.auth-panel{padding:38px;display:flex;align-items:center;justify-content:center}.auth-form{width:100%;max-width:390px}.auth-form h1{font-size:1.65rem}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:.75rem;color:var(--blue);margin-bottom:12px}.muted{color:var(--muted)}.small{font-size:.8rem}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:20px 22px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.sidebar .logo{margin-bottom:30px}.side-nav{display:grid;gap:7px}.nav-link{border:0;background:transparent;display:flex;align-items:center;gap:13px;padding:14px;border-radius:10px;text-align:left;color:#65728a;text-decoration:none;font-weight:600;font-size:.9rem}.nav-link.active{background:#eaf2ff;color:var(--blue)}.nav-link svg{width:20px;height:20px}.sidebar-bottom{margin-top:auto}.user-chip{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:20px}.avatar{width:42px;height:42px;border-radius:50%;background:#e7efff;color:var(--blue);display:grid;place-items:center;font-weight:700;flex-shrink:0}.user-chip strong{font-size:.9rem;display:block}.user-chip small{color:var(--muted);text-transform:capitalize}.shell{margin-left:250px}.topbar{height:80px;background:#ffffffd9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:16px}.topbar .mobile-brand{display:none}.topbar-label{font-size:.9rem;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:14px}.icon-button{border:1px solid var(--line);background:white;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;position:relative}.icon-button svg{width:20px;height:20px}.badge-count{background:var(--blue);color:white;position:absolute;right:-4px;top:-5px;font-size:11px;border-radius:20px;padding:3px 5px;min-width:18px}.content{max-width:1370px;margin:auto;padding:36px 42px 90px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-head p{margin:0;color:var(--muted)}.btn{border:0;border-radius:9px;background:var(--blue);color:white;padding:13px 20px;font-size:.9rem;font-weight:650;display:inline-flex;gap:9px;align-items:center;justify-content:center;text-decoration:none;min-height:46px}.btn svg{width:19px;height:19px}.btn.secondary{background:white;color:#263754;border:1px solid #d7e0ee}.btn.subtle{background:#ebf2ff;color:var(--blue)}.btn.danger{background:#fff0ef;color:#ba3026}.btn.full{width:100%}.btn.small{padding:8px 13px;min-height:38px;font-size:.8rem}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grid{display:grid;gap:22px}.two{grid-template-columns:1.35fr 1fr}.equal{grid-template-columns:1fr 1fr}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:25px;box-shadow:0 3px 10px #172a4503}.card h2{margin-bottom:20px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.card-title h2{margin:0}.welcome{background:#1264ef;color:white;border:0;position:relative;overflow:hidden;padding:30px}.welcome .eyebrow{color:#d1e1ff}.welcome p{color:#e0eaff;max-width:390px;margin-bottom:24px}.welcome h2{font-size:1.8rem;max-width:440px}.welcome .btn{background:white;color:var(--blue)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.mode{padding:17px 10px;border:1px solid var(--line);background:#fff;border-radius:12px;color:#65748b;display:grid;justify-items:center;gap:11px;font-size:.9rem;font-weight:600}.mode.active{border:1.5px solid var(--blue);background:#edf4ff;color:var(--blue)}.mode svg{width:29px;height:29px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.stat span{color:var(--muted);font-size:.85rem;display:block}.stat strong{display:block;font-size:2rem;letter-spacing:-.045em;margin:12px 0 0}.field{display:grid;gap:8px;margin-bottom:17px}.field>span,.field>label{font-size:.85rem;font-weight:600;color:#47556d}input,select,textarea{width:100%;border:1px solid #d5deeb;border-radius:8px;padding:12px 13px;color:#17243a;background:white;min-height:46px;font-size:.95rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1264ef12}textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(4,1fr)}.span-all{grid-column:1/-1}.form-section{margin-bottom:22px}.form-section h2{display:flex;align-items:center;gap:10px}.section-number{display:grid;place-items:center;width:27px;height:27px;background:#edf4ff;color:var(--blue);border-radius:8px;font-size:.8rem}.hint{padding:14px 16px;background:#f0f5fd;color:#567092;border-radius:9px;font-size:.85rem;line-height:1.6}.error{color:#ae2a22;background:#fff1ef;padding:12px;border-radius:8px;font-size:.9rem;margin-bottom:16px}.shipment{border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:14px;background:white;cursor:pointer}.shipment:hover{border-color:#b7cdf1}.shipment .heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.shipment h3{margin:0;letter-spacing:.02em;font-size:.95rem}.route{font-size:1.08rem;font-weight:600;margin-bottom:14px}.route .arrow{color:#9daac0;margin:0 10px}.shipment-foot{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:.85rem}.pill{display:inline-block;white-space:nowrap;border-radius:7px;background:#edf3fe;color:#2163c8;font-size:.75rem;font-weight:600;padding:6px 9px}.pill.green{background:#e6f6ec;color:#208349}.pill.orange{background:#fff4dc;color:#94691d}.pill.gray{background:#eff1f5;color:#6c7483}.timeline{margin:10px 0 0}.timeline-item{position:relative;margin-left:8px;padding:0 0 24px 28px;border-left:2px solid #e4eaf4}.timeline-item:before{content:'';position:absolute;left:-6px;top:2px;width:10px;height:10px;border-radius:50%;background:#c9d4e6;box-shadow:0 0 0 4px white}.timeline-item.done:before{background:var(--blue)}.timeline-item:last-child{border:0;padding-bottom:0}.timeline-item strong{display:block;font-size:.9rem;margin-bottom:6px}.timeline-item small{color:var(--muted)}.timeline-item p{font-size:.85rem;margin:7px 0 0}.detail-pairs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.detail-pairs span{display:block;color:var(--muted);font-size:.8rem;margin-bottom:7px}.detail-pairs strong{font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}.big-weight{font-size:2rem!important;color:var(--blue)}.tabs{display:flex;gap:8px;margin-bottom:22px;overflow:auto;padding-bottom:4px}.tab{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 15px;font-size:.85rem;color:#5f6e84;white-space:nowrap}.tab.active{background:var(--blue);color:white;border-color:var(--blue)}.search-row{display:flex;gap:10px;margin-bottom:22px}.search-row input{flex:1}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty svg{height:40px;width:40px;color:#9aaccc;margin-bottom:14px}.empty h3{color:#354560;margin-bottom:9px}.mobile-nav{display:none}.notice{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:13px;align-items:flex-start}.notice p{margin:0 0 5px;font-size:.9rem}.notice.unread p{font-weight:650}.notice-icon{width:32px;height:32px;border-radius:9px;background:#eaf2ff;display:grid;place-items:center;color:var(--blue);flex-shrink:0}.notice-icon svg{width:17px;height:17px}.loading{padding:60px;text-align:center;color:var(--muted)}#toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);padding:14px 22px;border-radius:10px;background:#142542;color:white;z-index:100;max-width:90vw;box-shadow:0 5px 30px #0002;display:none}#toast.show{display:block}.account-row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.account-row strong{font-size:.95rem}.account-row small{display:block;color:var(--muted);margin-top:5px}.back{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:.85rem;margin-bottom:20px}.split-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.install-banner{margin-top:18px}.connection{font-size:.75rem;color:#6d7e94}.summary-value{font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.summary-line{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.9rem}.summary-line:last-child{border:0}.stack{display:grid;gap:22px}.small-link{font-size:.85rem;text-decoration:none}.auth-switch{text-align:center;font-size:.9rem;margin-top:24px}.auth-switch button{border:0;background:none;color:var(--blue);font-weight:600}.offline{background:#fff3d6;color:#8b6317;padding:12px 20px;text-align:center;font-size:.9rem}.status-history{font-size:.82rem;white-space:pre-line;color:#5b6f8d;line-height:1.6}.divider{height:1px;background:var(--line);margin:22px 0}.help-steps{padding-left:22px;color:#50617d;line-height:1.9}details>summary{cursor:pointer;font-weight:650;font-size:.9rem;padding:12px 0}details p{font-size:.9rem;color:var(--muted)}
@media(min-width:1400px){.content{padding-top:45px}}@media(max-width:1100px){.sidebar{width:210px;padding:20px 15px}.sidebar .logo{width:180px}.sidebar .logo img{width:180px;height:180px;top:-48px}.shell{margin-left:210px}.content{padding:26px 24px 90px}.topbar{padding:0 24px}.two{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:17px}}@media(max-width:760px){h1{font-size:1.65rem}.auth-wrap{display:block}.auth-story{display:none}.auth-panel{padding:30px 24px;min-height:100vh}.sidebar{display:none}.shell{margin:0}.topbar{height:88px;padding:0 20px}.topbar-label{display:none}.topbar .mobile-brand{display:block}.topbar .logo{width:174px;height:78px}.topbar .logo img{width:174px;height:174px;top:-47px}.top-actions .avatar{display:none}.content{padding:25px 18px 100px}.page-head{align-items:flex-start;gap:12px;margin-bottom:22px}.page-head p{font-size:.85rem}.page-head .btn{padding:11px 12px}.card{padding:20px;border-radius:13px}.grid{gap:17px}.equal{grid-template-columns:1fr}.welcome{padding:25px}.welcome h2{font-size:1.6rem}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat strong{font-size:1.8rem}.stat span{font-size:.8rem}.form-grid{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr}.form-grid.four{grid-template-columns:1fr 1fr}.mode-grid{gap:10px}.shipment{padding:17px}.shipment .heading{flex-wrap:wrap}.shipment-foot{font-size:.8rem}.route{font-size:.98rem}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:white;border-top:1px solid var(--line);z-index:30;padding:9px 7px max(10px,env(safe-area-inset-bottom));box-shadow:0 -2px 15px #192d4805}.mobile-nav a{font-size:.65rem;display:flex;flex:1;align-items:center;flex-direction:column;gap:6px;text-decoration:none;color:#8190a7;padding:4px}.mobile-nav a svg{width:22px;height:22px}.mobile-nav a.active{color:var(--blue);font-weight:700}.detail-pairs{gap:18px 12px}.detail-pairs strong{font-size:.9rem}.search-row{flex-wrap:wrap}.search-row input{min-width:160px}.top-actions{gap:8px}.connection{display:none}.split-actions{align-items:flex-start;flex-direction:column}.account-row{flex-wrap:wrap}.summary-value{font-size:1.4rem}}