@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf) format("truetype");font-display:swap;font-weight:400}*{box-sizing:border-box}html{overflow-y:scroll;scrollbar-color:#8796ae #eff2f7}body{margin:0;background:#f5f7fb;color:#18253c;font-family:Poppins,Arial,sans-serif;font-size:14px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:4px}:focus-visible{outline:3px solid #1289d2}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}svg{width:22px;height:22px;flex-shrink:0}.flag-line{height:5px;background:linear-gradient(90deg,#00aeef 0 33.333%,#ffdf00 33.333% 66.666%,#e2232d 66.666%)}.header{background:#fff;border-bottom:1px solid #e4e9f1;min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:20px max(32px,calc((100vw - 1440px)/2));gap:25px}.brand{text-decoration:none;display:flex;align-items:center;gap:14px}.brand-symbol{background:#071e50;color:#f7d94a;border:1px solid #edce4d;border-radius:13px;width:50px;height:56px;display:grid;place-items:center;flex-shrink:0}.brand-symbol svg{width:31px;height:34px}.brand strong{display:block;font-size:24px;line-height:1.25;font-weight:700;letter-spacing:1px}.brand-country{font-size:12px;letter-spacing:1.5px;color:#8793a5}.brand small{font-size:10px;color:#6b778a}.admin-link{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:12px;color:#47566e;border:1px solid #dfe5ef;border-radius:8px;padding:10px 14px}.admin-link svg{width:15px;height:15px}.admin-link:hover{background:#f2f5fa;color:#071e50}main{max-width:1440px;margin:auto;padding:46px 32px 70px;min-height:calc(100vh - 180px)}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;color:#60718f}.intro{margin-bottom:28px}.intro h1,h1{font-size:36px;letter-spacing:-1.4px;color:#071e50;line-height:1.25;margin:10px 0 14px;font-weight:700}.intro p,.admin-intro p{color:#758199;margin:0;line-height:1.85}.steps{display:flex;list-style:none;gap:32px;padding:0;margin:0 0 32px;color:#8a95a7;font-size:11px;flex-wrap:wrap}.steps li{display:flex;align-items:center;gap:10px}.steps li span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d7dfec;border-radius:50%;font-size:10px}.steps .current{color:#0c285c}.steps .current span{background:#0b285b;border-color:#0b285b;color:#fff}.workspace{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(460px,1.2fr);gap:28px;align-items:start}.form-panel,.preview-panel,.request-panel{background:#fff;border:1px solid #e0e6f0;border-radius:13px;box-shadow:0 5px 20px #13274603}.form-panel{padding:27px}.panel-title{display:flex;gap:14px;align-items:start;border-bottom:1px solid #eef1f6;padding-bottom:22px;margin-bottom:24px}.section-number{background:#f0f4fa;color:#436080;padding:6px 9px;border-radius:7px;font-size:10px;line-height:20px}h2{font-size:15px;line-height:1.4;margin:0 0 6px;color:#162c50}.panel-title p{font-size:10px;color:#8490a4;margin:0;line-height:1.8}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#33455e;min-width:0}.field.full{grid-column:1/-1}.field small{font-size:9px;color:#8793a5}.required{color:#b0674a}input:not([type=range]),textarea{width:100%;padding:12px;border:1px solid #dce3ed;border-radius:7px;background:#fcfdff;color:#162b49;font-size:12px;resize:vertical;line-height:1.65;transition:border-color .15s}input::placeholder,textarea::placeholder{color:#a0aabc}input:hover,textarea:hover{border-color:#b7c6dc}input:focus,textarea:focus{background:#fff;border-color:#2b659d}textarea{min-height:86px}input[readonly],textarea[readonly]{background:#f4f6fa}.photo-section{margin:25px 0 0;padding:22px 0;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;display:flex;gap:18px;flex-wrap:wrap}.photo-thumb{width:82px;height:100px;border:1px dashed #cbd6e5;border-radius:7px;background:#f5f8fc;overflow:hidden;display:grid;place-items:center}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb svg{width:35px;height:43px;fill:#d7e0ec;stroke:#a6b5c8;stroke-width:1.3}.photo-content{flex:1;min-width:150px}.photo-content strong{font-size:11px}.photo-content p{font-size:9px;color:#8a95a8;margin:5px 0 10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;border-radius:8px;text-decoration:none;padding:13px 19px;font-size:12px;line-height:1.5;font-weight:600;min-height:45px}.button.primary{background:#0b285b;color:#fff}.button.primary:hover:not(:disabled){background:#15417f}.button.secondary{border-color:#d9e2ef;background:#fff;color:#34506e}.button.secondary:hover:not(:disabled){background:#eff4fa}.button.small{font-size:10px;padding:8px 12px;min-height:34px}.button.danger{background:#fce9e7;color:#a83830}.button svg{width:18px;height:18px}.submit-section{padding-top:20px}.submit-section p{color:#7c8aa1;font-size:10px;margin:0 0 17px;line-height:1.9}.submit-section .button{width:100%}.submit-section>small{display:block;text-align:center;margin-top:13px;font-size:9px;color:#94a0b2}.preview-panel{position:sticky;top:24px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 25px}.live-indicator{font-size:9px;color:#6f8191;display:flex;align-items:center;gap:6px;white-space:nowrap}.live-indicator i{width:6px;height:6px;border-radius:50%;background:#29a078}.card-stage{background:radial-gradient(ellipse at center,#fff,#edf1f8);padding:24px 21px 31px;border-block:1px solid #eef1f5}.card-preview{width:100%;aspect-ratio:1469/929;box-shadow:0 15px 24px #0b1c4c20;background:#fff;line-height:0;overflow:hidden;border-radius:4px}.card-preview>svg{display:block;width:100%;height:auto}.preview-note{display:flex;gap:12px;padding:23px 25px 20px;color:#36506d}.preview-note>svg{color:#5b7a9e;width:19px;height:19px;margin-top:2px}.preview-note strong{font-size:10px;font-weight:600}.preview-note p{font-size:10px;line-height:1.9;color:#8591a3;margin:5px 0 0}.preview-details{margin:0 25px;padding:16px 0 21px;border-top:1px solid #edf1f5;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:8px;color:#99a4b5}.crop-controls{width:100%;border-top:1px solid #edf1f6;margin-top:3px;padding-top:10px}.crop-controls p{font-size:10px;color:#7b879a}.crop-controls label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;margin:8px 0}.crop-controls input{width:55%;accent-color:#15467b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.error{color:#a53630;background:#fff0ef;border:1px solid #f0ceca;border-radius:8px;padding:13px 15px;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.preview-panel>.error{margin:15px}.notice{background:#e9f6ee;border:1px solid #cce7d6;color:#246642;padding:14px;border-radius:8px}.receipt{text-align:center;padding:25px 0}.receipt h3{font-size:16px}.receipt p{font-size:11px;color:#8290a5}.receipt code{display:block;font-size:11px;background:#f2f5fa;padding:15px 8px;border-radius:8px;overflow-wrap:anywhere;margin:20px 0}.success-icon{display:grid;place-items:center;border-radius:50%;background:#e6f5ed;color:#278655;width:54px;height:54px;margin:auto}.login-panel{max-width:520px;margin:40px auto;background:#fff;padding:38px;border:1px solid #e0e6f0;border-radius:14px;text-align:center}.login-panel .brand-symbol{margin:0 auto 23px}.login-panel .eyebrow{display:block}.login-panel h1{font-size:27px}.login-panel>p{font-size:12px;color:#7b89a0}.login-panel .button{margin:15px 0}.login-panel .login-help{font-size:10px;line-height:1.9}.admin-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.admin-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:25px;align-items:start}.request-panel{overflow:hidden}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 15px}.list-heading h2{font-size:12px;margin:0}.text-button{background:none;border:0;color:#46709c;font-size:10px}.request-item{display:block;width:100%;text-align:left;border:0;border-top:1px solid #e9eef4;background:#fff;padding:16px;color:#233d60}.request-item:hover,.request-item.selected{background:#eef4fc}.request-item.selected{box-shadow:inset 3px 0 #1b5b91}.request-item strong{display:block;font-size:12px}.request-role{display:block;font-size:10px;color:#8290a5;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 11px}.request-item small{font-size:9px;color:#8a96a9;float:right;margin-top:4px}.status{font-size:8px;border-radius:4px;padding:4px 7px}.status.pending{color:#92721c;background:#fff4cc}.status.approved{color:#287354;background:#def2e7}.status.rejected{color:#a44a3f;background:#fce7e3}.load-more{margin:15px}.admin-detail{min-width:0}.admin-detail>.preview-panel{position:static;margin-top:25px}.admin-detail .panel-title p{overflow-wrap:anywhere}.empty-state{padding:20px;font-size:11px;color:#8794a7}.empty-detail{background:#fff;border:1px dashed #d8e1ed;border-radius:12px;padding:80px 20px;text-align:center;color:#7b8fa9}.empty-detail>svg{width:40px;height:40px}.empty-detail h2{margin-top:18px}.empty-detail p{font-size:11px}.admin-actions{display:flex;flex-direction:column;gap:12px;margin-top:23px}.admin-actions p{font-size:11px;color:#896c27}.admin-actions details{border-top:1px solid #e7edf5;padding-top:18px;margin-top:6px}.admin-actions summary{font-size:11px;color:#a55248;cursor:pointer;margin-bottom:12px}.admin-actions .danger{margin-top:12px}.download-panel{background:#f0f7f3;padding:20px;border-radius:8px;margin-top:24px}.download-panel>strong{font-size:13px;color:#2a684d}.download-panel p{font-size:10px;color:#6a8275}.download-panel>div{display:flex;gap:12px;flex-wrap:wrap}.loading{text-align:center;padding:80px 10px;color:#8190a7}footer{max-width:1440px;margin:auto;padding:22px 32px;border-top:1px solid #e0e6f0;display:flex;justify-content:space-between;gap:16px;font-size:9px;color:#93a0b3}@media(min-width:1440px){.workspace{grid-template-columns:480px minmax(0,1fr)}}@media(max-width:1050px){.workspace{grid-template-columns:1fr;gap:25px}.preview-panel{position:static;grid-row:1}.card-stage{padding:24px 35px}.admin-workspace{grid-template-columns:240px minmax(0,1fr)}.intro h1{font-size:31px}}@media(max-width:640px){.header{padding:16px;min-height:90px;gap:12px;align-items:flex-start}.brand{gap:9px}.brand-symbol{width:38px;height:43px;border-radius:9px}.brand-symbol svg{width:26px;height:28px}.brand strong{font-size:20px}.brand small{font-size:8px;max-width:190px;display:block;line-height:1.5;margin-top:4px}.brand-country{font-size:9px}.admin-link{font-size:9px;padding:8px;max-width:105px;line-height:1.5;gap:5px}.admin-link svg{width:12px;height:12px}main{padding:30px 16px 45px}.intro h1{font-size:29px;letter-spacing:-1px}.intro p{font-size:12px}.desktop-break{display:none}.steps{gap:10px 18px;margin-bottom:24px;font-size:9px}.steps li{gap:6px}.steps li span{width:21px;height:21px}.form-panel{padding:20px}.panel-title{gap:10px}.panel-title p{font-size:9px}.field-grid{gap:16px 12px}.field{font-size:10px}input:not([type=range]),textarea{font-size:16px;padding:10px}.field small{font-size:8px}.field>span>small{display:block}.photo-content p{font-size:9px}.panel-heading{padding:18px 16px}.panel-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.live-indicator{font-size:8px}.card-stage{padding:20px 10px}.preview-note{padding:18px 16px}.preview-details{margin:0 16px;font-size:7px}.button{font-size:11px;padding:13px 14px}.admin-intro{align-items:flex-start}.admin-intro h1{font-size:25px}.admin-intro p{font-size:11px}.admin-workspace{grid-template-columns:1fr}.request-panel{max-height:400px;overflow-y:auto}.admin-intro .button{font-size:9px;max-width:100px}.login-panel{padding:28px 20px;margin:20px auto}.login-panel h1{font-size:25px}footer{padding:20px 16px;flex-direction:column;gap:5px;font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.photo-content input.sr-only{width:1px;height:1px;padding:0;border:0}.official-emblem{display:block;width:50px;height:auto;flex-shrink:0;object-fit:contain}.institutional-logo{display:block;width:100%;height:auto;max-width:440px;margin:0 auto 30px;object-fit:contain}@media(max-width:640px){.official-emblem{width:40px}.institutional-logo{margin-bottom:24px}}
