@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#063465;--dark:#111f35;--sky:#52bdde;--light:#f5f8fc;--pink:#ba267f;--blue:#4b89cd;--border:#e3e9f1;--green:#77a83f}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#1b293e;background:#f6f9fc;font-size:14px}a{text-decoration:none;color:inherit}input,select,button{font:inherit}button,.btn{cursor:pointer}.topbar{height:74px;background:#fff;box-shadow:0 4px 22px #12345613;display:flex;justify-content:space-between;align-items:center;padding:0 max(22px,4vw)}.brand{display:flex;align-items:center;gap:12px;color:var(--navy)}.brand img{height:49px;width:auto;object-fit:contain}.brand strong{font-size:18px}.topbar nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:800;color:#495363}.topbar nav a:first-child{color:var(--pink);border-bottom:3px solid var(--pink);padding:13px 3px}.adminpill{background:var(--navy);color:#fff;border-radius:26px;padding:11px 25px;box-shadow:0 3px 12px #123a6570}
.hero{min-height:520px;padding:95px 20px 55px;background:linear-gradient(180deg,#f7faff,#eef4fa);text-align:center}.herologo{font-size:56px;color:var(--pink)}.hero h1{font-size:clamp(32px,4vw,52px);margin:16px 0 9px;color:#101b30}.hero h1 span{background:linear-gradient(90deg,#6796cc,#b52a84);background-clip:text;color:transparent}.hero p{font-size:17px;color:#606f82}.searchform{display:flex;background:#fff;max-width:590px;margin:35px auto 12px;border-radius:40px;padding:7px;box-shadow:0 14px 45px #15345819}.searchform input{border:0;outline:none;padding:15px 23px;width:100%;border-radius:30px}.searchform button,.gradientbtn{background:linear-gradient(110deg,#6c91cd,#c42685);color:#fff;border:0;border-radius:30px;padding:14px 23px;font-weight:800}.hint{color:#8390a3;font-size:12px}.results{max-width:720px;margin:28px auto 70px;padding:0 16px}.resultcount{font-weight:700;margin-bottom:20px}.certcard,.panel,.loginbox,.statbox{background:#fff;border:1px solid var(--border);box-shadow:0 4px 16px #0b356011;border-radius:18px}.certcard{margin-bottom:15px;overflow:hidden}.cardtop{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 25px;border-bottom:1px solid #eef1f6}.cardtop strong{font-size:17px}.cardtop small{display:block;color:#7e8794;margin-top:7px}.badge{padding:6px 11px;border-radius:25px;font-size:12px;font-weight:800;background:#ebf4e3;color:#719a36;white-space:nowrap}.badge.revoked{background:#fff0f0;color:#bd3c4d}.certdetails{padding:18px 25px 22px;background:#fbfcfe}.facts{display:flex;gap:30px;flex-wrap:wrap}.facts div{min-width:120px;flex:1}.facts small{display:block;font-size:10px;color:#8794a5;margin-bottom:6px}.facts strong{font-size:13px}.actions{display:flex;gap:11px;margin-top:20px}.actions .btn{flex:1;text-align:center}.btn{border-radius:12px;padding:12px 15px;background:#fff;border:1px solid var(--border);font-weight:800;color:#24364c;display:inline-block}.btn.primary{background:linear-gradient(110deg,#263d91,#2cc8c2);color:white;border:0}.btn.pink{background:linear-gradient(110deg,#c32380,#5b99d1);color:#fff;border:0}.btn.danger{color:#bd374b;border-color:#f7a9b4;background:#fff2f4}.btn:disabled{opacity:.55;cursor:not-allowed}.alert{padding:14px 18px;border-radius:12px;background:#fff5dc;color:#805c11;margin:16px 0}.alert.success{background:#e9f8ed;color:#256642}.alert.error{background:#fff0f1;color:#a53547}.muted{color:#8090a4}.adminbody{background:#f5f7fa}.sidebar{width:230px;position:fixed;top:0;bottom:0;background:linear-gradient(#053263,#012549);padding:22px 20px;color:#e6f6ff;display:flex;flex-direction:column}.sidebrand{display:block;text-align:center;padding-bottom:26px;border-bottom:1px solid #ffffff20;margin-bottom:20px;color:#fff}.sidebrand b{font-size:17px}.sidebrand small{display:block;color:#8faed1;font-size:11px;margin-top:5px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav a{padding:14px 13px;border-radius:12px;line-height:1.5}.sidebar nav a:hover,.sidebar nav a.selected{background:#5cc0dd;color:#fff;font-weight:700}.logout{margin-top:auto;background:#1b3f64;color:#ff9eae;text-align:center;border-radius:12px;padding:13px}.adminmain{margin-left:230px;padding:29px 34px 65px;min-height:100vh}.adminmain h1{margin:0 0 9px;font-size:28px}.sub{color:#8391a3;margin-bottom:27px}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0 35px}.statbox{padding:24px;position:relative;background:linear-gradient(110deg,#23458e,#20c1bf);color:#fff;border:0}.statbox:nth-child(2){background:linear-gradient(110deg,#4d6bb4,#1c3155)}.statbox:nth-child(3){background:linear-gradient(110deg,#159d9d,#35db76)}.statbox small{opacity:.8;font-weight:700}.statbox strong{display:block;font-size:38px;margin-top:14px}.panel{padding:26px;margin:18px 0}.panel h2{font-size:19px;margin-top:0}.flexbetween{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.row{display:flex;gap:12px;flex-wrap:wrap}.field{flex:1;min-width:205px;margin:12px 0}.field label{display:block;color:#536379;font-size:12px;font-weight:800;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;background:#f8fafc;border:1px solid #dee7f0;border-radius:10px;padding:13px 14px;color:#182b3e}.field input:focus,.field select:focus{outline:2px solid #83d2e4}.filebox{padding:35px;border:2px dashed #dce5f0;border-radius:15px;text-align:center;background:#f9fbfe}.filebox input{max-width:300px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f8fafe;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#7388a3;padding:15px 12px}td{padding:15px 12px;border-top:1px solid #e9edf2;vertical-align:middle}td small{color:#8090a4}.loginbox{width:min(440px,calc(100% - 30px));margin:10vh auto;padding:35px}.loginbox img{height:65px}.loginbox h1{font-size:25px}.tools{display:flex;gap:8px;flex-wrap:wrap}code{word-break:break-all}.footnote{font-size:12px;color:#8a97a8}.pill{background:#edf7fb;border-radius:20px;color:#0b4884;font-size:12px;padding:5px 12px;white-space:nowrap}.smallbtn{font-size:12px;padding:8px 12px}.link{color:#1172b4;font-weight:700}.dashboardwelcome{padding:26px;border-radius:22px;background:#fff;border:1px solid var(--border)}.dashboardwelcome h1{margin:0}.minitext{font-size:12px}
@media(max-width:850px){.sidebar{position:relative;width:auto;height:auto;padding:14px}.sidebrand{margin:0;padding:0 0 9px}.sidebar nav{display:flex;flex-direction:row;overflow-x:auto;gap:4px}.sidebar nav a{padding:9px;font-size:12px;flex-shrink:0}.sidebar .logout{margin-top:8px}.adminmain{margin:0;padding:22px 14px}.statgrid{grid-template-columns:1fr}.topbar{height:auto;min-height:74px;padding:10px 14px}.brand strong{font-size:13px}.topbar nav{gap:10px;font-size:11px}.adminpill{padding:9px}.hero{padding:65px 14px;min-height:440px}.cardtop,.certdetails{padding:17px}.actions{flex-direction:column}}