:root{--navy:#061f55;--blue:#075ee8;--green:#18a943;--border:#d8e2f2;--text:#09214a;--muted:#667085;--bg:#f4f8ff}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--blue)}
.topbar{height:92px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 45px;border-bottom:1px solid var(--border);box-shadow:0 3px 16px rgba(8,31,85,.08)}
.brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--navy)}.brand img{height:68px}.brand strong{display:block;font-size:30px}.brand span{display:block;color:var(--blue);font-weight:bold;font-size:14px;text-transform:uppercase}
.topbar nav{display:flex;gap:22px;align-items:center}.topbar nav a{text-decoration:none;font-weight:bold;color:var(--navy)}.wa-small{background:var(--green);color:white!important;padding:12px 18px;border-radius:10px}
.hero{background:linear-gradient(135deg,var(--navy),#003a93 65%,#0b64ff);padding:58px 20px}.hero-card{max-width:950px;margin:auto;text-align:center;color:white}.hero-logo{background:white;border-radius:15px;padding:12px;height:96px;margin-bottom:15px}.hero h1{font-size:42px;margin:10px 0}
.track-form,.mini-track{display:flex;gap:14px;max-width:780px;margin:30px auto 0}.track-form input,.mini-track input{flex:1;border:0;border-radius:10px;padding:18px;font-size:18px}
.track-form button,.mini-track button,.admin-search button,.box button{background:linear-gradient(135deg,#0b64ff,#0045bd);color:white;border:0;border-radius:10px;padding:16px 30px;font-size:17px;font-weight:bold;cursor:pointer}
.cards,.company-info{max-width:1100px;margin:25px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 20px}
.card,.company-info div,.panel,.box,.table,.info-card,.progress-card,.status-note,.journey{background:white;border:1px solid var(--border);border-radius:16px;box-shadow:0 5px 18px rgba(8,31,85,.08)}
.card{padding:38px;text-align:center}.service-icon{font-size:46px}.card h3,.company-info h3{font-size:24px;color:var(--navy)}.card p,.company-info p{font-size:18px;line-height:1.35}.company-info div{padding:25px}
.stats{max-width:1100px;margin:25px auto;padding:30px;background:linear-gradient(135deg,var(--navy),var(--blue));border-radius:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;color:white;text-align:center}.stats strong{display:block;font-size:36px;margin-bottom:8px}.stats span{font-size:16px}
.contact{max-width:1100px;margin:25px auto 35px;padding:32px;border-radius:18px;background:#eaf3ff;display:flex;align-items:center;justify-content:space-between;border:1px solid #cfe0f8}.contact.dark{background:linear-gradient(135deg,var(--navy),#00357f);color:white}.contact a{background:var(--green);color:white;text-decoration:none;padding:16px 26px;border-radius:12px;font-weight:bold}
.footer{background:var(--navy);color:white;min-height:84px;display:flex;align-items:center;justify-content:center;gap:20px}.footer img{height:48px;background:white;border-radius:8px;padding:5px}.floating-wa{position:fixed;right:22px;bottom:22px;background:var(--green);color:white;text-decoration:none;padding:15px 20px;border-radius:999px;font-weight:bold;box-shadow:0 8px 22px rgba(0,0,0,.2);z-index:100}
.track-head{background:linear-gradient(135deg,var(--navy),#0b64ff);color:white;padding:35px 50px}.track-head h1{max-width:1120px;margin:0 auto 20px}.track-head span{color:#dbeafe}.wrap{max-width:1120px;margin:25px auto;padding:0 20px}
.info-card{padding:22px;margin-bottom:18px}.info-card h2{margin:0 0 18px}.info-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.info-grid div{padding:16px;border-left:1px solid var(--border);background:#fbfdff;border-radius:10px}.info-grid span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.info-grid strong{font-size:17px}
.progress-card{padding:20px;margin-bottom:18px}.progress-title{display:flex;justify-content:space-between;margin-bottom:12px}.progress-title span{color:var(--green);font-weight:bold}.progress-bar{height:12px;background:#e8eef7;border-radius:20px;overflow:hidden}.progress-bar div{height:100%;background:linear-gradient(90deg,#188f3b,#25c05a);border-radius:20px}
.status-note{padding:18px;display:flex;align-items:center;justify-content:space-between;background:#eaf3ff;margin-bottom:18px}.status-note a{background:var(--green);color:white;text-decoration:none;padding:12px 20px;border-radius:10px;font-weight:bold}
.panel{padding:26px;margin-bottom:20px}.timeline{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:25px 0;position:relative}.step{text-align:center;color:#5b6b82;font-size:13px}.step div{width:46px;height:46px;margin:0 auto 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#c7d1df;color:white;font-weight:bold}.step.done div{background:#218838}.step.active div{background:#075ee8}.step.active span{color:#075ee8;font-weight:bold}
.journey{padding:24px;margin-bottom:22px}.journey h2{margin-top:0}.journey-row{display:grid;grid-template-columns:40px 130px 1fr 190px;gap:10px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:12px;margin:10px 0;background:#fff}.journey-row.current{border-color:#75aaff;background:#f3f8ff}.dot{width:26px;height:26px;background:var(--green);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}.date{font-weight:bold;color:var(--navy)}.details span{display:block;color:var(--muted);margin-top:5px}.location{color:var(--muted);text-align:right}
.pill{background:#075ee8;color:white;border-radius:6px;padding:7px 10px;font-size:13px;display:inline-block}
.admin{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 176px)}.admin aside{background:linear-gradient(180deg,var(--navy),#002b70);padding:25px 16px}.admin aside a{display:block;color:white;text-decoration:none;padding:15px;border-radius:10px;margin-bottom:9px;font-weight:bold}.admin section{padding:28px}.admin-search{display:flex;gap:12px;margin:25px 0}.admin-search input,.box input,.box select,.box textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:14px;font-size:15px;margin:9px 0}.table{overflow:auto;padding:10px}table{width:100%;border-collapse:collapse;background:white}th,td{padding:14px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}.box{max-width:560px;margin:45px auto;padding:30px}.error{color:red}
.admin-subtitle{color:#667085;margin-top:-10px;margin-bottom:22px}.admin-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin:22px 0 28px}.stat-card{background:white;border:1px solid #d8e2f2;border-radius:16px;padding:22px;box-shadow:0 5px 18px rgba(8,31,85,.08);min-height:115px}.stat-card span{display:block;color:#667085;font-size:14px;margin-bottom:12px}.stat-card strong{display:block;color:#061f55;font-size:38px;line-height:1}.stat-card.blue{background:linear-gradient(135deg,#061f55,#075ee8)}.stat-card.green{background:linear-gradient(135deg,#0f7a34,#18a943)}.stat-card.orange{background:linear-gradient(135deg,#b35c00,#ff9f1c)}.stat-card.blue span,.stat-card.blue strong,.stat-card.green span,.stat-card.green strong,.stat-card.orange span,.stat-card.orange strong{color:white}
@media(max-width:1100px){.admin-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.topbar{height:auto;padding:15px;display:block;text-align:center}.brand{justify-content:center}.topbar nav{justify-content:center;margin-top:12px}.cards,.company-info,.stats,.info-grid,.timeline,.admin-stats{grid-template-columns:1fr}.track-form,.mini-track,.contact,.status-note{display:block}.track-form button,.mini-track button,.contact a,.status-note a{width:100%;display:block;margin-top:12px;text-align:center}.admin{grid-template-columns:1fr}.journey-row{grid-template-columns:34px 1fr}.location{grid-column:2;text-align:left}}

.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.action-btn{background:linear-gradient(135deg,#0b64ff,#0045bd);color:white;padding:14px 20px;border-radius:10px;text-decoration:none;font-weight:bold}
.field-label{display:block;margin-top:12px;color:#061f55;font-weight:bold}
.form-note{background:#eaf3ff;border:1px solid #cfe0f8;padding:14px;border-radius:10px;color:#061f55}
@media(max-width:900px){.page-title-row{display:block}.action-btn{display:block;text-align:center;margin-top:12px}}