*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#182230;font-family:Inter,Arial,sans-serif;line-height:1.5}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px max(20px,calc((100% - 1120px)/2));background:#fff;border-bottom:1px solid #e6eaf0}.brand{font-weight:800;font-size:19px;letter-spacing:-.4px}.brand span{font-weight:500;color:#667085;margin-left:8px;font-size:14px}.topbar nav{display:flex;gap:18px}.topbar a,.footer a{color:#175cd3;text-decoration:none}.wrap{max-width:1120px;margin:32px auto;padding:0 20px}.hero{display:flex;justify-content:space-between;align-items:center;padding:24px 4px 28px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#175cd3}.hero h1{font-size:clamp(27px,4vw,38px);line-height:1.15;margin:8px 0}.hero-icon{font-size:68px;color:#175cd3;padding:15px 24px;background:#eaf1ff;border-radius:22px}.muted{color:#667085}.small{font-size:12px}.card{background:#fff;border:1px solid #e4e7ec;border-radius:15px;padding:22px;box-shadow:0 2px 8px #10182808}.card h2{margin:0 0 6px;font-size:21px}.create-form{display:grid;grid-template-columns:1fr 2fr auto;gap:14px;align-items:end;margin-top:20px}.field label,label{display:block;font-weight:650;font-size:13px;margin-bottom:7px}.field input,.login input{width:100%;border:1px solid #d0d5dd;border-radius:8px;padding:12px;font:inherit;min-width:0}.btn{border:0;border-radius:8px;padding:11px 14px;font-weight:700;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}.primary{background:#175cd3;color:#fff}.secondary{background:#f2f4f7;color:#344054;border:1px solid #e4e7ec}.danger{background:#fff1f0;color:#b42318;border:1px solid #fecdca}.full{width:100%;margin-top:16px}.notice,.alert{margin:18px 0;padding:12px 15px;background:#ecfdf3;color:#027a48;border-radius:9px;font-size:14px}.alert{background:#fff1f0;color:#b42318}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 14px}.section-heading h2{margin:0}.section-heading p{margin:3px 0}.pill,.status{border-radius:100px;background:#f2f4f7;padding:5px 10px;font-size:12px;color:#344054}.links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.link-card{padding:18px;min-width:0}.link-head{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.link-head h3{margin:0 0 3px;font-size:17px;overflow-wrap:anywhere}.link-head p{margin:0}.status.active{background:#ecfdf3;color:#027a48}.status.inactive{background:#fef3f2;color:#b42318}.qr-preview{display:grid;grid-template-columns:135px minmax(0,1fr);gap:15px;align-items:center;margin:16px 0}.qr-preview img{width:135px;height:135px;object-fit:contain;border:1px solid #eaecf0;border-radius:8px}.metric{font-size:28px;font-weight:800}.qr-preview p{margin:8px 0;overflow-wrap:anywhere}.qr-preview a{color:#175cd3;overflow-wrap:anywhere}.url-text{overflow-wrap:anywhere}.actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #eaecf0;padding-top:14px}.actions form{margin:0}.empty{grid-column:1/-1;text-align:center}.footer{text-align:center;color:#667085;font-size:12px;padding:30px 0}.login{max-width:420px;margin:10vh auto;padding:30px}.login h1{margin-bottom:0}.login form{margin-top:24px}.login input{margin-bottom:8px}.login .small{margin-top:20px}@media(max-width:780px){.create-form{grid-template-columns:1fr}.links-grid{grid-template-columns:1fr}.hero-icon{font-size:45px;padding:12px}.topbar{padding:16px 20px}.wrap{margin-top:18px}.qr-preview{grid-template-columns:115px minmax(0,1fr)}.qr-preview img{width:115px;height:115px}}