html,body,#root{width:100%;height:100%;margin:0;padding:0}#root{max-width:none}.logo{width:190px;height:auto;margin-bottom:0}html,body{width:100%;min-height:100%;overflow-x:hidden}body{color:#0d1282;background-color:#eeeded;background-image:radial-gradient(circle at 100% 0,#fff,#eeeded);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4}.home-container{flex-direction:column;width:100%;min-height:100vh;display:flex}header{color:#eeeded;text-align:center;background-image:linear-gradient(#151dad,#0a0a4ab3),url(/assets/Stacy-B3C3Nqcg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:8px solid #f0de36;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 20px;display:flex;position:relative;overflow:hidden}header:before{content:"";filter:blur(80px);background:#f0de3626;border-radius:50%;width:20vw;height:20vw;position:absolute;top:-10%;right:-5%}header h1{letter-spacing:-1px;color:#fff;text-shadow:2px 2px 4px #0000004d;margin-bottom:.5rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:800}header p{color:#eeeded;opacity:.9;max-width:50rem;margin-bottom:1.5rem;font-size:clamp(.9rem,1.2vw,1.2rem)}.LOGOS,.cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.LOGOS{margin-bottom:1rem}.cta-buttons{row-gap:.75rem}button{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:8px;padding:1.2vh 2vw;font-size:clamp(.7rem,.9vw,1rem);font-weight:700;transition:all .3s}header button{color:#0d1282;background:#f0de36;box-shadow:0 4px 15px #0003}header button:nth-child(2){color:#fff;background:#d71313}header button:hover{filter:brightness(1.1);transform:translateY(-3px)}section{z-index:10;grid-template-columns:repeat(3,1fr);gap:2vw;width:90%;max-width:1200px;margin:2vh auto;padding:0 20px;display:grid;position:relative}section div{text-align:center;background:#fff;border-top:5px solid #0d1282;border-radius:12px;padding:2vh;box-shadow:0 5px 15px #0000000d}section h3{color:#0d1282;margin-bottom:1vh;font-size:clamp(1rem,1.3vw,1.5rem)}section p{color:#555;font-size:clamp(.8rem,.9vw,1rem)}footer{text-align:center;color:#eeeded;background-color:#0d1282;border-top:4px solid #d71313;padding:1.5vh 20px}footer p{opacity:.8;font-size:.8rem}@media (width<=768px){.logo{width:150px}header{padding:1.5rem 16px}header h1{font-size:2rem}header p{max-width:100%}button{padding:.85rem 1.1rem}section{grid-template-columns:1fr;gap:12px;margin:12px auto}section div{padding:14px}}@media (width<=480px){.logo{width:120px}header h1{font-size:1.8rem}header p{font-size:.9rem}.cta-buttons{gap:.75rem}section{width:min(92%,1200px);padding:0 8px}}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.auth-container{z-index:1;background:#0f172a;justify-content:center;align-items:stretch;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden;width:100%!important;height:100%!important;margin:0!important;padding:0!important}.auth-split-wrapper{background:#fff;display:flex;overflow:hidden;border-radius:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}.auth-info-section{color:#eeeded;background:linear-gradient(165deg,#0d1282 0%,#06094d 100%);border-right:8px solid #f0de36;flex-direction:column;flex:3;justify-content:center;align-items:center;height:100%;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.auth-info-section:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#ffffff0d 1px,#0000 0);background-size:40px 40px;position:absolute;inset:0}.auth-info-section.register-theme{background:linear-gradient(165deg,#090d5c 0%,#030424 100%)}.info-content{z-index:1;flex-direction:column;align-items:center;max-width:100%;margin:0 auto;padding:20px;display:flex;position:relative}.LogoLoginContainer{margin-bottom:30px;transition:transform .4s}.LogoLoginContainer:hover{transform:scale(1.05)}.LogoLogin{filter:drop-shadow(0 20px 30px #0000004d);width:180px;height:auto}.info-content h1{color:#f0de36;text-align:center;letter-spacing:-.02em;margin-bottom:clamp(12px,2vh,24px);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.1}.info-content p{opacity:.85;text-align:center;max-width:90%;margin-bottom:clamp(20px,3vh,40px);font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:400;line-height:1.6}.info-graphic{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.info-graphic span{color:#f0de36;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f0de3614;border:1px solid #f0de364d;border-radius:10px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .3s}.info-graphic span:hover{background:#f0de3626;transform:translateY(-2px)}.auth-form-section{scrollbar-width:none;background-image:linear-gradient(90deg,#fff,#ccc);flex:7;justify-content:center;align-items:center;height:100%;margin:0;padding:0;display:flex;overflow-y:auto}.auth-form-section::-webkit-scrollbar{display:none}.auth-form-section>*{margin-top:auto;margin-bottom:auto}.auth-card{width:100%;max-width:440px;box-shadow:none;background:0 0;border-radius:0;padding:20px}.auth-card.wide{max-width:1200px}.auth-header{text-align:left;margin-bottom:32px}.auth-header h2{color:#0f172a;letter-spacing:-.02em;margin-bottom:12px;font-size:2.25rem;font-weight:800}.auth-header p{color:#64748b;font-size:1rem;line-height:1.5}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group label{color:#334155;margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;z-index:2;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.form-group input{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;width:100%;padding:14px 16px 14px 52px;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left!important}.form-group input:focus{border-color:#0d1282;outline:none;box-shadow:0 0 0 4px #0d12821a}.form-group input:focus+.input-icon,.input-with-icon:focus-within .input-icon{color:#0d1282}.input-hint{color:#94a3b8;margin-top:8px;font-size:.75rem;line-height:1.4;display:block}.error-inline{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:.875rem;font-weight:500;display:flex}.auth-submit{color:#f0de36;cursor:pointer;background:#0d1282;border:none;border-radius:16px;width:100%;margin-top:12px;padding:16px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #0d12824d}.auth-submit:hover{background:#0a0e66;transform:translateY(-2px);box-shadow:0 20px 25px -5px #0d128233}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}.auth-divider{text-align:center;margin:12px 0;position:relative}.auth-divider:before{content:"";background:#e2e8f0;height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{letter-spacing:.05em;text-transform:uppercase;padding:0 16px;font-size:.75rem;font-weight:600;position:relative}.google-auth-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.google-auth-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.auth-footer{text-align:center;color:#64748b;margin-top:32px;font-size:.9375rem}.auth-footer a{color:#0d1282;font-weight:700;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#06094d;text-decoration:underline}.back-btn{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:1000;background:#ffffff1a;border:1px solid #fff3;border-radius:14px;align-items:center;gap:10px;padding:12px 24px;font-size:.9375rem;font-weight:600;transition:all .3s;display:flex;position:fixed;top:32px;left:32px}.back-btn:hover{color:#0d1282;background:#f0de36;border-color:#f0de36;transform:translate(-4px)}@media (width>=1600px){.auth-card{max-width:500px}.LogoLogin{width:220px}}@media (width<=1200px){.auth-info-section{flex:4}.auth-form-section{flex:6}}@media (width<=900px){html,body,#root{height:auto;min-height:100%;overflow:hidden auto}.auth-split-wrapper{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.auth-container{min-height:100vh;position:relative;overflow:hidden auto;height:auto!important}.auth-info-section{border-bottom:6px solid #f0de36;border-right:none;flex:none;height:auto;min-height:35vh;padding:60px 24px;width:100%!important}.auth-form-section{flex:none;height:auto;min-height:65vh;padding:40px 0;overflow-y:visible;width:100%!important}.LogoLogin{width:150px}.auth-card{max-width:95%;padding:24px}.back-btn{padding:8px 16px;font-size:.8rem;top:16px;left:16px}}@media (width<=768px){html,body,#root{height:auto;min-height:100%;overflow:hidden auto}.auth-container{overflow-y:auto}.auth-split-wrapper{overflow-y:visible}}@media (height<=750px) and (width>=901px){.LogoLoginContainer{margin-bottom:16px}.LogoLogin{width:140px}.info-content h1{font-size:1.75rem}.auth-header{margin-bottom:20px}}.success-toast,.error-toast{z-index:9999;background:#fff;border-left:6px solid #22c55e;border-radius:16px;flex-direction:column;min-width:320px;padding:16px 24px;animation:.5s forwards slideIn;display:flex;position:fixed;top:24px;right:24px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.error-toast{border-left-color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.verify-card{max-width:800px!important}.verify-actions-row{gap:16px;margin-top:10px;display:flex}.verify-actions-row .auth-submit{flex:1.5;margin-top:0}.scan-trigger-btn{border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;height:54px;display:flex}.scanner-panel-wrapper{background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:24px;margin-top:32px;padding:24px;animation:.4s fadeIn}.scanner-frame{aspect-ratio:4/3;background:#000;border-radius:20px;width:100%;max-width:500px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 25px #0003}.scanner-video{object-fit:cover;width:100%;height:100%}.scanner-canvas{display:none}.scanner-overlay-grid{pointer-events:none;position:absolute;inset:0}.scan-corner{border:0 solid #f0de36;width:40px;height:40px;position:absolute}.scan-corner.tl{border-top-width:6px;border-left-width:6px;border-top-left-radius:12px;top:20px;left:20px}.scan-corner.tr{border-top-width:6px;border-right-width:6px;border-top-right-radius:12px;top:20px;right:20px}.scan-corner.bl{border-bottom-width:6px;border-left-width:6px;border-bottom-left-radius:12px;bottom:20px;left:20px}.scan-corner.br{border-bottom-width:6px;border-right-width:6px;border-bottom-right-radius:12px;bottom:20px;right:20px}.scanner-status-text{text-align:center;color:#64748b;margin-top:16px;font-size:.9rem;font-weight:600}.results-display-area{width:100%;margin-top:40px}.result-box-success{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:32px;animation:.5s cubic-bezier(.4,0,.2,1) slideUp;box-shadow:0 4px 6px -1px #0000000d}.success-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:20px;display:flex}.success-header h3{color:#0f172a;margin-bottom:4px;font-size:1.5rem;font-weight:800}.success-header code{color:#0d1282;background:#eef2ff;border-radius:6px;padding:4px 10px;font-size:.9rem;font-weight:700}.verification-details-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;display:grid}.detail-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.detail-item p{color:#334155;font-size:1rem;font-weight:700}.status-badge-valid{color:#166534;background:#dcfce7;border-radius:50px;padding:6px 14px;font-size:.8rem;font-weight:800;display:inline-flex}.preview-action-row{flex-direction:column;align-items:stretch;gap:24px;display:flex}.pdf-mini-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;width:100%;height:50vh;overflow:hidden}.pdf-mini-preview iframe{border:none;width:100%;height:100%}.action-buttons-stack{flex-direction:row;gap:12px;display:flex}.action-btn-link{color:#fff;background:#0d1282;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.action-btn-link:hover{background:#06094d;transform:translateY(-2px)}.action-btn-link.download{color:#0d1282;background:#fff;border:2px solid #0d1282}.action-btn-link.download:hover{background:#f8fafc}@media (width<=600px){.verification-details-grid{grid-template-columns:1fr}.preview-action-row,.verify-actions-row{flex-direction:column}.pdf-mini-preview{height:500px}.action-buttons-stack{flex-direction:column}}.result-box-error{text-align:center;background:#fff1f2;border:2px dashed #fecdd3;border-radius:24px;padding:40px;animation:.5s shake}.result-box-error h3{color:#991b1b;margin:16px 0 8px;font-weight:800}.result-box-error p{color:#b91c1c;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media (width<=600px){.verification-details-grid{grid-template-columns:1fr}.preview-action-row,.verify-actions-row{flex-direction:column}.pdf-mini-preview{height:250px}}.admin-container{background-color:#f8f9fa;width:100vw;height:100vh;display:flex;overflow:hidden}.mobile-menu-toggle,.mobile-menu-overlay{display:none}.admin-sidebar{color:#eeeded;background-color:#0d1282;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:2rem 1.5rem;display:flex;box-shadow:4px 0 15px #0000001a}.admin-sidebar h2{color:#f0de36;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #f0de364d;margin-bottom:2rem;padding-bottom:1rem;font-size:1.4rem;font-weight:800}.admin-nav{flex-direction:column;flex-grow:1;gap:.6rem;display:flex}.admin-nav-link{color:#eeededb3;cursor:pointer;width:100%;font-family:inherit;font-weight:600;font-size:inherit;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:.9rem;text-decoration:none;transition:all .3s;display:flex}.admin-nav-link:hover{color:#f0de36;background-color:#ffffff1a;transform:translate(5px)}.admin-nav-link.active{color:#0d1282;background-color:#f0de36;box-shadow:0 4px 12px #0003}.logout-btn{color:#fff;cursor:pointer;background-color:#d71313;border:none;border-radius:8px;padding:.7rem;font-weight:700;transition:all .3s}.admin-main{flex-grow:1;min-width:0;height:100vh;padding:2rem;overflow-y:auto}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-bottom:2rem;display:grid}.admin-stat-card{background:#fff;border-top:4px solid #0d1282;border-radius:12px;padding:1.5rem;transition:transform .3s;box-shadow:0 5px 15px #0000000d}.admin-stat-card:hover{transform:translateY(-4px)}.admin-stat-card:nth-child(2n){border-top-color:#f0de36}.admin-stat-card:nth-child(3n){border-top-color:#d71313}.admin-stat-card h3{color:#0d1282;margin:0;font-size:1.8rem;font-weight:800}.admin-stat-card p{color:#64748b;text-transform:uppercase;margin-top:5px;font-size:.75rem;font-weight:600}.admin-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:15px;margin-bottom:1.5rem;padding:1.5rem;display:flex;box-shadow:0 8px 25px #0000000a}.admin-table-container h3{color:#0d1282;border-left:4px solid #f0de36;padding-left:10px;font-size:1.1rem;font-weight:700}.analytics-stats-grid{margin-bottom:2rem}.analytics-chart-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 2px 8px #00000014}.analytics-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.analytics-chart-title{align-items:center;gap:10px;display:flex}.analytics-chart-title h3{margin:0}.analytics-chart-filter{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.analytics-chart-subtitle{color:#64748b;margin:0;font-size:.85rem;font-weight:600}.analytics-year-select{color:#0d1282;min-width:140px;height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #0d1282;border-radius:8px;padding:0 12px;font-weight:700}.analytics-year-select:focus{border-color:#f0de36;outline:none;box-shadow:0 0 0 3px #f0de362e}.analytics-pie-card{gap:1rem}.analytics-pie-chart{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;min-height:330px;padding:18px 6px 12px;display:flex}.analytics-pie-ring{transform-origin:50%;will-change:transform, opacity;border-radius:50%;place-items:center;width:300px;height:300px;animation:.8s cubic-bezier(.2,.8,.2,1) both pieContainerPop,12s linear .8s infinite pieOrbit;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0d128214,0 14px 36px #0f172a1f}.analytics-pie-surface,.analytics-pie-highlight{border-radius:inherit;position:absolute;inset:0}.analytics-pie-surface{background:conic-gradient(from 0deg, #10b981 0% var(--pie-share), #d71313 var(--pie-share) 100%);animation:1.1s cubic-bezier(.2,.8,.2,1) both pieFillIn}.analytics-pie-highlight{background:conic-gradient(from 0deg, transparent 0 72%, #ffffff7a 76%, transparent 82% 100%);mix-blend-mode:screen;opacity:.7;animation:3.6s linear 1.1s infinite pieSweep;inset:-10px}.analytics-pie-hole{text-align:center;z-index:1;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;display:flex;box-shadow:0 0 0 14px #ffffffd1,0 0 0 26px #0d12820a}.analytics-pie-hole strong{color:#0d1282;font-size:2rem;line-height:1}.analytics-pie-hole span{letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-top:6px;font-size:.78rem;font-weight:700}.analytics-pie-legend{flex-direction:column;gap:8px;min-width:180px;margin-left:-4px;display:flex}.analytics-pie-legend-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;animation:.7s both legendRise;display:flex}.analytics-pie-legend-item:nth-child(2){animation-delay:.12s}.analytics-pie-legend-item strong{color:#0f172a;font-size:.95rem;display:block}.analytics-pie-legend-item p{color:#64748b;margin:2px 0 0;font-size:.85rem;font-weight:600}.analytics-pie-dot{border-radius:999px;flex-shrink:0;width:12px;height:12px}.analytics-pie-dot.valid{background:#10b981}.analytics-pie-dot.invalid{background:#d71313}@keyframes pieFillIn{0%{opacity:0;transform:rotate(-90deg)scale(.84)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes pieSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pieOrbit{0%,to{filter:saturate()brightness()}50%{filter:saturate(1.08)brightness(1.04)}}.analytics-chart-shell{background:#fff;border:1px solid #e0e0e0;border-radius:8px;height:380px;padding:30px 20px 20px;position:relative;overflow:hidden}.analytics-chart-grid{pointer-events:none;grid-template-rows:repeat(4,1fr);display:grid;position:absolute;inset:30px 20px 50px}.analytics-chart-grid span{border-top:1px solid #ddd}.analytics-bar-chart{z-index:1;align-items:stretch;height:100%;padding:14px 8px 6px;display:flex;position:relative}.analytics-bar-chart-grid{pointer-events:none;grid-template-rows:repeat(4,1fr);display:grid;position:absolute;inset:30px 20px 50px}.analytics-bar-chart-grid span{border-top:1px solid #ddd}.analytics-bar-chart-bars{z-index:1;grid-template-columns:repeat(auto-fit,minmax(45px,1fr));align-items:end;gap:4px;width:100%;height:280px;display:grid;position:relative}.analytics-bar-item{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-width:0;height:100%;animation:.65s both barRise;display:flex}.analytics-bar-value{color:#333;min-height:18px;font-size:.75rem;font-weight:700}.analytics-bar-track{background:0 0;border:none;border-radius:4px 4px 0 0;justify-content:center;align-items:end;width:100%;height:100%;padding:0;display:flex;position:relative}.analytics-bar-fill{width:100%;box-shadow:none;transform-origin:bottom;background:#0d1282;border-radius:3px 3px 0 0;min-height:4px;transition:height .35s;animation:.85s cubic-bezier(.2,.8,.2,1) both barGrow}.analytics-bar-item:first-child .analytics-bar-fill{background:#0d1282}.analytics-bar-item:nth-child(2) .analytics-bar-fill{background:#ff9d00}.analytics-bar-item:nth-child(3) .analytics-bar-fill{background:#e63946}.analytics-bar-item:nth-child(4) .analytics-bar-fill{background:#8f9ba8}.analytics-bar-item:nth-child(5) .analytics-bar-fill{background:#3a9fd8}.analytics-bar-item:nth-child(6) .analytics-bar-fill{background:#2d8b6f}.analytics-bar-item:nth-child(2){animation-delay:50ms}.analytics-bar-item:nth-child(3){animation-delay:.1s}.analytics-bar-item:nth-child(4){animation-delay:.15s}.analytics-bar-item:nth-child(5){animation-delay:.2s}.analytics-bar-item:nth-child(6){animation-delay:.25s}.analytics-bar-item:nth-child(7){animation-delay:.3s}.analytics-bar-item:nth-child(8){animation-delay:.35s}.analytics-bar-item:nth-child(9){animation-delay:.4s}.analytics-bar-item:nth-child(10){animation-delay:.45s}.analytics-bar-item:nth-child(11){animation-delay:.5s}.analytics-bar-item:nth-child(12){animation-delay:.55s}.analytics-bar-label{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.analytics-bar-label span{color:#333;text-transform:uppercase;letter-spacing:.02em;font-size:.7rem;font-weight:700}.analytics-bar-label small{color:#666;font-size:.65rem;font-weight:600}.analytics-chart-legend,.analytics-chart{display:none}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:center;color:#0d1282;background:#f8fafc;border-bottom:2px solid #eeeded;padding:10px;font-size:.75rem;font-weight:700}.admin-table td{color:#334155;text-align:center;border-bottom:1px solid #f1f5f9;padding:10px;font-size:.85rem}.edit-input{border:1px solid #0d1282;border-radius:4px;width:90%;padding:5px;font-size:.8rem}.edit-input:focus{background-color:#fffdf0;border-color:#f0de36;outline:none}.recent-issuance-header{flex-wrap:wrap;align-items:flex-start;gap:14px}.table-title-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.table-title-group h3{margin:0}.recent-issuance-actions{background:linear-gradient(#0d12820a,#fffffffa);border:1px solid #0d128214;border-radius:16px;align-items:center;gap:8px;padding:6px 8px;display:flex;box-shadow:0 10px 24px #0d128214}.action-buttons{box-shadow:none;background:0 0;border:none}.icon-action-btn{color:#0d1282;cursor:pointer;background:#fff;border:1px solid #000;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .18s,box-shadow .18s,background-color .18s,color .18s,border-color .18s;display:inline-flex;box-shadow:0 8px 16px #0d128214}.icon-action-btn:hover:not(:disabled){background:#f8fafc;transform:translateY(-1px);box-shadow:0 12px 22px #0d128224}.icon-action-btn:focus-visible{outline-offset:2px;outline:3px solid #f0de3659}.icon-action-btn:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.icon-action-btn-primary{color:#fff;background:#fff;border-color:#000}.icon-action-btn-primary:hover:not(:disabled){background:#fff;border-color:#000}.icon-action-btn-danger{color:#fff;background:#fff;border-color:#0a0000}.icon-action-btn-danger:hover:not(:disabled){background:#fff;border-color:#130101}.issuance-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.issuance-filter{width:150px}.issuance-search{width:220px}.active-issuance-row td{background:#0d12820a}.active-issuance-row td:first-child{box-shadow:inset 3px 0 #f0de36}.action-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.action-buttons-collapse{opacity:0;pointer-events:none;max-height:0;padding:0;transition:max-height .3s,opacity .24s,transform .24s,padding .24s;display:block;position:relative;overflow:hidden;transform:translateY(-6px)}.action-buttons-collapse.revealed{opacity:1;pointer-events:auto;max-height:220px;padding:8px 0;transform:translateY(0)}.action-buttons-collapse .action-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fffffffa,#f8fafcf2);border:1px solid #0d128214;border-radius:14px;grid-template-columns:repeat(2,minmax(110px,1fr));gap:8px;width:100%;padding:10px;display:grid;box-shadow:0 14px 30px #0f172a1f}.action-buttons-collapse .action-buttons>*{white-space:nowrap;justify-self:stretch;width:100%;min-width:0}.action-buttons-collapse .action-buttons>.edit-btn,.action-buttons-collapse .action-buttons>.save-btn,.action-buttons-collapse .action-buttons>.cancel-btn,.action-buttons-collapse .action-buttons>.delete-btn,.action-buttons-collapse .action-buttons>.view-file-btn,.action-buttons-collapse .action-buttons>.assign-btn{min-width:0}.edit-btn,.save-btn,.cancel-btn,.delete-btn,.view-file-btn,.assign-btn,.delete-btn-sm,.logout-btn,.pagination-btn{cursor:pointer;text-transform:uppercase;color:#0d1282;isolation:isolate;background:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-width:72px;height:36px;padding:6px 12px;font-size:.85rem;font-weight:700;transition:background-color .18s,color .18s,transform .18s,box-shadow .18s,border-color .18s;display:inline-flex;position:relative;box-shadow:0 8px 18px #0d128214}.edit-btn:hover,.save-btn:hover,.cancel-btn:hover,.delete-btn:hover,.view-file-btn:hover,.assign-btn:hover,.delete-btn-sm:hover,.logout-btn:hover,.pagination-btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px #0d128224}.edit-btn:active,.save-btn:active,.cancel-btn:active,.delete-btn:active,.view-file-btn:active,.assign-btn:active,.delete-btn-sm:active,.logout-btn:active,.pagination-btn:active{transform:translateY(0);box-shadow:0 6px 12px #0d128214}.edit-btn:focus-visible,.save-btn:focus-visible,.cancel-btn:focus-visible,.delete-btn:focus-visible,.view-file-btn:focus-visible,.assign-btn:focus-visible,.delete-btn-sm:focus-visible,.logout-btn:focus-visible,.pagination-btn:focus-visible{outline-offset:2px;outline:3px solid #f0de3659}.assign-btn{color:#fff;background:#0d1282;border-color:#0d1282}.assign-btn:hover{background:#0b0f6b;border-color:#0b0f6b}.save-btn{color:#fff;background:#10b981;border-color:#10b981;font-size:.65rem}.save-btn:hover{background:#0ea06b;border-color:#0ea06b}.cancel-btn{color:#fff;background:#d71313;border-color:#d71313}.cancel-btn:hover{background:#b00f0f;border-color:#b00f0f}.delete-btn{color:#d71313;background:0 0;border-color:#d71313}.delete-btn:hover{color:#fff;background:#d71313;border-color:#d71313}.edit-btn,.view-file-btn{color:#0d1282;background:0 0;border-color:#0d1282}.edit-btn:hover,.view-file-btn:hover{color:#eeeded;background:#0d1282;border-color:#0d1282}.delete-btn-sm{color:#d71313;background:#fff;border:1px solid #d71313;border-radius:6px;width:100%;padding:8px 10px;font-weight:700}.delete-btn-sm:hover{color:#fff;background:#d71313;border-color:#d71313}.edit-btn-sm{color:#0d1282;cursor:pointer;background:#fff;border:1px solid #0d1282;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:8px 10px;font-size:.85rem;font-weight:700;transition:background-color .18s,color .18s,transform .18s,border-color .18s;display:inline-flex}.edit-btn-sm:hover{color:#fff;background:#0d1282;border-color:#0d1282}.badge{border-radius:5px;padding:4px 8px;font-size:.65rem;font-weight:800}.badge.valid{color:#10b981;background:#10b9811a}.badge.invalid{color:#d71313;background:#d713131a}.table-responsive{width:100%;overflow-x:auto}.pagination-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.admin-stats-grid{padding-top:10px}.admin-stat-card{text-align:center}.pagination-summary,.pagination-page-indicator{color:#64748b;margin:5px;font-size:.82rem;font-weight:700}.pagination-buttons{flex-wrap:wrap;align-items:center;gap:8px;margin:5px;display:flex}.pagination-btn:disabled{cursor:not-allowed;opacity:.45}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0206179e;justify-content:center;align-items:center;animation:.18s ease-out both modalFadeIn;display:flex;position:fixed;inset:0}.modal-content{text-align:left;transform-origin:50%;background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #0d128214;border-radius:20px;width:min(92vw,440px);padding:26px 24px 22px;animation:.22s cubic-bezier(.2,.8,.2,1) both modalPopIn;box-shadow:0 24px 60px #02061747}.modal-content.assign-modal{background:linear-gradient(#f8fbfffc,#eef2fffc);border-top:5px solid #0d1282}.modal-content.reissue-modal{background:linear-gradient(#fffde7fc,#fff8c4fc);border-top:5px solid #f0de36}.modal-content h2{letter-spacing:-.02em;margin:0 0 10px;font-size:1.45rem;font-weight:800}.modal-content.assign-modal h2{color:#0d1282}.modal-content.reissue-modal h2{color:#a16207}.modal-content p{color:#64748b;margin:0;font-size:.95rem;line-height:1.5}.modal-content .edit-input{color:#0f172a;background:#fff;border:1.5px solid #dbe3f0;border-radius:12px;width:100%;min-height:44px;padding:10px 12px;font-size:.95rem;transition:border-color .2s,box-shadow .2s,transform .2s}.modal-content .edit-input:focus{transform:translateY(-1px)}.modal-content.assign-modal .edit-input:focus{border-color:#0d1282;box-shadow:0 0 0 4px #0d12821a}.modal-content.reissue-modal .edit-input:focus{border-color:#f0de36;box-shadow:0 0 0 4px #f0de362e}.modal-content .cancel-btn,.modal-content .save-btn{letter-spacing:.01em;text-transform:none;border-radius:12px;min-width:132px;height:42px;padding:0 18px;font-family:inherit;font-size:.92rem;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s,background-color .18s,border-color .18s,color .18s;box-shadow:0 10px 18px #0d128214}.modal-content.assign-modal .save-btn{color:#fff;background:linear-gradient(135deg,#0d1282,#1d4ed8);border-color:#0d1282}.modal-content.assign-modal .save-btn:hover{background:linear-gradient(135deg,#0b0f6b,#1e40af);border-color:#0b0f6b}.modal-content.assign-modal .cancel-btn{color:#0f172a;background:#fff;border-color:#cbd5e1}.modal-content.assign-modal .cancel-btn:hover{color:#0d1282;background:#f8fafc;border-color:#94a3b8}.modal-content.reissue-modal .save-btn{color:#0f172a;background:linear-gradient(135deg,#f0de36,#f59e0b);border-color:#d4a90f}.modal-content.reissue-modal .save-btn:hover{background:linear-gradient(135deg,#e0ca26,#d97706);border-color:#c99a08}.modal-content.reissue-modal .cancel-btn{color:#92400e;background:#fff;border-color:#fde68a}.modal-content.reissue-modal .cancel-btn:hover{color:#a16207;background:#fffbeb;border-color:#f59e0b}.modal-content .cancel-btn:hover,.modal-content .save-btn:hover{filter:saturate(1.05);transform:translateY(-2px)scale(1.01);box-shadow:0 16px 28px #0d128229}.modal-content .cancel-btn:active,.modal-content .save-btn:active{transform:translateY(0)scale(.99)}.modal-content .cancel-btn:focus-visible,.modal-content .save-btn:focus-visible{outline-offset:2px;outline:3px solid #f0de3659}.modal-content .save-btn,.modal-content .cancel-btn{font-size:.92rem}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.preview-card{background:#fff;border-radius:12px;padding:15px;position:relative}.full-template-img{object-fit:contain;max-width:90vw;max-height:80vh;display:block}.close-preview-x{color:#fff;cursor:pointer;background:#d71313;border:none;border-radius:50%;width:30px;height:30px;font-size:1.2rem;position:absolute;top:-10px;right:-10px}.loading-screen{color:#0d1282;background:#f4f7fe;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;font-weight:800;display:flex}@media (width<=768px){.admin-container{flex-direction:column;width:100%;height:auto;min-height:100vh;overflow-x:hidden}.mobile-menu-toggle{z-index:1200;width:44px;height:44px;box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;gap:4px;padding:10px;display:flex;position:fixed;top:16px;right:16px}.mobile-menu-toggle span{background:#fff;border-radius:999px;width:100%;height:2px;display:block}.mobile-menu-overlay{z-index:900;background:#00000059;display:block;position:fixed;inset:0}.admin-sidebar{z-index:1000;width:min(280px,82vw);height:100vh;min-height:100vh;padding:1rem;transition:transform .25s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 15px #0000001a}.admin-sidebar.open{transform:translate(0)}.admin-sidebar h2{margin-bottom:1rem;padding-bottom:.75rem;font-size:1.2rem}.admin-nav{flex-direction:column;gap:.5rem;margin-bottom:1rem}.admin-nav-link{padding:.8rem .9rem}.logout-btn{width:100%}.admin-main{height:auto;min-height:0;padding:1rem}}@media (width<=1024px){.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.analytics-chart-card{padding:1.5rem}.analytics-chart-shell{height:300px}.analytics-bar-chart-bars{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:12px}.analytics-bar-track{min-height:160px}.table-header{flex-direction:column;align-items:flex-start;gap:10px}.table-search-input{width:100%;max-width:320px}.issuance-toolbar{justify-content:flex-start;width:100%;margin-left:0}}@media (width<=768px){.admin-container{width:100%;overflow-x:hidden}.admin-main{min-width:0;height:auto;padding:1rem}.admin-stats-grid{grid-template-columns:1fr}.admin-table-container{padding:1rem}.recent-issuance-header{align-items:stretch}.table-title-group,.issuance-toolbar{width:100%}.recent-issuance-actions{justify-content:space-between;width:100%;padding:8px}.icon-action-btn{flex:1}.analytics-chart-header{align-items:flex-start}.analytics-pie-chart{min-height:360px}.analytics-pie-ring{width:260px;height:260px}.analytics-pie-legend{min-width:170px}.analytics-chart-filter{justify-content:space-between;width:100%}.analytics-chart-subtitle{width:100%}.analytics-year-select{width:160px;min-width:0}.analytics-chart-shell{height:280px;padding:16px 14px 10px;overflow:auto hidden}.analytics-bar-chart{min-width:100%;padding:10px 4px 4px}.analytics-bar-chart-bars{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:10px;min-width:620px}.analytics-bar-item{gap:8px}.analytics-bar-value{font-size:.8rem}.analytics-bar-track{min-height:150px;padding:8px 6px 0}.analytics-bar-fill{max-width:56px}.analytics-bar-label span{font-size:.68rem}.analytics-bar-label small{font-size:.65rem}.action-buttons{flex-wrap:wrap}.action-buttons-collapse .action-buttons{grid-template-columns:1fr}.modal-content{width:min(300px,100vw - 32px)}.preview-card{max-width:calc(100vw - 24px)}.delete-success-toast{max-width:none;left:20px;right:20px}.pagination-controls{flex-direction:column;align-items:stretch}.pagination-buttons{justify-content:space-between;width:100%;margin:5px}.pagination-summary,.pagination-page-indicator{text-align:center;width:100%}.pagination-btn{flex:1;min-width:0}}@media (width<=600px){.admin-main{height:auto;min-height:0;padding:1rem}.admin-table th,.admin-table td{padding:8px 6px}.admin-stat-card{padding:1.2rem}.admin-table-container h3{font-size:1rem}.table-search-input{max-width:100%}.issuance-filter,.issuance-search{width:100%}.analytics-chart-card{padding:1rem}.analytics-pie-chart{gap:1rem}.analytics-pie-ring{width:230px;height:230px}.analytics-pie-hole{width:136px;height:136px}.analytics-pie-legend{width:100%;min-width:0}.analytics-chart-filter{flex-direction:column;align-items:stretch;gap:8px}.analytics-year-select{width:100%}.analytics-chart-shell{height:260px;padding:14px 12px 8px}.analytics-bar-chart-bars{gap:8px;min-width:540px}.analytics-bar-track{min-height:138px}.analytics-bar-value{min-height:18px}.pagination-controls{gap:10px}.pagination-buttons{flex-direction:column}.pagination-btn{width:100%;padding:10px 12px}.pagination-summary,.pagination-page-indicator{font-size:.8rem;line-height:1.35}}.delete-success-toast{color:#278103;z-index:10001;background-color:#fff;border-left:5px solid #f0de36;border-radius:8px;align-items:center;gap:12px;padding:12px 24px;animation:.4s ease-out slideInRight;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 10px 25px #2524244d}.delete-success-toast .toast-icon{font-size:1.2rem}.delete-success-toast p{margin:0;font-size:.9rem;font-weight:700}.table-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.table-search-input{border:1px solid #ccc;border-radius:6px;width:200px;padding:6px 10px;font-size:.85rem;transition:all .2s}.table-search-input:focus{border-color:#0d1282;outline:none;box-shadow:0 0 5px #0d12824d}.template-card:hover{transform:translateY(-5px)}.template-preview1{cursor:crosshair;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;width:auto;height:10.1rem;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.template-preview1 img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.template-info h4{color:#333;margin-bottom:10px;font-size:.9rem}.masked-pass{color:#bbb;letter-spacing:2px;font-size:.8rem}.modal-content .modal-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.edit-input{text-align:center}@keyframes pieContainerPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pieStrokeDraw{0%{stroke-dashoffset:var(--circumference);opacity:.55}to{stroke-dashoffset:var(--target-offset);opacity:1}}@keyframes legendRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes barRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrow{0%{opacity:.55;transform:scaleY(.25)}to{opacity:1;transform:scaleY(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes dropdownFloat{0%{opacity:.6;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding:1rem 0;display:grid}.template-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 6px #0000000d}.template-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.template-preview{background:#f1f5f9;width:100%;height:150px}.template-preview img{object-fit:cover;width:100%;height:100%}.template-info{text-align:center;padding:1rem}.template-info h4{color:#0d1282;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.8rem;font-size:.95rem;overflow:hidden}.no-data{text-align:center;color:#64748b;padding:2rem;font-style:italic}.overview-panel{background:linear-gradient(#fffc,#f8fafce6);border:1px solid #0d12820a;border-radius:12px;margin-bottom:1rem;overflow:visible;box-shadow:0 6px 18px #0d128208}.overview-panel .panel-summary{cursor:pointer;color:#0d1282;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-weight:800;list-style:none;display:flex}.overview-panel[open] .panel-summary{border-bottom:1px solid #0d12820a}.overview-panel .panel-body{padding:12px 16px 18px}.stat-icon{background:#0d12820a;border-radius:10px;place-items:center;width:42px;height:42px;margin-bottom:8px;display:inline-grid}.stat-number{color:#0d1282;margin:0;font-size:1.6rem}.admin-table tbody tr:hover .action-buttons-collapse{opacity:1;pointer-events:auto;max-height:200px;padding:8px 0;display:block;transform:translateY(0)}.admin-table tbody tr .action-buttons-collapse{transition:max-height .28s,opacity .22s,transform .22s}.admin-table tbody tr .action-buttons-collapse .action-buttons{transform-origin:top}.admin-table tbody tr:hover .action-buttons-collapse .action-buttons{animation:.28s both dropdownFloat}.admin-stat-card{position:relative}.admin-stat-card:hover:after{content:attr(title);white-space:nowrap;padding:6px 8px;font-size:.8rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-8px)}.upload-details{background:#f1f5f9;padding:1rem}.details-content{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.upload-stats{gap:20px;margin-top:10px;display:flex}.upload-stats p{color:#334155;margin:0;font-size:.95rem}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#f8f9fa;height:100%;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}.student-container{background-color:#f8f9fa;width:100vw;height:100vh;display:flex;overflow:hidden}.student-sidebar{color:#eeeded;z-index:1000;background-color:#0d1282;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:2rem 1.5rem;display:flex;box-shadow:4px 0 15px #0000001a}.student-sidebar h2{color:#f0de36;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #f0de364d;margin-bottom:2rem;padding-bottom:1rem;font-size:1.4rem;font-weight:800}.sidebar-logo-container{border-bottom:2px solid #f0de364d;justify-content:center;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.sidebar-logo{object-fit:contain;max-width:100%;height:60px}.student-nav{flex-direction:column;flex-grow:1;gap:.6rem;display:flex}.student-nav-link{color:#eeededb3;cursor:pointer;width:100%;font-family:inherit;font-weight:600;font-size:inherit;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:.9rem;text-decoration:none;transition:all .3s;display:flex}.student-nav-link:hover{color:#f0de36;background-color:#ffffff1a;transform:translate(5px)}.student-nav-link.active{color:#0d1282;background-color:#f0de36;box-shadow:0 4px 12px #0003}.logout-btn{color:#fff;cursor:pointer;background-color:#d71313;border:none;border-radius:8px;align-items:center;gap:12px;padding:.7rem;font-weight:700;transition:all .3s;display:flex}.logout-btn:hover{background-color:#b00f0f}.student-main{background-color:#f8f9fa;flex-grow:1;min-width:0;height:100vh;padding:2rem;overflow-y:auto}.student-content{max-width:1200px;margin:0 auto}.student-header{margin-bottom:1.5rem}.student-header h1{color:#fff;margin-bottom:5px;font-size:2.2rem;font-weight:800}.student-header p{color:#fff;font-size:1.1rem}.student-certs-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem;display:block;box-shadow:0 4px 6px -1px #0000001a}.section-title{color:#0d1282;border-left:4px solid #f0de36;margin-bottom:1rem;padding-left:10px;font-size:1.5rem;font-weight:900}.certs-grid{flex-flow:wrap;justify-content:flex-start;gap:1.5rem;width:100%;margin-top:.25rem;display:flex}.cert-badge-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;width:280px;padding:2rem 1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.cert-badge-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0d1282,#f0de36,#0d1282);width:100%;height:6px;transition:opacity .3s;position:absolute;top:0;left:0}.cert-badge-card:hover{border-color:#0d1282;transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.cert-badge-card:hover:before{opacity:1}.badge-preview-container{cursor:pointer;justify-content:center;align-items:center;width:150px;height:150px;margin-bottom:1.5rem;display:flex;position:relative}.badge-outer-ring{background:linear-gradient(135deg,#1e293b 0%,#0d1282 50%,#1e293b 100%);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:relative;box-shadow:0 10px 25px #0d128240,inset 0 4px 6px #fff3,inset 0 -4px 6px #0000004d}.badge-outer-ring:after{content:"";opacity:.8;border:2px solid #f0de36;border-radius:50%;position:absolute;inset:2px;box-shadow:0 0 10px #f0de364d}.badge-inner-circle{z-index:1;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #0000001a}.badge-inner-circle:before{content:"";z-index:2;background:linear-gradient(45deg,#0000 0%,#ffffff1a 45%,#ffffff80 50%,#ffffff1a 55%,#0000 100%);width:200%;height:200%;animation:4s infinite shimmer;position:absolute;top:-50%;left:-50%;transform:rotate(-45deg)}@keyframes shimmer{0%{transform:translate(-100%)rotate(-45deg)}20%{transform:translate(100%)rotate(-45deg)}to{transform:translate(100%)rotate(-45deg)}}.badge-logo{object-fit:contain;width:75%;height:auto;transition:transform .3s}.cert-badge-card:hover .badge-logo{transform:scale(1.1)}.badge-status-ribbon{color:#0d1282;text-transform:uppercase;letter-spacing:1px;z-index:5;background:#f0de36;border:2px solid #fff;border-radius:30px;padding:5px 16px;font-size:.7rem;font-weight:800;position:absolute;bottom:-5px;box-shadow:0 4px 10px #0003}.status-text.active{color:#0d1282}.status-text.expired{color:#fff;background:#ef4444}.cert-info{width:100%;margin-top:.5rem}.cert-info h4{color:#1e293b;margin-bottom:.6rem;font-size:1.1rem;font-weight:800;line-height:1.2}.cert-id-text{color:#64748b;background:#f1f5f9;border-radius:6px;margin-bottom:.5rem;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;display:inline-block}.cert-date{color:#94a3b8;font-size:.75rem;font-weight:600}.cert-actions{gap:10px;width:100%;margin-top:1.5rem;display:flex}.btn-preview-small,.btn-download-small{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;flex:1;padding:10px 5px;font-size:.75rem;font-weight:700;transition:all .2s}.btn-preview-small{color:#0d1282;background:#f8fafc;border:1.5px solid #0d1282}.btn-preview-small:hover{color:#fff;background:#0d1282}.btn-download-small{color:#fff;background:#10b981;border:none;box-shadow:0 4px 6px -1px #10b9814d}.btn-download-small:hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 10px -1px #10b98166}.hover-overlay{opacity:0;z-index:10;color:#fff;text-transform:uppercase;pointer-events:none;background:#0d12821a;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;transition:opacity .3s;display:flex;position:absolute;inset:0}.badge-preview-container:hover .hover-overlay{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d128299}.pagination-controls{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.pagination-summary,.pagination-page-indicator{color:#64748b;font-size:.82rem;font-weight:700}.pagination-btn{color:#0d1282;cursor:pointer;background:#fff;border:1px solid #0d1282;border-radius:8px;padding:8px 12px;font-weight:700;transition:all .2s}.pagination-btn:hover:not(:disabled){color:#fff;background:#0d1282}@media (width<=768px){.student-container{flex-direction:column;height:auto;overflow-y:auto}.student-sidebar{width:280px;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.student-sidebar.open{transform:translate(0)}.mobile-menu-toggle{z-index:1100;background:#0d1282;border:none;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex;position:fixed;top:1rem;right:1rem}.mobile-menu-toggle span{background:#fff;width:20px;height:2px;display:block}.student-main{height:auto;padding:1rem;overflow-y:visible}.certs-grid{flex-direction:column;align-items:center;gap:1.5rem}.cert-badge-card{width:100%;max-width:320px}.pagination-controls{text-align:center;flex-direction:column;gap:1rem}}.preview-overlay{z-index:9999;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preview-card{background:#fff;border-radius:12px;width:90%;height:90%;position:relative;overflow:hidden}.close-preview-x{color:#fff;cursor:pointer;z-index:10000;background:#d71313;border:none;border-radius:50%;width:32px;height:32px;position:absolute;top:10px;right:10px}.preview-frame{border:none;width:100%;height:100%}.template-editor{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin-top:32px;padding:24px}.placeholder-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.tool-chip{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:8px 18px;font-size:.875rem;font-weight:600;transition:all .2s}.tool-chip:hover{color:#0d1282;border-color:#0d1282}.tool-chip.active{color:#fff;background:#0d1282;border-color:#0d1282}.editor-hint{color:#64748b;font-size:.9375rem}.marker-controls{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:24px 0;padding:20px;display:grid}.marker-controls label{color:#475569;text-transform:uppercase;letter-spacing:.025em;flex-direction:column;gap:8px;font-size:.8125rem;font-weight:700;display:flex}.marker-controls input[type=range]{width:100%}.template-preview{cursor:crosshair;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;width:auto;height:auto;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.template-preview img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.template-marker{cursor:move;z-index:10;background:#ffffffe6;border:2px solid #0d1282;border-radius:6px;align-items:center;padding:4px 12px;font-weight:700;transition:box-shadow .2s;display:flex;position:absolute;box-shadow:0 4px 6px -1px #0000001a}.template-marker:hover{box-shadow:0 10px 15px -3px #0000001a}.template-marker.qr-marker{white-space:normal;border-style:dashed;border-radius:10px;place-items:center;padding:0;font-weight:700;line-height:1;display:grid;overflow:hidden}.marker-list{margin-top:24px}.marker-empty{text-align:center;color:#64748b;background:#fff;border:2px dashed #e2e8f0;border-radius:16px;padding:32px;font-size:.875rem}.marker-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:transform .2s;display:flex}.marker-row:hover{transform:translate(4px)}.marker-row span:first-child{color:#0f172a;font-weight:700}.marker-row span:nth-child(2){color:#64748b;font-family:monospace;font-size:.8125rem}.marker-row button{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.marker-row button:hover{background:#fee2e2}@media (width<=640px){.marker-controls{grid-template-columns:1fr}}.drop-zone{text-align:center;cursor:pointer;background:#0d128205;border:2px dashed #0d1282;border-radius:20px;margin-bottom:25px;padding:60px 20px;transition:all .3s}.drop-zone:hover{background:#0d12820d;border-color:#0d1282}.drop-zone-label p{color:#64748b;margin-top:12px;font-weight:500}.drop-zone-label strong{color:#0d1282;word-break:break-all}.csv-status{color:#0d1282;text-align:center;margin:6px 0 18px;font-weight:700}.preview-editor{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin-top:32px;padding:24px}.preview-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.preview-header-row h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.preview-header-row span{color:#fff;background:#0d1282;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.warning-box{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-bottom:20px;padding:16px}.warning-box strong{color:#92400e;font-size:.9rem}.warning-box p{color:#b45309;margin:4px 0 0 26px;font-size:.85rem}.table-scroll{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;overflow-x:auto;box-shadow:0 4px 6px -1px #0000000d}.preview-table{border-collapse:collapse;width:100%;min-width:800px}.preview-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f1f5f9;border-bottom:1.5px solid #e2e8f0;padding:14px 16px;font-size:.75rem;font-weight:700}.preview-table td{border-bottom:1px solid #f1f5f9;padding:12px 16px}.preview-table td input{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px;font-size:.875rem;transition:all .2s}.preview-table td input:focus{background:#f8fafc;border-color:#0d1282;outline:none}.btn-danger{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;padding:8px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.btn-danger:hover{background:#fee2e2}.btn-add-row{color:#0d1282;cursor:pointer;background:#fff;border:1.5px solid #0d1282;border-radius:12px;padding:10px 20px;font-size:.875rem;font-weight:700;transition:all .2s}.btn-add-row:hover{background:#f0f4ff}.pagination-controls{justify-content:space-between;align-items:center;margin-top:20px;padding:0 4px;display:flex}.pagination-summary{color:#64748b;font-size:.875rem;font-weight:500}.pagination-buttons{align-items:center;gap:12px;display:flex}.pagination-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s}.pagination-btn:hover:not(:disabled){color:#0d1282;border-color:#0d1282}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page-indicator{color:#0f172a;font-size:.875rem;font-weight:600}@media (width<=768px){.preview-header-row{flex-direction:column;align-items:flex-start;gap:12px}.pagination-controls{flex-direction:column;gap:16px}}.csv-info-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:18px;box-shadow:0 1px 3px #00000005}.csv-info-title{color:#0d1282;letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:700}.csv-info-required{color:#475569;margin:0 0 6px;font-size:.85rem;font-weight:600}.csv-info-code{color:#0f172a;word-break:break-all;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.75rem;display:block}.csv-info-warning{color:#b45309;align-items:flex-start;gap:8px;font-size:.8rem;font-weight:500;line-height:1.4;display:flex}.btn-download-template{color:#0d1282;cursor:pointer;background:#0d12820d;border:1.5px solid #0d1282;border-radius:10px;align-items:center;gap:6px;height:auto;margin:0;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.btn-download-template:hover{color:#fff;background:#0d1282;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0d128226}.btn-download-template:active{transform:translateY(0)}