body{padding-bottom:env(safe-area-inset-bottom)}
.topbar{padding-top:max(10px,env(safe-area-inset-top))}
.btn-back{background:var(--brand);color:#fff;font-weight:700;border-radius:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 14px}.btn-back:hover{background:#561f6b;color:#fff}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;margin-bottom:8px;color:var(--mut)}.crumbs a{color:var(--brand);text-decoration:none;font-weight:600}.crumbs i{font-size:.65rem}
.alerts-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.al{border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--bd)}.al i{font-size:1.3rem}.al b{font-size:1.3rem}.al span{font-size:.75rem;color:var(--mut)}
.al-red i,.al-red b{color:#dc3545}.al-orange i,.al-orange b{color:#fd7e14}.al-gold i,.al-gold b{color:#a6831a}.al-gray i,.al-gray b{color:#6c757d}
@media(max-width:600px){.alerts-strip{grid-template-columns:repeat(2,1fr)}}
.ccard{display:block;border-radius:20px;overflow:hidden;color:#fff;text-decoration:none;box-shadow:0 8px 24px #2a133626;transition:.15s;background:linear-gradient(135deg,#6b2d82,#2a1336)}.ccard:hover{transform:translateY(-3px);color:#fff}
.cc-sa{background:linear-gradient(135deg,#1d7a4c,#0b3d26)}.cc-ae{background:linear-gradient(135deg,#6b2d82,#2a1336)}.cc-om{background:linear-gradient(135deg,#b3263a,#5a1220)}.cc-ye{background:linear-gradient(135deg,#a6831a,#4d3a06)}.cc-gb{background:linear-gradient(135deg,#1f3f8a,#0d1d45)}
.ccard .top{padding:20px;position:relative;min-height:120px}.ccard .flag{font-size:2.4rem;line-height:1}.ccard h3{font-weight:800;margin:4px 0 0}
.ccard .st{display:grid;grid-template-columns:repeat(3,1fr);background:#ffffff1f}.ccard .st div{padding:10px 6px;text-align:center;border-inline-start:1px solid #ffffff22}.ccard .st b{display:block;font-size:1.2rem}.ccard .st span{font-size:.72rem;opacity:.85}.ccard .go{padding:9px 20px;background:#00000026;font-size:.85rem}
.ring{--p:0;width:66px;height:66px;border-radius:50%;background:conic-gradient(#c9a227 calc(var(--p)*1%),#ffffff33 0);display:grid;place-items:center;flex-shrink:0}.ccard .ring{position:absolute;left:18px;top:22px}
.ring span{width:52px;height:52px;border-radius:50%;background:#00000040;display:grid;place-items:center;font-weight:800;font-size:.9rem;color:#fff}
.ring.sm{width:50px;height:50px;background:conic-gradient(var(--brand) calc(var(--p)*1%),var(--bd) 0)}.ring.sm span{width:40px;height:40px;background:var(--card);color:var(--txt);font-size:.75rem}
.cohead .ring{background:conic-gradient(#c9a227 calc(var(--p)*1%),#ffffff33 0)}
.cocard{display:block;height:100%;background:var(--card);border:1px solid var(--bd);border-radius:18px;padding:16px;text-decoration:none;color:inherit;transition:.15s;box-shadow:0 2px 10px #2a133608}.cocard:hover{border-color:var(--brand);transform:translateY(-2px)}
.addcard{display:grid;place-items:center;text-align:center;color:var(--brand);border-style:dashed;min-height:150px}
.coicon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--brand2),#f3d77a);display:grid;place-items:center;color:#2a1336;font-size:1.3rem;flex-shrink:0}.coicon.lg{width:56px;height:56px;font-size:1.6rem}
.kv{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:.82rem}.kv dt{color:var(--mut);font-weight:600}.kv dd{margin:0;word-break:break-word}
.cohead{background:linear-gradient(135deg,var(--sb),var(--brand));color:#fff;border-radius:20px;padding:18px}.cohead .kv dt{color:#e0cbe9}
@media(min-width:768px){.kv-w{grid-template-columns:auto 1fr auto 1fr}}
.ltr-en{direction:ltr;text-align:right}.min-w-0{min-width:0}
.authgrp{margin-bottom:18px}.authh{font-weight:800;color:var(--brand);border-bottom:2px solid var(--bd);padding-bottom:6px}
.dcard{display:block;height:100%;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:12px;text-decoration:none;color:inherit;border-inline-start:5px solid #198754;transition:.12s}.dcard:hover{border-color:var(--brand);transform:translateY(-2px)}
.dcard.st-missing{border-inline-start-color:#adb5bd;opacity:.9}.dcard.st-expired{border-inline-start-color:#dc3545}.dcard.st-soon{border-inline-start-color:#fd7e14}
.dfoot{display:flex;gap:12px;font-size:.75rem;color:var(--mut);margin-top:8px;border-top:1px dashed var(--bd);padding-top:6px}
.alrow{display:flex;align-items:center;gap:8px;padding:9px 4px;border-bottom:1px solid var(--bd);text-decoration:none;color:inherit;flex-wrap:wrap}.alrow:last-child{border:0}
.frow{display:flex;align-items:center;gap:6px;padding:8px;border:1px solid var(--bd);border-radius:12px;margin-bottom:6px;flex-wrap:wrap}.frow form{margin:0}
.pkrow{display:flex;gap:8px;align-items:center;padding:6px 4px;border-bottom:1px solid var(--bd)}
.viewer{position:fixed;inset:0;z-index:2000;background:#120b17f2;display:none;flex-direction:column}.viewer.open{display:flex}
.vbar{display:flex;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) 12px 10px;color:#fff;background:#2a1336}.vname{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.vclose{width:48px;height:48px;border-radius:50%;border:0;background:#dc3545;color:#fff;font-size:1.4rem;display:grid;place-items:center;flex-shrink:0}.vclose.small{width:36px;height:36px;font-size:1rem}
.vbody{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:10px;text-align:center}.vbody img{max-width:100%;background:#fff;margin:0 auto 10px;display:block;border-radius:6px;box-shadow:0 4px 20px #0008}
.vclose2{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);border:0;background:#fff;color:#2a1336;font-weight:800;border-radius:30px;padding:10px 26px;box-shadow:0 6px 20px #0008;z-index:2001}
.sharebox{align-items:center;justify-content:center}
.loginbg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#2a1336,#6b2d82)}
@media(max-width:991px){.btn-back span{display:inline}.content{padding-bottom:90px!important}}