:root{--accent:#FF5722;--ink:#1E1E1E;--secondary:#393939;--bg:#f6f6f5;--line:#e7e7e4;--muted:#696b69;--white:#fff;--green:#20704f}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}h1,h2,h3,p{margin:0 0 12px}h1{font-size:30px;line-height:1.2;letter-spacing:-1px}h2{font-size:18px;letter-spacing:-.3px}h3{font-size:16px}p{color:var(--muted)}small,.small{font-size:12px;color:var(--muted)}small{display:block}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--ink);color:#c8c8c8;padding:24px 15px;overflow-y:auto;z-index:10}.brand{display:block;margin:0 8px 28px;background:#fff;border-radius:10px;padding:10px}.logo{width:180px;height:66px;object-fit:contain;display:block}.nav-label{font-size:10px;letter-spacing:2px;color:#aaa;margin:0 16px 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 15px;font-size:12px;border-radius:7px;margin:2px 0}.nav-item:hover{color:#fff;background:#333}.nav-item.selected{background:var(--accent);color:#fff}.nav-dot{width:6px;height:6px;border:1px solid currentColor;border-radius:2px}.sidebar-foot{border-top:1px solid #444;margin:25px 12px 0;padding-top:20px;font-size:11px}.sidebar-foot small{font-size:10px;color:#aaa;margin-top:7px}.live-dot{display:inline-block;width:6px;height:6px;background:#61bc91;border-radius:50%;margin-right:6px}.workspace{margin-left:240px}.topbar{height:88px;display:flex;justify-content:space-between;align-items:center;padding:18px 36px;background:var(--white);border-bottom:1px solid var(--line)}.eyebrow{display:block;font-size:10px;font-weight:bold;letter-spacing:1.8px;color:var(--accent);margin-bottom:8px}.topbar .eyebrow{font-size:9px;margin:0;color:var(--muted)}.top-title{font-weight:600;margin-top:3px}.userbar{display:flex;align-items:center;gap:12px;font-size:12px}.userbar small{font-size:10px}.avatar{background:#fff0e9;color:var(--accent);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:bold}.quiet{background:none;border:0;color:var(--muted);font-size:11px}main{padding:32px 36px 48px;max-width:1700px;margin:auto}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.page-intro p{margin:0;font-size:13px}.button,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:7px;padding:11px 17px;font-weight:600;font-size:12px;white-space:nowrap}.button:hover{background:#e84a19;color:#fff}.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:22px;box-shadow:0 2px 3px #00000002}.filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:17px 20px}.filters label{flex:1;min-width:130px;margin:0}.filters label:first-child{flex:1.6}.filters input,.filters select{min-height:38px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:24px 0}.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 20px;min-height:132px;position:relative}.kpi:first-child{border-top:3px solid var(--accent)}.kpi-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.kpi-label span{font-size:10px;color:#acacac}.kpi strong{display:block;font-size:26px;letter-spacing:-.8px;margin:13px 0 8px;line-height:1.1}.kpi small{font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:22px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title span{font-size:12px;color:var(--muted)}.chart{width:100%;margin-top:24px}.chart text{font-size:13px;fill:#696b69}.chart-track{fill:#f3f3f0}.chart-fill{fill:var(--accent)}.list-line{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);gap:15px;font-size:13px}.list-line:last-child{border-bottom:0}.list-line small{font-size:11px;margin-top:5px}.badge{display:inline-block;border-radius:5px;background:#fff1e7;color:#ab4b19;padding:4px 8px;font-size:10px;white-space:nowrap}.badge.green{background:#eaf5ed;color:#20704f}.badge.red{background:#ffeded;color:#a73232}.empty{padding:35px 16px;text-align:center;color:var(--muted);font-size:13px}.empty strong{color:var(--ink);display:block;margin-bottom:10px}label{display:block;font-size:12px;font-weight:600;margin:0 0 17px;color:#555}input,select,textarea{width:100%;border:1px solid #deded9;border-radius:6px;padding:10px 11px;background:#fff;color:var(--ink);margin-top:7px;font-weight:400;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #ff572255;border-color:var(--accent)}input[readonly]{background:#f6f6f5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.form-actions,.inline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}.form-actions{border-top:1px solid var(--line);padding-top:22px}.table-card{padding:22px 0 0;overflow:hidden}.table-card .section-title{padding:0 22px 15px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#777;background:#fafaf8;font-weight:600;white-space:nowrap}th,td{padding:14px 16px;border-bottom:1px solid var(--line)}td{max-width:350px;overflow-wrap:anywhere}tbody tr:hover{background:#fffaf7}.ref{font-weight:600;color:var(--accent)}.pagination{padding:16px 22px;display:flex;gap:20px;justify-content:end;font-size:12px}.notice{border:1px solid #f5d7c4;border-radius:8px;background:#fff7ef;color:#8f471f;padding:14px 18px;font-size:13px;margin-bottom:20px}.notice.success{background:#edf8f1;border-color:#cfe6d6;color:#226a45}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.detail-grid p{color:var(--ink);margin-top:6px;white-space:pre-wrap}.map{width:100%;height:380px;border:1px solid var(--line);border-radius:8px}.narrow{max-width:600px;margin:25px auto}.request{border-bottom:1px solid var(--line);padding:20px 0}.check{display:flex;gap:10px;align-items:center}.check input{width:auto}.public-head{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px 7%;border-bottom:1px solid var(--line)}.public-head nav{display:flex;align-items:center;gap:25px;font-size:12px}.public-main{max-width:1300px;padding:55px 5%}.auth-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;min-height:65vh}.auth-story h1{font-size:48px;line-height:1.18;margin:20px 0}.auth-story p{max-width:460px;font-size:15px;line-height:1.8}.auth-points{display:grid;gap:15px;margin-top:34px;font-size:13px;font-weight:600}.auth-form{padding:32px}.auth-form h2{font-size:24px}.auth-form form{margin-top:28px}.wide{width:100%}.tracking-hero{text-align:center}.tracking-hero h1{margin-top:16px}.globe{width:108px;height:108px;border-radius:50%;background:var(--ink);margin:0 auto 25px;display:grid;place-items:center;box-shadow:0 0 0 10px #ff572210;overflow:hidden}.globe span{font-size:115px;line-height:1;color:var(--accent);animation:spin 2s ease-out forwards}@keyframes spin{from{transform:rotate(-540deg)}to{transform:rotate(0)}}.tracking-form{max-width:550px;margin:30px auto}.tracking-form .button{margin-top:15px}.track-result{max-width:850px;margin:30px auto;animation:zoom .7s ease-out}@keyframes zoom{from{transform:scale(.94);opacity:.3}to{transform:scale(1);opacity:1}}.invoice{max-width:1000px;margin:25px auto}.invoice-heading{display:flex;justify-content:space-between;gap:40px;margin:20px 0}.invoice-heading h1{font-size:24px}.invoice-totals{max-width:320px;margin:25px 0 25px auto}.invoice-totals p,.invoice-totals h2{display:flex;justify-content:space-between}.invoice-totals h2{background:var(--ink);color:#fff;padding:15px;border-radius:5px}.print-controls{display:flex;align-items:center;gap:20px}.print-controls label{margin:0}hr{border:0;border-top:1px solid var(--line);margin:24px 0}footer{padding:20px 36px;color:var(--muted);font-size:10px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}@media(min-width:1600px){.kpi strong{font-size:32px}}@media(max-width:1100px){.sidebar{width:205px}.workspace{margin-left:205px}main{padding:24px}.topbar{padding:16px 24px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.auth-layout{gap:30px}.auth-story h1{font-size:38px}.logo{width:155px}}@media(max-width:700px){.sidebar{position:relative;width:100%;height:auto;padding:12px;display:flex;overflow:auto;gap:5px;align-items:center}.brand{margin:0 10px 0 0;padding:4px;flex-shrink:0}.brand .logo{width:90px;height:40px}.nav-item{white-space:nowrap;padding:10px}.nav-label,.sidebar-foot{display:none}.workspace{margin-left:0}.topbar{height:75px;padding:12px 18px}.userbar{gap:7px}.userbar .avatar{display:none}main{padding:22px 16px}.page-intro{align-items:start;flex-direction:column}h1{font-size:25px}.kpi-grid{gap:10px}.kpi{padding:15px;min-height:125px}.kpi strong{font-size:23px}.card{padding:18px}.table-card{padding:18px 0 0}.form-grid,.detail-grid{grid-template-columns:1fr}.public-head{padding:12px 16px;gap:14px}.public-head .logo{width:105px;height:45px}.public-head nav{gap:10px;font-size:10px}.public-head .button{padding:8px}.auth-layout{grid-template-columns:1fr;gap:25px}.auth-story h1{font-size:34px}.auth-points{display:none}.public-main{padding:28px 18px}.auth-story{padding:8px}.invoice-heading{flex-direction:column;gap:10px}footer{padding:16px;display:block}footer span{display:block;margin-top:5px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media print{.sidebar,.topbar,.print-controls,footer{display:none!important}.workspace{margin:0}main{padding:0}.invoice{border:0;box-shadow:none;margin:0;padding:0;max-width:none}.invoice table{font-size:10px}.invoice th,.invoice td{padding:7px}body{background:#fff}.table-scroll{overflow:visible}.invoice .badge{border:1px solid #aaa}a{color:#000}.invoice-totals h2{background:#fff;color:#000;border:1px solid #ddd}tr{break-inside:avoid}}
.globe svg{width:100%;height:100%;fill:none;stroke:#ff5722;stroke-width:1.3;animation:spin 2s ease-out forwards}.globe svg .india-pin{fill:#fff;stroke:#fff}.india-overview{max-width:850px;margin:30px auto}
.tracking-notice{max-width:550px;margin:20px auto}.tracking-journey{max-width:850px;height:470px;margin:30px auto;position:relative;border-radius:16px;overflow:hidden;background:#101820;box-shadow:0 18px 45px #0002}.journey-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#fff;opacity:0;visibility:hidden;transform:scale(.96);transition:opacity .5s ease,transform .7s ease,visibility .5s}.journey-stage.is-active{opacity:1;visibility:visible;transform:scale(1)}.journey-stage span,.journey-stage strong{position:relative;z-index:2;background:#111d;padding:10px 16px;border-radius:999px;font-size:13px;letter-spacing:.3px}.real-globe{width:260px;height:260px;border-radius:50%;background-color:#b8dce8;background-image:url('https://tile.openstreetmap.org/0/0/0.png');background-size:auto 100%;background-repeat:repeat-x;box-shadow:inset -35px -12px 50px #0009,inset 18px 8px 30px #fff5,0 0 0 10px #ff572222,0 20px 55px #0008;animation:world-spin 3s linear infinite}.journey-map{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.9)}.india-stage:after{content:'INDIA';position:absolute;z-index:1;font-size:56px;font-weight:800;letter-spacing:12px;color:#ff5722dd;text-shadow:0 3px 20px #fff}.location-stage{background:radial-gradient(circle at center,#ff572230,#101820 55%)}.location-pulse{width:34px;height:34px;background:var(--accent)!important;border-radius:50%!important;padding:0!important;box-shadow:0 0 0 0 #ff572288;animation:location-pulse 1s ease-out infinite}.tracking-final[hidden]{display:none}.tracking-final{animation:reveal-location .8s ease-out}.tracking-final .map{margin-top:20px}@keyframes world-spin{from{background-position:0 0}to{background-position:256px 0}}@keyframes location-pulse{70%{box-shadow:0 0 0 34px #ff572200}100%{box-shadow:0 0 0 0 #ff572200}}@keyframes reveal-location{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){.chart text{font-size:22px}}
@media(max-width:700px){.tracking-journey{height:390px}.real-globe{width:210px;height:210px}.india-stage:after{font-size:34px;letter-spacing:7px}}