:root{--bg:#f4f7fb;--ink:#132033;--muted:#65758c;--blue:#2563eb;--card:#fff;--line:#dce5f0;--green:#18a36f}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(145deg,#eef5ff,#f8fafc 55%,#e9f8f3);font:15px/1.5 Inter,"Segoe UI",sans-serif}.hidden{display:none!important}button,a{font:inherit;cursor:pointer}.citizen-login{min-height:100vh;display:grid;grid-template-columns:minmax(280px,520px) minmax(320px,560px);place-content:center;gap:8vw;padding:32px}.citizen-login>img{width:100%;opacity:.18;filter:saturate(.6)}.citizen-login section{align-self:center;padding:42px;background:#ffffffdb;border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 80px #17345c22}.citizen-login span,.citizen-brand span{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.18em}.citizen-login h1{margin:12px 0;font-size:clamp(32px,5vw,58px);line-height:1.02}.citizen-login p{color:var(--muted)}.citizen-login a,.primary{display:block;margin-top:25px;padding:14px 18px;color:#fff;text-align:center;text-decoration:none;background:var(--blue);border:0;border-radius:12px}header{position:sticky;z-index:10;top:0;display:flex;align-items:center;gap:30px;padding:14px max(20px,5vw);background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.citizen-brand{display:flex;align-items:center;gap:12px;margin-right:auto}.citizen-brand img{width:48px;height:48px;object-fit:contain}.citizen-brand div{display:grid}.citizen-brand strong{font-size:18px}nav{display:flex;align-items:center;gap:7px}nav button,nav a,#citizen-menu{padding:10px 13px;color:var(--muted);text-decoration:none;background:transparent;border:0;border-radius:9px}nav button.active,nav button:hover,nav a:hover{color:var(--blue);background:#eaf1ff}#citizen-menu{display:none;font-size:22px}.citizen-content{width:min(1180px,calc(100% - 32px));margin:38px auto}.citizen-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px;color:#fff;background:linear-gradient(125deg,#102a56,#2563eb);border-radius:24px;box-shadow:0 22px 55px #1d4ed833}.citizen-hero h1{margin:5px 0;font-size:36px}.trust-ring{display:grid;place-items:center;width:145px;height:145px;border-radius:50%;background:conic-gradient(#62e6b2 var(--trust),#ffffff2a 0);box-shadow:inset 0 0 0 13px #ffffff18}.trust-ring div{display:grid;place-items:center;width:105px;height:105px;background:#17366a;border-radius:50%}.trust-ring strong{font-size:30px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.card{padding:24px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px #17345c0c}.card h2{margin-top:0}.card p,.card small{color:var(--muted)}.status{display:inline-flex;padding:6px 10px;color:var(--blue);font-size:12px;font-weight:800;background:#eaf1ff;border-radius:20px}.timeline{display:grid;gap:12px}.timeline article{padding:15px;background:#f7f9fc;border-left:4px solid var(--blue);border-radius:8px}.request-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.request-actions button{padding:18px;color:var(--ink);text-align:left;background:#f7f9fc;border:1px solid var(--line);border-radius:13px}.request-actions strong{display:block;margin-bottom:5px}dialog{width:min(520px,calc(100% - 24px));padding:24px;border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 80px #0004}dialog::backdrop{background:#10203899;backdrop-filter:blur(4px)}dialog form:first-child{display:flex;justify-content:flex-end}.close{font-size:22px;background:transparent;border:0}.request-form{display:grid;gap:12px}.request-form input,.request-form textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px}.request-form textarea{min-height:120px;resize:vertical}footer{padding:30px;color:var(--muted);text-align:center}@media(max-width:720px){.citizen-login{grid-template-columns:1fr;padding:18px}.citizen-login>img{display:none}.citizen-login section{padding:28px}.citizen-content{margin-top:20px}.citizen-hero{align-items:flex-start;flex-direction:column}.trust-ring{width:120px;height:120px}.grid,.request-actions{grid-template-columns:1fr}#citizen-menu{display:block}nav{position:absolute;top:72px;right:16px;display:none;align-items:stretch;flex-direction:column;width:210px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px #0002}nav.open{display:flex}nav button,nav a{text-align:left}}
.citizen-sanctions-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px}.citizen-sanctions-summary .primary{width:auto;margin:0;white-space:nowrap}.citizen-sanctions-list{display:grid;gap:14px}.citizen-sanction{padding:18px;background:#f7f9fc;border:1px solid var(--line);border-left:5px solid #f59e0b;border-radius:12px}.citizen-sanction.cancelled,.citizen-sanction.expired{border-left-color:#94a3b8}.citizen-sanction header{position:static;padding:0 0 12px;background:transparent;border:0;backdrop-filter:none}.citizen-sanction header>div{display:grid;gap:8px}.citizen-sanction header small{margin-left:auto}.citizen-sanction dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0}.citizen-sanction dl div{padding:12px;background:var(--card);border:1px solid var(--line);border-radius:9px}.citizen-sanction dt{color:var(--muted);font-size:12px}.citizen-sanction dd{margin:4px 0 0;font-weight:800}.citizen-no-sanctions{padding:30px;text-align:center;background:#f7f9fc;border:1px dashed var(--line);border-radius:12px}@media(max-width:720px){.citizen-sanctions-summary{align-items:stretch;flex-direction:column}.citizen-sanctions-summary .primary{width:100%}.citizen-sanction header{align-items:flex-start;flex-direction:column}.citizen-sanction header small{margin-left:0}.citizen-sanction dl{grid-template-columns:1fr}}