@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";html{background:#f5f7f8}body{margin:0}#root{min-height:100svh}:root{--ink:#18212a;--muted:#74808b;--soft:#9ca6ae;--line:#e8ecef;--canvas:#f5f7f8;--accent:#ed6b4d;--deep:#d95638;--accent-soft:#fff0ea;--green:#1d9f73;--green-soft:#e9faf3;--blue:#4a6ff0;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #ed6b4d38}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;flex:0 0 248px;width:248px;padding:28px 16px 18px;display:flex;position:relative}.brand{align-items:center;gap:11px;padding:0 12px 33px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:13px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 8px 20px #ed6b4d33}.brand strong{letter-spacing:-.02em;font-size:16px;display:block}.brand span{color:var(--soft);margin-top:3px;font-size:10px;display:block}.side-label{color:#a7b0b7;letter-spacing:.12em;text-transform:uppercase;padding:0 12px 11px;font-size:10px;font-weight:800}.sidebar nav{gap:4px;display:grid}.nav-item{color:#82909a;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;font-size:13px;font-weight:650;transition:all .18s;display:flex}.nav-item:hover{color:var(--ink);background:#f8fafb}.nav-item.active{color:var(--deep);background:var(--accent-soft)}.nav-item em{color:#fff;background:var(--accent);border-radius:7px;place-items:center;min-width:20px;height:20px;margin-left:auto;font-size:10px;font-style:normal;display:grid}.side-spacer{flex:1;min-height:45px}.privacy-tip{color:var(--accent);background:#fff9f5;border:1px solid #f1e4de;border-radius:15px;gap:10px;margin-bottom:12px;padding:14px 12px;display:flex}.privacy-tip strong,.privacy-tip span{display:block}.privacy-tip strong{color:var(--ink);font-size:11px}.privacy-tip span{color:#a18c82;margin-top:4px;font-size:10px;line-height:1.5}.side-account{border-top:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:9px;padding:10px 8px;display:flex}.side-account>svg{color:#b2bac0;margin-left:auto}.side-account strong,.side-account small{display:block}.side-account strong{font-size:11px}.side-account small{color:var(--soft);margin-top:3px;font-size:10px}.avatar{color:#fff;background:#1f2a33;border-radius:11px;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.avatar.small{border-radius:9px;width:27px;height:27px;font-size:11px}.avatar.large{border-radius:15px;width:44px;height:44px;font-size:17px}.main{flex:1;min-width:0}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:12;background:#f5f7f8d9;border-bottom:1px solid #e7ebedc7;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,4vw,58px);display:flex;position:sticky;top:0}.crumb{color:#9aa4ab;align-items:center;gap:7px;font-size:12px;display:flex}.crumb b{color:var(--ink);font-size:12px}.top-actions{align-items:center;gap:17px;display:flex;position:relative}.account-menu{border:1px solid var(--line);z-index:30;background:#fff;border-radius:14px;width:220px;padding:8px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 16px 35px #1b272f24}.account-menu-user{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:8px 8px 11px;display:flex}.account-menu-user b,.account-menu-user small{display:block}.account-menu-user b{font-size:11px}.account-menu-user small{color:var(--soft);margin-top:3px;font-size:9px}.account-menu>button{color:#5f6d76;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 8px;font-size:10px;font-weight:700;display:flex}.account-menu>button:hover{background:var(--canvas);color:var(--ink)}.account-menu>button svg:last-child{color:#aab4ba;margin-left:auto}.icon-btn{color:#79858f;border:1px solid var(--line);background:#fff;border-radius:11px;place-items:center;width:35px;height:35px;display:grid;position:relative}.icon-btn.dot:after{content:"";background:var(--accent);border:2px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.account-chip{color:#63717b;background:0 0;align-items:center;gap:8px;font-size:11px;display:flex}.account-chip svg{color:#adb6bc}.mobile-menu{width:36px;height:36px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;display:none}.nav-backdrop{display:none}.content{max-width:1430px;margin:0 auto;padding:47px clamp(22px,4vw,58px) 52px}.heading{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:29px;display:flex}.eyebrow{color:var(--deep);align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:750;display:flex}.heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(27px,3vw,38px);font-weight:780;line-height:1.16}.heading h1 span{color:var(--accent)}.heading p{color:var(--muted);margin:11px 0 0;font-size:13px}.sync-btn,.outline-btn{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:12px;font-weight:700;display:inline-flex}.sync-btn{color:#fff;background:var(--ink);box-shadow:0 8px 18px #18212a1a}.sync-btn:hover{background:#2b3945}.sync-btn.syncing svg{animation:.8s linear infinite spin}.outline-btn{color:#52616c;border:1px solid var(--line);background:#fff}.summary{grid-template-columns:minmax(0,1.62fr) minmax(260px,.82fr);gap:17px;margin-bottom:40px;display:grid}.hero{background:linear-gradient(132deg,#fff2e8,#ffece4 62%,#ffdfd3);border:1px solid #f7dbcf;border-radius:24px;min-height:268px;padding:29px 31px;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:62%;position:relative}.hero-kicker{color:#a86b58;align-items:center;gap:7px;font-size:11px;font-weight:750;display:flex}.hero-kicker i,.secure i{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #1d9f731f}.hero h2{letter-spacing:-.04em;max-width:420px;margin:18px 0 10px;font-size:clamp(23px,2.3vw,32px);line-height:1.16}.hero p{color:#9a7467;max-width:390px;margin:0;font-size:12px;line-height:1.65}.stats{gap:25px;margin-top:30px;display:flex}.stats b,.stats span{display:block}.stats b{letter-spacing:-.04em;font-size:20px}.stats span{color:#9a7467;margin-top:3px;font-size:10px}.orb{background:#ffffff2e;border:1px solid #ffffff7a;border-radius:50%;position:absolute}.orb.one{width:300px;height:300px;top:-111px;right:-52px}.orb.two{width:200px;height:200px;bottom:-126px;right:69px}.hero-art{z-index:2;width:150px;height:160px;position:absolute;top:50%;right:8.5%;transform:translateY(-50%)}.hero-art>div{width:136px;height:123px;color:var(--accent);background:#ffffffb8;border:1px solid #fffc;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:rotate(6deg);box-shadow:0 20px 34px #aa5d421f}.hero-art small{color:#a57c6c;margin-top:10px;font-size:10px}.hero-art b{color:var(--ink);margin-top:3px;font-size:14px}.hero-art>span{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:21px;right:1px;box-shadow:0 8px 15px #1d9f7338}.trust{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;justify-content:space-between;padding:27px 26px 23px;display:flex}.trust-title{color:var(--green);align-items:center;gap:10px;font-size:11px;font-weight:750;display:flex}.trust-title span{background:var(--green-soft);border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.trust h3{letter-spacing:-.03em;margin:25px 0 8px;font-size:17px}.trust p{color:var(--muted);margin:0;font-size:11px;line-height:1.72}.trust footer{color:#8b969e;gap:13px;margin-top:24px;font-size:10px;display:flex}.trust footer span{align-items:center;gap:5px;display:inline-flex}.section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.section-head h2{letter-spacing:-.03em;margin:0;font-size:18px}.section-head>div:first-child span{color:var(--soft);margin-top:4px;font-size:10px;display:block}.section-tools{align-items:center;gap:10px;display:flex}.search{color:#a3adb4;border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;width:min(260px,34vw);height:36px;padding:0 11px;display:flex}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:11px}.search input::placeholder{color:#b8c0c6}.sync-label{height:36px;color:var(--green);background:var(--green-soft);border-radius:10px;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:750;display:inline-flex}.tabs{gap:4px;margin-bottom:18px;display:flex}.tabs button{color:#89949d;background:0 0;border-radius:8px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:650;display:inline-flex}.tabs button:hover{color:var(--ink)}.tabs button.active{color:var(--deep);background:var(--accent-soft)}.tabs em{color:#9da7ae;background:#f0f2f3;border-radius:5px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-style:normal;display:grid}.tabs button.active em{color:var(--deep);background:#ffe0d5}.parcel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.parcel{border:1px solid var(--line);background:#fff;border-radius:19px;min-width:0;padding:18px 18px 15px;transition:transform .18s,box-shadow .18s,border-color .18s}.parcel:hover{border-color:#dfe5e8;transform:translateY(-2px);box-shadow:0 12px 30px #2a37400f}.parcel.waiting{border-color:#f2ddd5}.parcel-head{align-items:center;gap:9px;display:flex}.carrier{width:34px;height:34px;color:var(--carrier);background:var(--carrier-pale);border-radius:11px;flex:none;place-items:center;display:grid}.carrier-copy{flex:1;min-width:0}.carrier-copy b,.carrier-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.carrier-copy b{font-size:12px}.carrier-copy span{color:var(--soft);letter-spacing:.02em;margin-top:3px;font-size:9px}.pill{border-radius:7px;flex:none;align-items:center;gap:4px;padding:5px 7px;font-size:9px;font-weight:750;display:inline-flex}.pill.wait{color:#b65b43;background:#fff1ea}.pill.transit{color:#4c68c6;background:#edf2ff}.pill.done{color:#19815f;background:#e9faf3}.parcel-main{text-align:left;background:0 0;justify-content:space-between;align-items:flex-start;gap:10px;width:100%;padding:19px 0 7px;display:flex}.parcel-main h3{letter-spacing:-.02em;margin:0;font-size:15px}.parcel-main p{color:var(--soft);margin:5px 0 0;font-size:10px}.parcel-main>svg{color:#bac2c7;margin-top:1px}.meta{color:#86929a;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px;font-size:10px;display:flex}.meta span{align-items:center;gap:4px;display:inline-flex}.code-panel{background:#fff9f5;border:1px solid #f9e6dd;border-radius:13px;padding:12px 13px 11px}.code-top{color:#a77767;justify-content:space-between;align-items:center;font-size:10px;display:flex}.code-top>span,.code-top>small{align-items:center;gap:5px;display:inline-flex}.code-top small{color:#9baba7}.code-row{align-items:center;gap:7px;margin-top:8px;display:flex}.code-row b{letter-spacing:.11em;font-variant-numeric:tabular-nums;font-size:22px}.code-row button{color:#a0aaaf;background:0 0;border-radius:6px;place-items:center;padding:4px;display:grid}.code-row button:hover{color:var(--accent);background:#fff0ea}.spot{color:#ad8b7f;margin-top:4px;font-size:9px;display:block}.card-actions,.card-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:13px;display:flex}.card-actions button,.card-foot button{color:#9aa4aa;background:0 0;align-items:center;gap:3px;padding:2px 0;font-size:10px;display:inline-flex}.card-actions button:hover,.card-foot button:hover{color:var(--accent)}.card-actions button:disabled{cursor:wait;opacity:.65}.card-actions button:last-child{color:#a95d48;background:#fff1ea;border-radius:8px;padding:7px 9px;font-weight:750}.card-foot{color:#7c8991;padding-top:1px;font-size:10px}.card-foot>span{align-items:center;gap:6px;display:inline-flex}.card-foot i{background:var(--blue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #edf2ff}.card-foot i.done{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.empty{color:#9ba5ab;background:#fff;border:1px dashed #dce2e5;border-radius:18px;flex-direction:column;align-items:center;gap:9px;padding:72px 20px;display:flex}.empty-action{color:#fff;background:var(--accent);border-radius:9px;align-items:center;gap:4px;margin-top:5px;padding:9px 12px;font-size:10px;font-weight:750;display:inline-flex}.empty-action:hover{background:var(--deep)}.empty strong{color:var(--ink);font-size:13px}.empty span{font-size:11px}.integration{background:#ffffffa6;border:1px solid #e4e9ec;border-radius:15px;align-items:center;gap:12px;margin-top:25px;padding:15px 17px;display:flex}.integration-icon{color:#6d86c6;background:#eff3ff;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;display:grid}.integration strong{font-size:11px;display:block}.integration p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.5}.integration button{color:#5f78c4;background:0 0;flex:none;align-items:center;gap:3px;margin-left:auto;font-size:10px;font-weight:750;display:inline-flex}.source-banner{background:#eef8f4;border:1px solid #d9eee5;border-radius:19px;align-items:center;gap:14px;margin-bottom:34px;padding:20px 22px;display:flex}.source-icon{width:43px;height:43px;color:var(--green);background:#dff5eb;border-radius:14px;place-items:center;display:grid}.source-banner strong{font-size:13px}.source-banner p{color:#6e9383;margin:5px 0 0;font-size:10px;line-height:1.55}.secure{color:#308163;white-space:nowrap;background:#ffffffb3;border-radius:9px;align-items:center;gap:7px;margin-left:auto;padding:8px 10px;font-size:10px;font-weight:750;display:inline-flex}.source-count{color:var(--soft);align-items:baseline;gap:4px;font-size:11px;display:flex}.source-count b{color:var(--green);letter-spacing:-.04em;font-size:24px}.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.provider{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;min-height:181px;padding:17px;display:flex}.provider-top{justify-content:space-between;align-items:center;display:flex}.provider-top>span{width:36px;height:36px;color:var(--carrier);background:var(--carrier-pale);border-radius:11px;place-items:center;font-size:16px;font-weight:800;display:grid}.provider-top b,.provider-top small{align-items:center;gap:4px;font-size:9px;font-weight:750;display:inline-flex}.provider-top b{color:var(--green)}.provider-top small{color:#a2abb1;background:#f3f5f6;border-radius:7px;padding:5px 7px}.provider h3{margin:17px 0 6px;font-size:14px}.provider p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.provider footer{color:#9aa6ad;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:20px;font-size:9px;display:flex}.provider footer span,.provider footer button{align-items:center;gap:4px;display:inline-flex}.provider footer button{color:#697784;background:0 0;font-size:10px;font-weight:750}.connect{color:#5c72bd;background:#f1f4ff;border-radius:9px;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:auto;padding:9px;font-size:10px;font-weight:750;display:inline-flex}.how{margin-top:43px}.steps{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.step{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:115px;padding:19px 18px 16px 59px;position:relative}.step>small{color:#d5dce0;letter-spacing:.05em;font-size:10px;font-weight:850;position:absolute;top:16px;left:18px}.step>div{width:28px;height:28px;color:var(--accent);background:var(--accent-soft);border-radius:9px;place-items:center;margin-bottom:10px;display:grid}.step strong{font-size:12px}.step p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.5}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings{border:1px solid var(--line);background:#fff;border-radius:19px;padding:23px}.settings-title{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.settings-title small,.drawer-head>div>small,.login-modal>small{color:#a7b0b7;letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:800}.settings-title h2{letter-spacing:-.03em;margin:7px 0 0;font-size:17px}.settings-title>span{color:#6474bd;background:#eef1ff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.settings-title>span.warm{color:var(--accent);background:var(--accent-soft)}.profile{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 0;display:flex}.profile>b,.profile small{display:block}.profile>b{font-size:11px}.profile>div small{color:var(--muted);margin-top:4px;font-size:10px}.profile em{color:var(--green);background:var(--green-soft);border-radius:7px;align-items:center;gap:3px;margin-left:auto;padding:5px 7px;font-size:9px;font-style:normal;display:inline-flex}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:16px 0;display:flex}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:11px}.setting-row small{color:var(--muted);margin-top:4px;font-size:10px}.setting-row button{color:#6a7882;background:0 0;align-items:center;gap:2px;font-size:10px;font-weight:750;display:inline-flex}.setting-status{color:#6a7882;white-space:nowrap;background:#f5f7f8;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:750}.setting-status.muted{color:#9aa5ab;background:#f7f8f9}.logout{color:#b96758;background:0 0;border:1px solid #f2dcd7;border-radius:9px;align-items:center;gap:6px;margin-top:17px;padding:8px 10px;font-size:10px;font-weight:750;display:inline-flex}.toggle-row{border-top:1px solid var(--line);align-items:center;gap:11px;padding:13px 0;display:flex}.toggle-row>span{color:#687abf;background:#f0f3ff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.toggle-row>div{flex:1;min-width:0}.toggle-row b,.toggle-row small{display:block}.toggle-row b{font-size:11px}.toggle-row small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.45}.toggle{background:#dfe5e8;border-radius:99px;width:35px;height:20px;padding:2px;transition:all .18s}.toggle i{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .18s;display:block;box-shadow:0 1px 3px #00000024}.toggle.on{background:var(--green)}.toggle.on i{transform:translate(15px)}.rule{color:var(--green);background:#f9fafb;border-radius:12px;gap:10px;margin-top:12px;padding:13px;display:flex}.rule b,.rule p{display:block}.rule b{color:var(--ink);font-size:10px}.rule p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.5}.footnote{color:#87949d;align-items:center;gap:8px;margin-top:18px;font-size:10px;display:flex}.drawer-layer,.modal-layer{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#171f2640;animation:.18s fade;position:fixed;inset:0}.drawer{background:#fff;width:min(430px,100vw);padding:28px 27px;animation:.23s slide;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-18px 0 45px #161e241f}.drawer-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.drawer-head h2{letter-spacing:-.04em;margin:7px 0 0;font-size:22px}.drawer-carrier{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-top:15px;padding:19px 0;display:flex}.drawer-carrier>div:nth-child(2){flex:1}.drawer-carrier b,.drawer-carrier small{display:block}.drawer-carrier b{font-size:12px}.drawer-carrier small{color:var(--soft);margin-top:4px;font-size:10px}.drawer-code{background:#fff8f4;border:1px solid #f8e6dd;border-radius:15px;align-items:center;gap:8px;margin-top:18px;padding:17px;display:flex}.drawer-code>div{flex:1}.drawer-code>div span,.drawer-code>div small{display:block}.drawer-code>div span{color:#a87768;font-size:10px;font-weight:750}.drawer-code>div small{color:#ad8e82;margin-top:5px;font-size:9px;line-height:1.4}.drawer-code strong{letter-spacing:.08em;font-size:24px}.drawer-code button{color:#a8877c;background:0 0;border-radius:7px;place-items:center;padding:6px;display:grid}.drawer-code button:hover{color:var(--accent);background:#ffe8dd}.drawer-status{align-items:center;gap:11px;padding:18px 0 7px;display:flex}.drawer-status>span{width:34px;height:34px;color:var(--blue);background:#edf2ff;border-radius:11px;place-items:center;display:grid}.drawer-status b,.drawer-status small{display:block}.drawer-status b{font-size:12px}.drawer-status small{color:var(--muted);margin-top:4px;font-size:10px}.timeline{margin-top:28px}.timeline header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.timeline header b{font-size:12px}.timeline header small{color:var(--soft);font-size:10px}.event{gap:13px;min-height:63px;display:flex;position:relative}.event:not(:last-child):before{content:"";background:#e8edf0;width:1px;position:absolute;top:12px;bottom:0;left:4px}.event>i{z-index:1;background:#d4dce0;border-radius:50%;flex:none;width:9px;height:9px;margin-top:4px;position:relative;box-shadow:0 0 0 4px #f2f5f6}.event.active>i{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.event>div{flex:1;min-width:0}.event>div>div{justify-content:space-between;gap:12px;display:flex}.event b{font-size:11px}.event time{color:var(--soft);font-size:9px}.event p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.55}.drawer-confirm{color:#a55c47;background:var(--accent-soft);border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:11px;padding:11px;font-size:11px;font-weight:750;display:flex}.drawer-confirm:disabled{cursor:wait;opacity:.65}.drawer-note{color:#9aa7ad;align-items:flex-start;gap:6px;margin-top:16px;font-size:9px;line-height:1.5;display:flex}.drawer-note svg{color:var(--green);flex:none}.toast{z-index:90;color:#fff;background:#26343d;border-radius:11px;align-items:center;gap:8px;padding:11px 15px;font-size:11px;animation:.2s toast-in;display:flex;position:fixed;bottom:27px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #1f2c3533}.modal-layer{place-items:center;padding:20px;display:grid}.login-modal{background:#fff;border-radius:22px;width:min(410px,100%);padding:28px;animation:.2s modal-in;position:relative;box-shadow:0 22px 65px #1c28302e}.modal-close{color:#98a3aa;background:#f6f8f9;border-radius:9px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:17px;right:17px}.modal-icon{width:36px;height:36px;color:var(--accent);background:var(--accent-soft);border-radius:11px;place-items:center;margin-bottom:17px;display:grid}.login-modal h2{letter-spacing:-.04em;margin:7px 0 4px;font-size:22px}.login-modal>p{color:var(--muted);margin:0 0 19px;font-size:11px}.modal-logout{color:#ae6758;background:0 0;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;padding:10px;font-size:10px;display:flex}.auth-screen{background:#f5f7f8;grid-template-columns:minmax(370px,.8fr) minmax(480px,1.2fr);min-height:100vh;display:grid;overflow:hidden}.auth-panel{z-index:2;place-self:center end;width:min(440px,100% - 48px);margin-right:clamp(24px,7vw,110px);padding:40px 0;position:relative}.auth-brand{align-items:center;gap:10px;margin-bottom:82px;font-size:17px;display:flex}.auth-copy{margin-bottom:28px}.auth-copy h1{letter-spacing:-.065em;margin:0;font-size:clamp(35px,4vw,52px);line-height:1.1}.auth-copy h1 span{color:var(--accent)}.auth-copy p{color:var(--muted);max-width:360px;margin:17px 0 0;font-size:13px;line-height:1.7}.auth-form{border:1px solid var(--line);background:#fff;border-radius:17px;padding:20px;box-shadow:0 14px 32px #27353e0a}.auth-tabs{background:#f5f7f8;border-radius:9px;gap:4px;margin-bottom:19px;padding:3px;display:flex}.auth-tabs button{color:#96a0a7;background:0 0;border-radius:7px;flex:1;padding:8px;font-size:10px;font-weight:750}.auth-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 7px #28343c12}.auth-form label{color:#61707a;margin-top:12px;font-size:10px;font-weight:700;display:block}.auth-form input{width:100%;height:39px;color:var(--ink);background:#fcfdfd;border:1px solid #e5eaed;border-radius:9px;outline:0;margin-top:7px;padding:0 11px;font-size:11px}.auth-form input:focus{border-color:#efaa98;box-shadow:0 0 0 3px #ed6b4d1a}.code-input,.password-input{align-items:center;display:flex;position:relative}.code-input input{padding-right:100px}.code-input button{color:var(--deep);background:var(--accent-soft);border-radius:7px;padding:6px 7px;font-size:9px;font-weight:750;position:absolute;right:7px}.password-input svg{color:#aab4ba;position:absolute;left:11px}.password-input input{padding-left:34px}.submit{color:#fff;background:var(--accent);border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:19px;padding:11px;font-size:11px;font-weight:750;display:flex;box-shadow:0 8px 15px #ed6b4d2e}.submit:hover{background:var(--deep)}.terms{color:#abb4ba;text-align:center;margin-top:12px;font-size:9px;line-height:1.5;display:block}.auth-safe{color:#9ca8ae;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:10px;display:flex}.auth-safe svg{color:var(--green)}.auth-art{background:#f6e7de;place-items:center;display:grid;position:relative}.auth-art:before,.auth-art:after{content:"";border:1px solid #ed6b4d24;border-radius:50%;position:absolute}.auth-art:before{width:670px;height:670px}.auth-art:after{width:440px;height:440px}.mock-window{z-index:1;background:#ffffff80;border-radius:18px;width:min(600px,71%);min-height:390px;padding:8px;position:relative;transform:rotate(-4deg);box-shadow:0 30px 60px #8c513b1f}.mock-bar{align-items:center;gap:5px;height:22px;padding-left:11px;display:flex}.mock-bar i{background:#dda28e;border-radius:50%;width:6px;height:6px}.mock-body{background:#ffffffd1;border-radius:12px;height:350px;padding:28px}.mock-card{background:linear-gradient(140deg,#fff6f0,#fff);border:1px solid #f0e6e1;border-radius:14px;min-height:173px;padding:24px}.mock-card>span{background:#f3d8cc;border-radius:10px;width:35%;height:8px;margin-bottom:9px;display:block}.mock-card>span:nth-child(2){background:#fae9e2;width:58%}.mock-card b{color:#b8614b;letter-spacing:.08em;background:#fff0e9;border-radius:9px;align-items:center;gap:7px;margin-top:45px;padding:9px 12px;font-size:13px;display:inline-flex}.mock-row{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.mock-row div{background:#fff;border:1px solid #f0e6e1;border-radius:14px;height:78px;padding:20px}.mock-caption{z-index:2;color:var(--green);background:#fffc;border-radius:13px;align-items:center;gap:9px;padding:12px 14px;display:flex;position:absolute;bottom:14%;right:10%;box-shadow:0 13px 25px #8c513b1f}.mock-caption div{color:var(--ink)}.mock-caption b,.mock-caption small{display:block}.mock-caption b{font-size:10px}.mock-caption small{color:#9b8a82;margin-top:3px;font-size:9px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{opacity:.5;transform:translate(35px)}to{opacity:1;transform:translate(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (width<=1120px){.sidebar{flex-basis:218px;width:218px}.hero-art{right:4%}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.nav-backdrop{z-index:19;opacity:0;pointer-events:none;background:#171f2633;transition:opacity .2s;display:block;position:fixed;inset:0}.nav-backdrop.visible{opacity:1;pointer-events:auto}.sidebar{transition:left .2s;position:fixed;top:0;bottom:0;left:-250px;box-shadow:14px 0 30px #1e282f14}.sidebar.open{left:0}.mobile-menu{display:grid}.topbar{height:68px;padding:0 20px}.crumb{margin-left:10px;margin-right:auto}.content{padding:32px 20px 42px}.summary{grid-template-columns:1fr}.trust{min-height:190px}.hero-art{right:8%}.settings-grid,.auth-screen{grid-template-columns:1fr}.auth-panel{justify-self:center;margin:0;padding:35px 0}.auth-art{display:none}.auth-brand{margin-bottom:56px}}@media (width<=620px){.top-actions{gap:8px}.top-actions .icon-btn,.account-chip>span:not(.avatar){display:none}.content{padding:27px 15px 34px}.heading{flex-direction:column;align-items:flex-start;margin-bottom:23px}.heading h1{font-size:29px}.heading p{font-size:11px;line-height:1.55}.sync-btn{align-self:stretch}.hero{min-height:310px;padding:24px 22px}.hero-copy{z-index:3;max-width:100%;position:relative}.hero h2{max-width:285px;font-size:25px}.hero p{max-width:280px}.hero-art{opacity:.62;transform-origin:100% 100%;top:auto;bottom:12px;right:-5px;transform:scale(.82)}.stats{gap:20px;margin-top:27px}.stats b{font-size:18px}.trust{min-height:0;padding:22px}.section-head{flex-direction:column;align-items:flex-start;gap:13px}.section-tools,.search{width:100%}.sync-label{flex:none}.tabs{padding-bottom:2px;overflow-x:auto}.parcel-grid{grid-template-columns:1fr;gap:11px}.integration{flex-wrap:wrap;align-items:flex-start}.integration button{margin-left:43px}.provider-grid{grid-template-columns:1fr}.source-banner{flex-wrap:wrap;align-items:flex-start;padding:17px}.secure{margin-left:0}.steps{grid-template-columns:1fr}.settings{padding:19px}.footnote{align-items:flex-start;line-height:1.5}.auth-panel{width:min(100% - 34px,440px);padding:27px 0}.auth-copy h1{font-size:40px}.auth-brand{margin-bottom:53px}.login-modal{padding:23px 18px}}.auth-form-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 15px;display:flex}.auth-form-heading b,.auth-form-heading small{display:block}.auth-form-heading b{color:var(--ink);font-size:13px}.auth-form-heading small{color:var(--muted);margin-top:4px;font-size:9px}.new-account-tag{color:var(--deep);background:var(--accent-soft);border-radius:7px;flex:none;padding:5px 7px;font-size:9px;font-weight:750}.auth-switch{color:#9ca7ad;justify-content:center;align-items:center;gap:5px;margin-top:14px;font-size:10px;display:flex}.auth-switch button{color:var(--deep);background:0 0;padding:2px;font-size:10px;font-weight:750}.auth-switch button:hover{text-decoration:underline}.auth-status-note{color:#aa614f;background:#fff8f4;border:1px solid #f3d7ca;border-radius:10px;align-items:flex-start;gap:8px;margin:0 0 14px;padding:10px 11px;font-size:10px;line-height:1.5;display:flex}.auth-status-note svg{flex:none;margin-top:1px}.auth-hint{color:#9ca8ae;margin-top:6px;font-size:9px;font-weight:500;line-height:1.5;display:block}.auth-error-action{color:var(--deep);background:0 0;align-items:center;margin-top:6px;padding:0;font-size:9px;font-weight:750;display:inline-flex}.auth-error-action:hover{text-decoration:underline}.auth-password-note{margin-top:8px}.password-input input{padding-right:38px}.password-toggle{color:#aab4ba;background:0 0;border-radius:7px;place-items:center;width:27px;height:27px;display:grid;position:absolute;right:8px}.password-toggle:hover{color:var(--deep);background:var(--accent-soft)}.code-input button:disabled{cursor:not-allowed;opacity:.56}.submit:disabled{cursor:wait;opacity:.72;box-shadow:none}.spin{animation:.8s linear infinite spin}.auth-loading{min-height:100vh;color:var(--ink);background:#f5f7f8;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.auth-loading .brand-mark{margin-bottom:4px}.auth-loading strong{font-size:14px}.auth-loading small{color:var(--muted);font-size:11px}.tracking-query{background:#fff9f6;border:1px solid #eadfd9;border-radius:16px;align-items:center;gap:14px;margin:-8px 0 18px;padding:16px 18px;display:flex;box-shadow:0 8px 20px #492f2209}.tracking-query>div{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.tracking-query>div>span{background:var(--accent-soft);width:35px;height:35px;color:var(--deep);border-radius:11px;flex:none;place-items:center;display:grid}.tracking-query label{gap:3px;min-width:0;display:grid}.tracking-query b{font-size:12px}.tracking-query small{color:var(--muted);font-size:10px;line-height:1.45}.tracking-query input{border:1px solid var(--line);background:#fff;border-radius:10px;outline:0;width:220px;padding:10px 12px;font-size:12px}.tracking-query input:focus{border-color:#e9a18e;box-shadow:0 0 0 3px #ed6b4d1f}.tracking-query button{color:#fff;background:var(--accent);white-space:nowrap;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:700}.tracking-query button:disabled{cursor:wait;opacity:.7}@media (width<=760px){.tracking-query{flex-direction:column;align-items:stretch}.tracking-query input,.tracking-query button{width:100%}}.trail-map{background:#fbfdfd;border:1px solid #e6ecee;border-radius:16px;margin:16px 0 20px;padding:14px}.trail-map header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.trail-map header>div{color:#247d74;align-items:center;gap:7px;display:flex}.trail-map header b{color:var(--ink);font-size:12px}.trail-map header small{color:#9aa7ac;font-size:9px}.trail-map-canvas{background:#eaf4f3;border:1px solid #e5eeee;border-radius:13px;overflow:hidden}.trail-map-canvas svg{width:100%;height:auto;display:block}.trail-map-legend{color:#8b989e;align-items:center;gap:13px;margin-top:9px;font-size:9px;display:flex}.trail-map-legend span{align-items:center;gap:5px;display:inline-flex}.trail-map-legend i{background:#177c73;border:1px solid #fff;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 1px #177c73}.trail-map-legend i.latest{background:#f06a4d;box-shadow:0 0 0 1px #f06a4d}.trail-map-legend small{color:#b0babf;margin-left:auto}.trail-map-empty{background:#fcfdfd}.trail-map-placeholder{color:#247d74;background:linear-gradient(135deg,#f8fcfb,#f4f8fc);border:1px dashed #dce6e7;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:126px;display:flex}.trail-map-placeholder span{color:var(--ink);font-size:12px;font-weight:750}.trail-map-placeholder small{text-align:center;color:#9aa7ac;max-width:290px;font-size:10px;line-height:1.5}@media (width<=620px){.trail-map{padding:12px}.trail-map-legend{gap:8px}.trail-map-legend small{display:none}}