:root{--bg:#07111f;--panel:#0d1b2d;--text:#edf5ff;--muted:#8fa6bf;--accent:#5ee1a4;--accent2:#63a7ff;--danger:#ff6b7a;--border:rgba(255,255,255,.09)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:radial-gradient(circle at top right,rgba(99,167,255,.15),transparent 30%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{max-width:1200px;margin:auto;padding:24px}.nav,.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;gap:12px;align-items:center;font-weight:800}.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#06111f;font-weight:900}.navlinks{display:flex;gap:8px}.navlinks a,.side-nav a{padding:10px 14px;border-radius:12px;color:var(--muted)}.navlinks a:hover,.navlinks a.active,.side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.07);color:var(--text)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center;padding:70px 0}.eyebrow{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.98;margin:14px 0 18px;letter-spacing:-.05em}.hero p,.muted{color:var(--muted)}.card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.tracker,.panel,.stat,.track-result{padding:22px}.row{display:flex;gap:12px}.row>*{flex:1}.input,select{width:100%;background:#081625;color:var(--text);border:1px solid var(--border);padding:14px 16px;border-radius:13px;outline:none}.btn{border:0;border-radius:13px;padding:14px 18px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,var(--accent),#42c894);color:#04120d}.btn.secondary{background:rgba(255,255,255,.08);color:var(--text);border:1px solid var(--border)}.btn.danger{background:rgba(255,107,122,.14);color:#ff9aa5;border:1px solid rgba(255,107,122,.25)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.num{font-size:34px;font-weight:900}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:24px 18px;border-right:1px solid var(--border)}.side-nav{display:grid;gap:8px;margin-top:28px}.main{padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field label{display:block;margin-bottom:8px;color:#b7c8da;font-size:14px;font-weight:700}.field.full{grid-column:1/-1}.table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;min-width:820px;background:rgba(255,255,255,.025)}th,td{padding:15px 16px;border-bottom:1px solid var(--border);text-align:left}th{font-size:12px;text-transform:uppercase;color:var(--muted)}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(99,167,255,.12);color:#9cc7ff;font-size:12px;font-weight:800}.badge.green{background:rgba(94,225,164,.12);color:#8ef0c0}.progress{height:10px;background:#07131f;border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent))}.track-result{display:none;margin-top:22px}.track-result.show{display:block}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.summary-item{padding:16px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--border)}.summary-item small{display:block;color:var(--muted);margin-bottom:6px}.event{display:grid;grid-template-columns:28px 1fr;gap:14px;padding-bottom:20px}.dot{width:14px;height:14px;border-radius:50%;background:#24415f;margin-top:4px}.event.done .dot{background:var(--accent)}.event h4{margin:0 0 4px}.event p{margin:0;color:var(--muted);font-size:14px}.notice{padding:14px 16px;border-radius:13px;background:rgba(99,167,255,.09);border:1px solid rgba(99,167,255,.18)}.section{padding:30px 0}.empty{padding:40px;text-align:center;color:var(--muted)}@media(max-width:900px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.side-nav{grid-template-columns:repeat(4,1fr)}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.row,.form-grid{display:grid;grid-template-columns:1fr}.field.full{grid-column:auto}.summary-grid{grid-template-columns:1fr}.side-nav{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start;flex-direction:column}}
html{scroll-behavior:smooth}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero p{font-size:18px;line-height:1.7;max-width:700px}.tracker h2{font-size:30px;margin:10px 0}.stats-grid{grid-template-columns:repeat(4,1fr)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.split.reverse{grid-template-columns:.9fr 1.1fr}.section h2{font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-.035em;margin:10px 0 18px}.lead{font-size:20px;line-height:1.6;color:#d9e7f6}.copy{font-size:16px;line-height:1.8}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;color:#cfe2f5}.visual-card{padding:28px}.route-line{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--border);color:var(--muted)}.route-line:last-child{border-bottom:0}.route-line b{width:36px;height:36px;border-radius:12px;background:rgba(99,167,255,.12);display:grid;place-items:center;color:#9cc7ff}.route-line.active{color:var(--text)}.route-line.active b{background:rgba(94,225,164,.14);color:var(--accent)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}.section-head>p{max-width:470px;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{padding:24px;min-height:260px;display:flex;flex-direction:column}.service-card h3{font-size:22px;margin:14px 0 8px}.service-card p{color:var(--muted);line-height:1.7;flex:1}.service-card a{color:var(--accent);font-weight:800}.service-icon{font-size:28px;width:52px;height:52px;border-radius:16px;background:rgba(99,167,255,.1);display:grid;place-items:center}.process-card{padding:28px}.process-step{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--border)}.process-step:last-child{border-bottom:0}.process-step>b{width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#06111f}.process-step span{display:grid;gap:5px}.process-step small{color:var(--muted)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.benefit{padding:22px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.025);display:grid;gap:8px}.benefit span{color:var(--muted);line-height:1.6}.testimonial-section{text-align:center}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;text-align:left}.testimonial-grid blockquote{margin:0;padding:24px;font-size:17px;line-height:1.7}.testimonial-grid cite{display:block;color:var(--muted);font-size:13px;margin-top:18px}.contact-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px}.contact-details{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.contact-details div{display:grid;gap:5px}.contact-details small{color:var(--muted)}.footer{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:30px;padding:44px 0 28px;border-top:1px solid var(--border);align-items:start}.footer p{color:var(--muted)}.footer-links{display:grid;gap:10px}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--text)}
@media(max-width:1000px){.stats-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.split,.split.reverse{grid-template-columns:1fr}.benefit-grid,.testimonial-grid{grid-template-columns:1fr 1fr}.contact-card{align-items:flex-start;flex-direction:column}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.nav{align-items:flex-start}.navlinks{flex-wrap:wrap;justify-content:flex-end}.stats-grid,.service-grid,.benefit-grid,.testimonial-grid,.check-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.footer{grid-template-columns:1fr}.hero-actions .btn{width:100%;text-align:center}}

/* Focused tracking result view */
.tracking-actions{margin:22px 0 38px;padding:24px;border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.025);display:flex;justify-content:space-between;align-items:center;gap:24px}
.tracking-actions h3{margin:0 0 6px;font-size:22px}.tracking-actions p{margin:0}
body.tracking-view #homeHero,body.tracking-view #companyContent{display:none}
body.tracking-view #result{margin-top:48px;margin-bottom:0}
body.tracking-view .footer{margin-top:20px}
@media(max-width:700px){.tracking-actions{align-items:flex-start;flex-direction:column}.tracking-actions .hero-actions{width:100%}.tracking-actions .btn{width:100%;text-align:center}}


/* Mobile navigation */
.menu-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.055);color:var(--text);cursor:pointer;align-items:center;justify-content:center;position:relative;z-index:30}
.menu-toggle span,.menu-toggle::before,.menu-toggle::after{content:"";display:block;width:20px;height:2px;background:currentColor;border-radius:999px;position:absolute;transition:.22s ease}
.menu-toggle::before{transform:translateY(-6px)}.menu-toggle::after{transform:translateY(6px)}
.menu-toggle[aria-expanded="true"] span{opacity:0}.menu-toggle[aria-expanded="true"]::before{transform:rotate(45deg)}.menu-toggle[aria-expanded="true"]::after{transform:rotate(-45deg)}
@media(max-width:700px){
  .shell{padding:16px}
  .nav{position:relative;align-items:center;padding:4px 0 18px}
  .menu-toggle{display:flex}
  .navlinks{display:none;position:absolute;top:62px;left:0;right:0;z-index:25;padding:10px;background:#0c1a2b;border:1px solid var(--border);border-radius:16px;box-shadow:0 22px 50px rgba(0,0,0,.4);grid-template-columns:1fr}
  .navlinks.open{display:grid}
  .navlinks a{display:block;width:100%;padding:13px 14px}
  body.tracking-view .navlinks{position:absolute}
  body.tracking-view #result{margin-top:22px}
  .track-result{padding:18px}
  .track-result .page-head{gap:10px}
  .track-result .page-head h2{font-size:clamp(23px,7vw,31px);overflow-wrap:anywhere;margin:12px 0 4px}
  .summary-item{padding:14px}
}


/* Admin login */
.login-page{display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 15% 15%,rgba(94,225,164,.12),transparent 28%),radial-gradient(circle at 85% 20%,rgba(99,167,255,.16),transparent 32%),var(--bg)}
.login-shell{width:min(100%,470px)}.login-brand{justify-content:center;margin-bottom:24px;font-size:20px}.login-card{padding:34px}.login-card h1{font-size:42px;letter-spacing:-.04em;margin:10px 0}.login-card>p{line-height:1.7;margin-bottom:26px}.login-form{display:grid;gap:17px}.password-wrap{position:relative}.password-wrap .input{padding-right:72px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#9cc7ff;font-weight:800;cursor:pointer;padding:8px}.login-options{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;color:var(--muted)}.login-options a{color:#9cc7ff}.remember{display:flex;align-items:center;gap:8px}.remember input{accent-color:var(--accent)}.login-button{width:100%;margin-top:2px}.login-button:disabled{opacity:.7;cursor:wait}.login-error{padding:12px 14px;border-radius:12px;background:rgba(255,107,122,.12);border:1px solid rgba(255,107,122,.26);color:#ffadb5}.demo-login{display:grid;gap:5px;margin-top:22px;padding:16px;border-radius:14px;background:rgba(99,167,255,.08);border:1px solid rgba(99,167,255,.16);font-size:13px;color:var(--muted)}.demo-login strong{color:var(--text);margin-bottom:3px}.login-foot{text-align:center;color:var(--muted);font-size:12px;line-height:1.6;margin:18px auto 0;max-width:410px}
@media(max-width:520px){.login-page{padding:16px}.login-card{padding:24px}.login-card h1{font-size:34px}.login-options{align-items:flex-start;flex-direction:column}}

.alert{padding:14px 16px;border-radius:13px;margin:14px 0;border:1px solid var(--border)}
.alert.error{background:rgba(255,107,122,.12);color:#ffadb6;border-color:rgba(255,107,122,.3)}
.alert.success{background:rgba(94,225,164,.12);color:#a6f5cf;border-color:rgba(94,225,164,.3)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);padding:30px}
.actions{display:flex;gap:10px;flex-wrap:wrap}.pagination{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.pagination a{padding:9px 12px;border:1px solid var(--border);border-radius:10px}.pagination a.active{background:var(--accent);color:#07111f}
code.inline{background:rgba(255,255,255,.08);padding:2px 7px;border-radius:6px}