:root{--km-navy:#0c2340;--km-blue:#2d64d8;--km-green:#31ad62;--km-orange:#d99a13;--km-bg:#f7f8fa;--km-border:#e8ebf0;--km-text:#17202b;--km-muted:#7c8490}*{box-sizing:border-box}.km-app,.km-tracking-app,.km-auth-page{font-family:inherit;color:var(--km-text);background:var(--km-bg)}.km-app *, .km-tracking-app *, .km-auth-page *{box-sizing:border-box}.km-topbar{background:var(--km-navy);color:#fff}.km-top-inner{height:64px;max-width:1480px;margin:auto;padding:0 22px;display:flex;align-items:center;gap:28px}.km-brand{display:flex;align-items:center;gap:9px;color:#fff;min-width:170px}.km-brand-mark{width:34px;height:34px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-weight:900}.km-brand b{display:block;font-size:20px;line-height:1}.km-brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:3px}.km-top-inner nav{display:flex;gap:30px;flex:1;justify-content:center}.km-top-inner nav a{color:#fff;text-decoration:none;font-size:13px;opacity:.9}.km-call{color:#fff;text-decoration:none;font-size:13px}.km-track-btn,.km-primary{background:var(--km-blue);color:#fff;border:0;border-radius:8px;padding:11px 22px;font:inherit;font-weight:700;cursor:pointer}.km-tracking-wrap{max-width:1480px;margin:auto;padding:22px}.km-track-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:18px}.km-eyebrow{font-size:12px;color:#536070}.km-track-title h1,.km-page-head h1{font-size:28px;margin:4px 0 3px}.km-track-title p,.km-page-head p{color:var(--km-muted);font-size:12px;margin:0}.km-track-search{display:flex;gap:8px;min-width:420px}.km-track-search input{flex:1}.km-track-search input,.km-auth-fields input,.km-form-card input,.km-form-card textarea{border:1px solid #dfe3e9;border-radius:8px;background:#fff;padding:12px;font:inherit;width:100%}.km-card{background:#fff;border:1px solid var(--km-border);border-radius:13px;box-shadow:0 2px 12px rgba(20,35,55,.035)}.km-detail-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:15px;align-items:start}.km-order-summary{padding:12px}.km-product-thumb{height:180px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#d9e1e7,#f8fafb);display:grid;place-items:center;margin-bottom:10px}.km-placeholder-glass{font-size:30px;color:#8793a0;border:2px solid #9eabb6;padding:30px 42px;border-radius:6px;background:#ffffff88}.km-code{font-size:11px;color:#3e5d85;font-weight:800}.km-order-summary h3{font-size:14px;margin:7px 0 14px}.km-summary-row{display:flex;justify-content:space-between;border-top:1px solid #f0f1f3;padding:8px 2px;font-size:10px}.km-summary-row b{font-weight:700}.km-summary-row.due b{color:#d34d4d}.km-outline{width:100%;border:1px solid #9bb2d7;background:#fff;color:#2c5ea5;border-radius:7px;padding:9px;font:inherit;font-size:11px;margin-top:8px;cursor:pointer}.km-status-card{padding:18px 24px}.km-card-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.km-card-title h2,.km-card-title h3{margin:0;font-size:16px}.km-card-title>span{font-size:10px;color:#7d8792}.km-horizontal-timeline{display:flex;align-items:flex-start;margin-top:20px;position:relative;justify-content:space-between;overflow-x:auto;padding-bottom:4px}.km-horizontal-timeline:before{content:'';position:absolute;right:3%;left:3%;top:15px;height:3px;background:#dfe3e7}.km-h-step{position:relative;z-index:1;min-width:82px;text-align:center}.km-h-node{margin:0 auto 8px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eef0f2;color:#fff;border:3px solid #f6f7f8;font-size:12px}.km-h-step.done .km-h-node{background:var(--km-green)}.km-h-step.current .km-h-node{background:var(--km-orange)}.km-h-step.pending .km-h-node{background:#cfd4d9}.km-h-step strong{display:block;font-size:10px;white-space:nowrap}.km-h-step.current strong{color:#bd8100}.km-h-step small{display:block;font-size:8px;color:#8b929b;margin-top:4px}.km-detail-bottom{display:grid;grid-template-columns:1fr 1.3fr;gap:15px;margin-top:15px}.km-detail-bottom>.km-card{padding:16px}.km-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.km-photo-grid img{width:100%;height:90px;object-fit:cover;border-radius:7px}.km-empty-inline{grid-column:1/-1;padding:30px;text-align:center;color:#9aa1aa;font-size:11px}.km-activity-list{margin-top:9px}.km-activity-list article{display:grid;grid-template-columns:15px 1fr;gap:10px;border-bottom:1px solid #f0f1f3;padding:10px 0}.activity-dot{width:8px;height:8px;background:var(--km-green);border-radius:50%;margin-top:5px}.km-activity-list b{font-size:11px}.km-activity-list time{font-size:8px;color:#999;margin-right:10px}.km-activity-list p{font-size:10px;margin:4px 0;color:#67717d}.km-mobile-timeline{display:none;margin-top:15px;padding:15px}.km-v-step{display:flex;gap:10px;position:relative;padding:8px 0 17px}.km-v-step:not(:last-child):after{content:'';position:absolute;right:7px;top:22px;height:calc(100% - 2px);width:2px;background:#e2e5e8}.km-v-step>span{z-index:1;width:16px;height:16px;border-radius:50%;background:#d4d9de;color:#fff;font-size:9px;display:grid;place-items:center;flex:none}.km-v-step.done>span{background:var(--km-green)}.km-v-step.current>span{background:var(--km-orange)}.km-v-step b{font-size:12px}.km-v-step small{display:block;color:#999;font-size:8px}.km-v-step p{font-size:10px;color:#777;margin:3px 0}.km-page-head{max-width:1180px;margin:30px auto 18px;padding:0 20px;display:flex;justify-content:space-between;align-items:end}.km-orders-grid{max-width:1180px;margin:auto;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.km-order-tile{background:#fff;border:1px solid var(--km-border);border-radius:13px;padding:18px;cursor:pointer}.km-order-tile-top{display:flex;justify-content:space-between;align-items:center}.km-status{font-size:10px;padding:5px 8px;border-radius:20px;background:#edf7f0;color:#279451}.km-status.current{background:#fff5dd;color:#bd8508}.km-order-tile h3{font-size:15px;margin:12px 0 5px}.km-order-tile p{font-size:11px;color:#777}.km-progress-mini{height:5px;background:#edf0f2;border-radius:5px;overflow:hidden;margin:14px 0}.km-progress-mini span{display:block;height:100%;background:var(--km-green)}.km-order-tile-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8c939c}.km-order-tile-foot b{color:#3567ae}.km-modal-section{max-width:800px;margin:0 auto;padding:0 20px 40px}.km-form-card{padding:22px}.km-section-title{display:flex;justify-content:space-between}.km-section-title h2{margin:3px 0 20px}.km-icon-btn{border:0;background:#f1f3f5;border-radius:50%;width:34px;height:34px;font-size:20px;cursor:pointer}.km-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.km-form-grid label{font-size:12px;font-weight:700}.km-form-grid input,.km-form-grid textarea{margin-top:7px}.km-form-grid .full{grid-column:1/-1}.km-form-card>.km-primary{margin-top:15px}.km-msg{font-size:11px;margin-top:10px}.km-msg.error{color:#b83d3d}.km-msg.success{color:#218b4b}.km-loading,.km-empty,.km-error{padding:35px;text-align:center}.km-error{color:#ad3d3d}.km-auth-page{min-height:600px;display:grid;place-items:center;padding:30px}.km-auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--km-border);border-radius:16px;padding:32px;text-align:center;box-shadow:0 12px 40px rgba(20,35,55,.08)}.km-auth-card .km-brand{color:var(--km-navy);justify-content:center;margin:auto}.km-auth-card .km-brand-mark{border-color:var(--km-navy)}.km-auth-icon{margin:25px auto 10px;width:58px;height:58px;border-radius:50%;background:#edf3ff;color:var(--km-blue);display:grid;place-items:center;font-size:28px}.km-auth-card h1{font-size:22px}.km-auth-card p{font-size:11px;color:#7b8490;line-height:2}.km-auth-fields{text-align:right}.km-auth-fields label{font-size:11px;font-weight:700;display:block;margin-top:15px}.km-auth-fields .km-primary{width:100%}.km-link{border:0;background:none;color:#2e62ac;font:inherit;font-size:11px;cursor:pointer;margin-top:8px}@media(max-width:900px){.km-top-inner nav,.km-call{display:none}.km-top-inner{justify-content:space-between}.km-detail-layout{grid-template-columns:1fr}.km-order-summary{order:2}.km-detail-main{order:1}.km-detail-bottom{grid-template-columns:1fr}.km-mobile-timeline{display:block}.km-orders-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.km-top-inner{height:58px;padding:0 14px}.km-brand b{font-size:17px}.km-brand small{font-size:7px}.km-track-btn{padding:8px 12px;font-size:10px}.km-tracking-wrap{padding:12px}.km-track-title{display:block}.km-track-title h1{font-size:23px}.km-track-search{min-width:0;margin-top:12px}.km-detail-layout{display:flex;flex-direction:column}.km-order-summary{width:100%}.km-detail-main{width:100%}.km-status-card{padding:15px 10px}.km-horizontal-timeline{gap:12px;justify-content:flex-start}.km-h-step{min-width:75px}.km-detail-bottom{display:block}.km-detail-bottom>.km-card{margin-bottom:12px}.km-photo-grid{grid-template-columns:repeat(2,1fr)}.km-photo-grid img{height:100px}.km-page-head{display:block;margin:20px auto}.km-page-head button{margin-top:15px;width:100%}.km-orders-grid{grid-template-columns:1fr}.km-form-grid{grid-template-columns:1fr}.km-form-grid .full{grid-column:auto}.km-auth-card{padding:24px}.km-order-summary{padding:10px}.km-product-thumb{height:145px}}