*{box-sizing:border-box}body{margin:0;background:#f7f8fc;color:#172033;font:15px/1.6 Arial}.wrap{max-width:1120px;margin:auto;padding:0 18px}.topbar{background:#101828;color:white}.nav{min-height:70px;display:flex;justify-content:space-between;align-items:center}.brand{color:white;text-decoration:none;font-size:21px;font-weight:900}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{color:#dbe4f0;text-decoration:none}.btn{display:inline-block;border:0;border-radius:11px;padding:12px 18px;background:linear-gradient(135deg,#6d5dfc,#ec4899);color:white!important;text-decoration:none;font-weight:800;cursor:pointer}.small{padding:7px 10px;font-size:13px}.hero{text-align:center;padding:85px 0 55px}.hero h1{font-size:clamp(38px,7vw,70px);line-height:1.03}.gradient{background:linear-gradient(90deg,#635bff,#ec4899,#f59e0b);background-clip:text;color:transparent}.hero p{color:#667085;font-size:18px}.pill{display:inline-block;background:#eeeaff;color:#5848e8;padding:5px 10px;border-radius:99px;font-size:11px;font-weight:900}.search{max-width:820px;margin:auto;padding:8px;border-radius:18px;background:linear-gradient(90deg,#6d5dfc,#ec4899,#f59e0b);display:grid;grid-template-columns:1fr 150px 110px;gap:8px}.search input,.search select{border:0;border-radius:12px;padding:15px;min-width:0}.cards,.grid5{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid5{grid-template-columns:repeat(5,1fr)}.card,.result{background:white;border:1px solid #e7eaf0;border-radius:18px;padding:22px;box-shadow:0 10px 35px #10182808}.result{max-width:900px;margin:22px auto;text-align:left}.resulthead,.section-title{display:flex;justify-content:space-between;align-items:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metrics div{background:#f7f8fc;padding:18px;text-align:center;border-radius:14px}.metrics strong,.metrics span{display:block}.metrics strong{font-size:24px}.two{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.pagehead{padding:40px 0 25px}.pagehead h1{font-size:40px}.table{margin:20px 0 60px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:13px;border-bottom:1px solid #edf0f5;text-align:left}.status{padding:4px 8px;border-radius:7px;background:#eef2f7}.auth{min-height:70vh;display:grid;place-items:center}.authbox{width:min(450px,100%);background:white;padding:30px;border-radius:18px}.form{max-width:700px;margin-bottom:60px}label{display:block;font-weight:800;margin:15px 0 7px}input,select{width:100%;padding:12px;border:1px solid #d8dee9;border-radius:9px}.full{width:100%}.alert{padding:12px;border-radius:10px;margin:15px 0;background:#eef2ff}.error{background:#fee2e2;color:#991b1b}.footer{background:#101828;color:#cbd5e1;padding:35px 0}.footer a{color:#dbe4f0}.copy{margin-top:20px}.statcard strong{display:block;font-size:30px}.modal{position:fixed;inset:0;background:#101828bb;display:none;place-items:center;z-index:99;padding:18px}.modal.show{display:grid}.modalbox{background:white;border-radius:22px;padding:32px;text-align:center;width:min(520px,100%)}.spinner{width:52px;height:52px;margin:auto;border:5px solid #e8e7ff;border-top-color:#6d5dfc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#clock{display:block;font-size:34px}.progress{height:9px;background:#edf0f5;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6d5dfc,#ec4899,#f59e0b)}@media(max-width:800px){.search,.cards,.grid5,.two,.metrics{grid-template-columns:1fr 1fr}.search{grid-template-columns:1fr}.nav{flex-direction:column;padding:15px}.hero{padding:55px 0}.cards,.grid5,.two{grid-template-columns:1fr}}