*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font:15px/1.55 Arial,Helvetica,sans-serif}.container{max-width:1120px;margin:auto;padding:28px 18px}.topbar{background:#070329;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand span,.svp-mark{font-weight:900;letter-spacing:-1px}.brand span{font-size:24px}.brand small{opacity:.8}.topbar nav{display:flex;gap:18px;flex-wrap:wrap}.topbar nav a{color:#fff;text-decoration:none;opacity:.9}.hero{max-width:760px;margin:65px auto;text-align:center}.svp-mark{font-size:42px;color:#154bff}.hero h1{font-size:42px;line-height:1.05;margin:12px 0}.hero>p{color:#667085;max-width:650px;margin:0 auto 24px}.search{display:flex;max-width:650px;margin:20px auto;gap:8px}.search input,.search button,.field input,.field select,.code-box input{font:inherit}.search input,.field input,.field select,.code-box input{width:100%;border:1px solid #d8deea;border-radius:10px;padding:13px 14px;background:#fff}.search button,.btn{border:0;border-radius:10px;background:#154bff;color:#fff;padding:12px 17px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn.secondary{background:#fff;color:#172033;border:1px solid #d8deea}.btn.full{width:100%}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.feature-grid>div,.card,.form-card{background:#fff;border:1px solid #e6eaf1;border-radius:16px;padding:20px;box-shadow:0 5px 20px rgba(20,30,55,.04)}.feature-grid strong,.feature-grid span{display:block}.feature-grid span{color:#667085;margin-top:4px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.page-head h1{margin:0 0 3px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{font-size:32px;font-weight:800;margin-top:8px}.muted,.small{color:#667085}.small{font-size:12px}.table-wrap{overflow:auto;background:#fff;border:1px solid #e6eaf1;border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:650px}.table th,.table td{text-align:left;padding:13px 15px;border-bottom:1px solid #edf0f5}.table th{font-size:12px;text-transform:uppercase;color:#667085;background:#fafbfc}.table a{color:#154bff;text-decoration:none;font-weight:700}.empty{text-align:center;color:#667085;padding:28px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.badge-success{background:#e8f7ee;color:#08763e}.badge-danger{background:#fdebed;color:#b42318}.form-card{max-width:720px;margin:35px auto}.form-card.narrow{max-width:460px}.field{margin:0 0 16px}.field label{display:block;font-weight:700;margin-bottom:6px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.alert{background:#fff0f1;border:1px solid #ffc9ce;color:#a61b29;border-radius:10px;padding:12px;margin:12px 0 16px}.inline-form{margin-top:10px}.profile-layout{display:grid;grid-template-columns:300px 1fr;gap:18px}.profile-card{text-align:center}.profile-photo,.profile-placeholder{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:5px auto 15px;display:flex;align-items:center;justify-content:center;background:#eef2ff;color:#154bff;font-size:38px;font-weight:900}.spacer{margin:12px 0 18px}.details{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#edf0f5;border:1px solid #edf0f5;border-radius:12px;overflow:hidden}.details>div{background:#fff;padding:13px}.details strong,.details span{display:block}.details strong{font-size:12px;color:#667085;margin-bottom:3px}.code-box{margin:12px 0}.code-box strong{display:block;font-size:12px;color:#667085;margin-bottom:6px}.code-box code{display:block;background:#f6f7fb;padding:12px;border-radius:10px;font-weight:800;letter-spacing:1px}.qr-wrap{text-align:center;margin:22px 0}.qr-wrap #qrcode{display:flex;justify-content:center;margin-bottom:8px}.actions{display:flex;gap:8px;flex-wrap:wrap}.verify-page{min-height:100vh;padding:30px 15px;display:flex;align-items:center;justify-content:center}.verify-card{width:min(560px,100%);background:#fff;border:1px solid #e6eaf1;border-radius:20px;padding:28px;box-shadow:0 10px 40px rgba(20,30,55,.07);text-align:center}.centered{justify-content:center}.verify-icon{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:20px auto 12px;font-size:30px;font-weight:900}.success-icon{background:#e8f7ee;color:#08763e}.danger-icon{background:#fdebed;color:#b42318}.public-profile{margin:20px 0}.public-details{text-align:left;margin:20px 0}.result-list{text-align:left;margin-top:20px}.result-item{display:block;text-decoration:none;color:#172033;border-top:1px solid #edf0f5;padding:14px 0}.result-item span{display:block;color:#667085;font-size:13px}.admin-search{max-width:none;margin:0 0 18px}.footer{text-align:center;color:#98a2b3;padding:25px 15px 40px}hr{border:0;border-top:1px solid #edf0f5;margin:22px 0}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr 1fr}.profile-layout{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}.hero{margin:35px auto}.hero h1{font-size:34px}.search{flex-direction:column}.search button{width:100%}.page-head{align-items:flex-start;flex-direction:column}.actions .btn{width:100%}}
.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template-card{position:relative}.template-preview{height:300px;border:1px solid #dfe4ed;border-radius:12px;background:linear-gradient(135deg,#fff,#f1f4fb);position:relative;overflow:hidden;padding:14px}.template-preview.landscape{height:190px}.template-fake-header{font-weight:900;color:#070329;font-size:18px}.template-fake-photo{position:absolute;left:14%;top:28%;width:28%;height:28%;border-radius:10px;background:#dce3f0}.template-fake-lines{position:absolute;left:47%;top:30%;right:8%;display:flex;flex-direction:column;gap:6px}.template-fake-lines span{height:7px;background:#d9deea;border-radius:6px;font-size:0}.template-fake-qr{position:absolute;right:10%;bottom:10%;width:45px;height:45px;border:3px solid #172033;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800}.template-preview.landscape .template-fake-photo{left:6%;top:24%;width:28%;height:52%}.template-preview.landscape .template-fake-lines{left:39%;top:28%;right:20%}.template-preview.landscape .template-fake-qr{right:6%;bottom:28%}@media(max-width:900px){.template-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.template-grid{grid-template-columns:1fr}}