:root{--saffron:#f93;--white:#fff;--green:#138808;--navy:#1a237e;--navy-dark:#0d1654;--light-blue:#eef2ff;--light-gray:#f8fafc;--border-gray:#e2e8f0;--text-dark:#1e293b;--text-medium:#64748b;--text-light:#94a3b8;--error-red:#dc2626;--error-light:#fef2f2;--success-green:#16a34a;--success-light:#f0fdf4;--shadow-sm:0 1px 2px #0000000a;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000012;--shadow-lg:0 10px 30px #0000001a;--shadow-xl:0 20px 50px #0000001f;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--light-gray);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 15% 40%,#1e3a5f0a 0%,#0000 50%),radial-gradient(at 85% 60%,#f59e0b08 0%,#0000 50%);min-height:100vh;font-family:Noto Sans Devanagari,Mangal,Kokila,Arial,sans-serif;line-height:1.7}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px;animation:.35s ease-out pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tricolor-bar{height:3px;display:flex}.tricolor-bar .saffron{background:var(--saffron);flex:1}.tricolor-bar .white{background:var(--white);flex:1}.tricolor-bar .green{background:var(--green);flex:1}.header{background:linear-gradient(135deg, var(--navy) 0%, #2d4a76 100%);color:#fff;z-index:100;padding:0;position:sticky;top:0;box-shadow:0 4px 24px #1e3a5f33}.header-top{justify-content:space-between;align-items:center;padding:12px 28px;display:flex}.header-emblem{background:#fffffff2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.header-emblem img{object-fit:contain;width:44px;height:44px}.header-title-block{text-align:center;flex:1;padding:0 16px}.header-title-main{letter-spacing:.3px;font-size:1.3rem;font-weight:700}.header-title-sub{opacity:.8;margin-top:2px;font-size:.85rem;font-weight:400}.lang-toggle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:#ffffff1f;border:1px solid #fff3;flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:.78rem;font-weight:600;line-height:1.4}.lang-toggle:hover{background:#fff3;border-color:#ffffff59}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.logout-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:#ffffff1f;border:1px solid #fff3;justify-content:center;align-items:center;padding:6px 10px;line-height:1;display:flex}.logout-btn:hover{background:#dc262699;border-color:#dc2626b3}.header-nav{justify-content:center;gap:4px;padding:0 20px 10px;display:flex}.header-nav a{color:#fffc;transition:all var(--transition);border-radius:var(--radius-sm);padding:7px 20px;font-size:.85rem;font-weight:500;text-decoration:none;position:relative}.header-nav a:hover{color:#fff;background:#ffffff1a}.header-nav a.active{color:#fff;background:#ffffff26}.header-nav a.active:after{content:"";background:var(--saffron);border-radius:1px;width:20px;height:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow var(--transition), transform var(--transition);margin-bottom:20px;padding:24px}.card:hover{box-shadow:var(--shadow-md)}.card h2{color:var(--navy);border-bottom:2px solid var(--light-blue);margin-bottom:16px;padding-bottom:10px;font-size:1.25rem;font-weight:700}.form-group{margin-bottom:18px}.form-group label{color:var(--navy);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.form-group input[type=text],.form-group input[type=number],.form-group input[type=tel]{border:1.5px solid var(--border-gray);border-radius:var(--radius-sm);width:100%;transition:all var(--transition);direction:ltr;background:#fff;padding:11px 16px;font-family:inherit;font-size:.95rem}.form-group input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #1e3a5f1a}.form-group input.error{border-color:var(--error-red)}.form-error{color:var(--error-red);margin-top:4px;font-size:.8rem;font-weight:500}.file-upload-area{border:2px dashed var(--border-gray);border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:all var(--transition);background:var(--light-gray);padding:24px 20px;position:relative}.file-upload-area:hover{border-color:var(--navy);background:var(--light-blue)}.file-upload-area input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.file-upload-icon{color:var(--navy);font-size:2rem}.file-upload-text{color:var(--text-medium);margin-top:8px;font-size:.9rem}.photo-preview-container{justify-content:center;margin-top:12px;display:flex}.photo-preview{object-fit:cover;border:2px solid var(--navy);border-radius:var(--radius-sm);width:120px;height:150px}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-align:center;white-space:nowrap;letter-spacing:.2px;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 24px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-dark);transform:translateY(-1px);box-shadow:0 4px 14px #1e3a5f4d}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}.btn-success{background:var(--success-green);color:#fff}.btn-success:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 4px 14px #16a34a4d}.btn-danger{background:var(--error-red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;padding:8px 18px;font-family:inherit;font-size:.85rem;font-weight:600}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 14px #dc26264d}.btn-outline{color:var(--navy);border:1.5px solid var(--navy);background:0 0}.btn-outline:hover{background:var(--navy);color:#fff;transform:translateY(-1px)}.btn-saffron{background:var(--saffron);color:#fff}.btn-saffron:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b4d}.btn-sm{padding:7px 16px;font-size:.82rem}.btn-group{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.btn-secondary{color:#374151;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:#e5e7eb;border:none;padding:8px 20px;font-family:inherit;font-size:.88rem;font-weight:600}.btn-secondary:hover{background:#d1d5db}.loading{color:var(--navy);justify-content:center;align-items:center;padding:60px 40px;font-size:1rem;display:flex}.spinner{border:3px solid var(--border-gray);border-top:3px solid var(--navy);border-radius:50%;width:28px;height:28px;margin-right:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:var(--radius-sm);margin-bottom:16px;padding:14px 18px;font-size:.9rem;font-weight:500}.alert-success{background:var(--success-light);color:var(--success-green);border:1px solid #bbf7d0}.alert-error{background:var(--error-light);color:var(--error-red);border:1px solid #fecaca}.alert-info{background:var(--light-blue);color:var(--navy);border:1px solid #bfdbfe}.table-container{overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:.88rem}thead{background:linear-gradient(135deg, var(--navy), #283593);color:#fff}thead th{text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:.82rem;font-weight:600}thead th:first-child{border-radius:var(--radius) 0 0 0}thead th:last-child{border-radius:0 var(--radius) 0 0}tbody tr{transition:background var(--transition)}tbody tr:not(:last-child) td{border-bottom:1px solid var(--border-gray)}tbody tr:hover{background:var(--light-blue)}tbody td{vertical-align:middle;padding:12px 16px}tbody td:last-child{gap:6px;min-width:180px;display:flex}.action-btn{cursor:pointer;transition:all var(--transition);border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.action-btn-view{background:var(--navy);color:#fff}.action-btn-view:hover{background:var(--navy-dark);box-shadow:0 2px 8px #1e3a5f40}.action-btn-profile{background:var(--green);color:#fff}.action-btn-profile:hover{background:#047857;box-shadow:0 2px 8px #05966940}.action-btn-delete{background:var(--error-red);color:#fff}.action-btn-delete:hover{background:#b91c1c;box-shadow:0 2px 8px #dc262640}.action-btn-edit{color:#fff;background:#f59e0b}.action-btn-edit:hover{background:#d97706;box-shadow:0 2px 8px #f59e0b40}.page-title{color:var(--navy);margin-bottom:24px;font-size:1.4rem;font-weight:700}@media (width<=768px){.header-top{gap:8px;padding:10px 14px}.header-emblem{width:40px;height:40px}.header-emblem img{width:34px;height:34px}.header-title-block{text-align:center;flex:1;min-width:0;padding:0 4px}.header-title-main{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.header-title-sub{font-size:.7rem}.lang-toggle{flex-shrink:0;padding:5px 10px;font-size:.72rem}.logout-btn{padding:5px 8px}.header-nav{display:none}.main-content{padding:16px 16px 76px}.card{padding:18px}.btn-group{flex-direction:column}table{font-size:.82rem}thead th,tbody td{padding:10px 12px}}@media print{.header,.bottom-nav,.print-hide,.btn,.btn-group,.alert,.page-title,.multi-id-controls,.list-empty,button,nav,header{display:none!important}html,body,#root,.app,.main-content,.multi-id-card-page,.view-id-card-page,.profile-page{width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}@page{margin:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.bottom-nav{-webkit-backdrop-filter:blur(12px);z-index:200;padding:6px 0 env(safe-area-inset-bottom,6px);background:#fffffff2;border-top:1px solid #e2e8f0cc;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}.bottom-nav a{color:var(--text-light);flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:.65rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.bottom-nav a.active{color:var(--navy)}.bottom-nav a.active svg{stroke:var(--navy)}@media (width<=768px){.bottom-nav{display:flex}}.home-page{padding:0}.home-hero{background:linear-gradient(135deg, var(--navy) 0%, #2d4a76 50%, var(--navy-dark) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);margin-bottom:28px;position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background:radial-gradient(at 20% 80%,#f59e0b1f 0%,#0000 50%),radial-gradient(at 80% 20%,#ffffff0f 0%,#0000 50%);position:absolute;inset:0}.home-hero-content{text-align:center;color:#fff;padding:52px 30px 44px;position:relative}.home-emblem{margin-bottom:16px}.home-emblem-img{object-fit:contain;filter:drop-shadow(0 4px 12px #00000040);width:80px;height:80px}.home-title{letter-spacing:.5px;margin-bottom:6px;font-size:1.85rem;font-weight:700}.home-subtitle{opacity:.9;margin-bottom:12px;font-size:1.1rem;font-weight:400}.home-description{opacity:.78;max-width:500px;margin:0 auto;font-size:.92rem;line-height:1.7}.home-services{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px;display:grid}.home-service-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:all var(--transition);border:1px solid #e2e8f099;flex-direction:column;align-items:center;padding:36px 24px 28px;display:flex;position:relative}.home-service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.home-service-card h3{color:var(--text-dark);margin-bottom:8px;font-size:1.1rem;font-weight:700}.home-service-card p{color:var(--text-medium);flex:1;margin-bottom:22px;font-size:.85rem;line-height:1.6}.home-service-card .btn{width:100%;max-width:200px}.service-icon{width:64px;height:64px;transition:transform var(--transition);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.home-service-card:hover .service-icon{transform:scale(1.08)}.icon-register{color:var(--navy);background:#1a237e1a}.icon-list{color:var(--green);background:#1388081a}.icon-bulk{color:#c27d0e;background:#ff99331f}.card-register{border-top:3px solid var(--navy)}.card-list{border-top:3px solid var(--green)}.card-bulk{border-top:3px solid var(--saffron)}.home-info-card{border:1px solid #e2e8f099;padding:28px}.home-info-card:hover{box-shadow:var(--shadow-md)}.home-info-card h2{color:var(--navy);border-bottom:2px solid var(--light-blue);margin-bottom:14px;padding-bottom:10px;font-size:1.15rem}.home-info-card>p{color:var(--text-medium);margin-bottom:22px;font-size:.9rem;line-height:1.75}.home-info-steps{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.step{color:var(--navy);align-items:center;gap:10px;font-size:.88rem;font-weight:500;display:flex}.step-num{background:var(--navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:700;display:flex}@media (width<=768px){.home-title{font-size:1.45rem}.home-subtitle{font-size:.95rem}.home-hero-content{padding:36px 20px 32px}.home-services{grid-template-columns:1fr}.home-info-card{padding:20px}.home-info-steps{flex-direction:column;align-items:flex-start}}.id-card{background:#d4eaf7;border:none;border-radius:12px;flex-direction:column;width:680px;max-width:100%;min-height:395px;margin:0 auto;padding:6px;font-family:Noto Sans Devanagari,Mangal,Arial,sans-serif;display:flex;box-shadow:0 4px 20px #00000026}.id-card-inner{background:#e0f0fa;border:none;border-radius:8px;flex-direction:column;flex:1;padding:18px 22px 14px;display:flex;position:relative;overflow:hidden}.id-card-inner:before{content:"";opacity:.12;pointer-events:none;background-image:url(/assets/cow-watermark-DWTr1w-0.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.id-card-header{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.id-card-emblem{flex-shrink:0}.emblem-img{object-fit:contain;width:80px;height:80px}.id-card-title{text-align:center;flex:1;padding-top:4px}.dept-name{color:#1a237e;letter-spacing:.5px;margin-bottom:2px;font-size:1.65rem;font-weight:800;line-height:1.3}.dept-subtitle{color:#1a237e;margin-bottom:4px;font-size:1.75rem;font-weight:800;line-height:1.3}.cert-title{color:#e65100;letter-spacing:.3px;font-size:1.4rem;font-weight:800}.id-card-body{flex:1;gap:28px;min-height:180px;margin-bottom:18px;display:flex}.id-card-photo{z-index:2;background:#fff;border:2px solid #1a237e;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:170px;display:flex;position:relative;overflow:hidden}.id-card-photo img{object-fit:cover;width:100%;height:100%}.id-card-photo-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.placeholder-text{color:#94a3b8;text-align:center;font-size:.7rem;font-weight:500;line-height:1.2}.id-card-details{z-index:2;flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex;position:relative}.detail-row{align-items:baseline;font-size:1.05rem;line-height:1.3;display:flex}.detail-label{color:#1a237e;flex-shrink:0;min-width:140px;font-weight:700}.detail-separator{color:#1a237e;flex-shrink:0;margin:0 8px;font-weight:700}.detail-value{color:#1e293b;text-align:left;white-space:nowrap;text-overflow:ellipsis;direction:ltr;font-weight:500;overflow:hidden}.id-card-footer{z-index:2;justify-content:space-between;align-items:flex-end;padding-top:8px;display:flex;position:relative}.footer-signature{flex-direction:column;align-items:center;gap:4px;display:flex}.signature-line{border-bottom:1px solid #1a237e;width:140px}.signature-text{color:#1a237e;text-align:center;font-size:.72rem;font-weight:600;line-height:1.4}.id-card-container{flex-flow:wrap;justify-content:center;align-items:stretch;gap:24px;width:100%;max-width:1400px;margin:0 auto;display:flex}.id-card-back{background:#d4eaf7}.back-body{justify-content:space-between;align-items:center;gap:20px;min-height:180px;display:flex;flex-direction:row!important}.id-card-guidelines{flex-direction:column;flex:1;gap:8px;display:flex}.guideline-item{align-items:baseline;gap:8px;display:flex}.guideline-bullet{color:#1a237e;font-size:.85rem;font-weight:700}.guideline-text{color:#1e293b;font-size:.85rem;font-weight:600;line-height:1.35}.id-card-back-qr{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:130px;display:flex}.qr-wrapper{background:#fff;border:1.5px solid #1a237e;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.qr-caption{color:#1a237e;text-align:center;letter-spacing:.2px;font-size:.65rem;font-weight:700}.id-card-back-tagline{text-align:center;border-top:1px solid #1a237e26;padding-top:8px}.tagline-text{color:#b8860b;letter-spacing:.3px;margin:0;font-size:.8rem;font-style:italic;font-weight:700}@media (width<=720px){.id-card-wrapper .id-card-container{width:680px;box-shadow:none;flex-direction:column;align-items:center;gap:20px;margin:0;position:absolute;top:0;left:50%}}@media (width<=359px){.id-card-wrapper .id-card-container{transform-origin:top;transform:translate(-50%)scale(.42)}}@media (width>=360px) and (width<=399px){.id-card-wrapper .id-card-container{transform-origin:top;transform:translate(-50%)scale(.48)}}@media (width>=400px) and (width<=479px){.id-card-wrapper .id-card-container{transform-origin:top;transform:translate(-50%)scale(.55)}}@media (width>=480px) and (width<=599px){.id-card-wrapper .id-card-container{transform-origin:top;transform:translate(-50%)scale(.66)}}@media (width>=600px) and (width<=720px){.id-card-wrapper .id-card-container{transform-origin:top;transform:translate(-50%)scale(.83)}}@media print{.id-card-container,.id-card-wrapper .id-card-container{flex-direction:column!important;align-items:center!important;gap:24px!important;width:680px!important;margin:0 auto!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}@media (orientation:landscape){.id-card-container,.id-card-wrapper .id-card-container{transform-origin:top!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;width:1384px!important;margin:0 auto!important;transform:scale(.78)!important}}.id-card,.id-card-wrapper .id-card,.multi-id-tile .id-card{width:680px!important;min-width:680px!important;max-width:680px!important;height:395px!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;border:1px solid #1a237e!important;border-radius:12px!important;margin:0 auto!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}}.register-page{max-width:750px;margin:0 auto}.register-page .page-title{text-align:center}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.required{color:var(--error-red)}.result-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;justify-content:center;padding:28px;display:flex}.success-icon{background:var(--success-light);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;display:flex}@media (width<=720px){.form-row{grid-template-columns:1fr}.result-card{width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;position:relative!important;overflow:visible!important}}@media (width<=359px){.result-card{height:236px!important}}@media (width>=360px) and (width<=399px){.result-card{height:270px!important}}@media (width>=400px) and (width<=479px){.result-card{height:310px!important}}@media (width>=480px) and (width<=599px){.result-card{height:370px!important}}@media (width>=600px) and (width<=720px){.result-card{height:465px!important}}.edit-photo-center{flex-direction:column;align-items:center;gap:12px;display:flex}.edit-photo-current{flex-direction:column;align-items:center;display:flex}.edit-photo-label{color:var(--text-medium);margin-top:4px;font-size:.75rem}.edit-photo-center .file-upload-area{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:350px;min-height:100px;display:flex}.view-id-card-page{max-width:1440px;margin:0 auto}.main-content:has(.view-id-card-page){max-width:1420px!important}.view-id-card-page .page-title{text-align:center}.id-card-wrapper{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;border:1px solid #e2e8f080;justify-content:center;padding:28px;display:flex}@media (width<=720px){.id-card-wrapper{width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;position:relative!important;overflow:visible!important}}@media (width<=359px){.id-card-wrapper{height:236px!important}}@media (width>=360px) and (width<=399px){.id-card-wrapper{height:270px!important}}@media (width>=400px) and (width<=479px){.id-card-wrapper{height:310px!important}}@media (width>=480px) and (width<=599px){.id-card-wrapper{height:370px!important}}@media (width>=600px) and (width<=720px){.id-card-wrapper{height:465px!important}}@media print{.print-hide,.print-hide *{display:none!important}.id-card-wrapper{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;display:block!important}}.profile-page{max-width:1440px;margin:0 auto}.main-content:has(.profile-page){max-width:1420px!important}.profile-page .page-title{text-align:center}.profile-error{text-align:center;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:60px 20px}.profile-error h2{color:var(--error-red);margin-bottom:8px}.profile-error p{color:var(--text-medium)}.profile-verified-badge{background:var(--success-light);border-radius:var(--radius);color:#15803d;border:1.5px solid #bbf7d0;align-items:center;gap:10px;margin-bottom:20px;padding:14px 20px;font-size:.9rem;font-weight:600;display:flex}.profile-details{border-radius:var(--radius-sm);border:1px solid #e2e8f080;overflow:hidden}.profile-detail-row{border-bottom:1px solid #f1f5f9;padding:12px 18px;font-size:.9rem;display:flex}.profile-detail-row:last-child{border-bottom:none}.profile-detail-row:nth-child(2n){background:#fafbfc}.profile-detail-label{color:var(--navy);flex-shrink:0;min-width:140px;font-weight:600}.profile-detail-value{color:var(--text-dark);text-align:left;direction:ltr;font-weight:500}.profile-id-card-section{margin-top:28px}.profile-id-card-title{color:var(--navy);text-align:center;margin-bottom:16px;font-size:1.1rem;font-weight:600}.profile-id-card-wrapper{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;border:1px solid #e2e8f080;justify-content:center;padding:20px;display:flex}.footer-note-text{color:var(--text-medium);font-size:.85rem}@media (width<=720px){.profile-detail-row{flex-direction:column;gap:4px}.profile-detail-label{min-width:auto}.profile-id-card-wrapper,.id-card-wrapper{width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;position:relative!important;overflow:visible!important}}@media (width<=359px){.id-card-wrapper{height:236px!important}}@media (width>=360px) and (width<=399px){.id-card-wrapper{height:270px!important}}@media (width>=400px) and (width<=479px){.id-card-wrapper{height:310px!important}}@media (width>=480px) and (width<=599px){.id-card-wrapper{height:370px!important}}@media (width>=600px) and (width<=720px){.id-card-wrapper{height:465px!important}}.list-page{max-width:1100px;margin:0 auto}.list-controls{border:1px solid #e2e8f080;margin-bottom:16px}.list-controls-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.list-controls-top .btn{flex-shrink:0}.search-bar{flex:1;min-width:200px}.search-input{border:1.5px solid var(--border-gray);border-radius:var(--radius-sm);width:100%;transition:all var(--transition);background:#fff;padding:10px 16px;font-family:inherit;font-size:.92rem}.search-input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #1e3a5f14}.list-filters{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.filter-select{border:1.5px solid var(--border-gray);border-radius:var(--radius-sm);color:var(--text-dark);cursor:pointer;transition:all var(--transition);background:#fff;padding:8px 12px;font-family:inherit;font-size:.85rem}.filter-select:focus{border-color:var(--navy);outline:none}.list-stats{gap:10px;display:flex}.stat-badge{background:var(--light-blue);color:var(--navy);border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:500}.list-table-card{border-radius:var(--radius);border:1px solid #e2e8f080;padding:0;overflow:visible}.list-empty{margin-top:16px}.bulk-bar{background:var(--light-blue);border-radius:var(--radius-sm);border:1.5px solid #bfdbfe;align-items:center;gap:12px;margin-bottom:16px;padding:10px 20px;display:flex}.bulk-bar-label{color:var(--navy);font-size:.85rem;font-weight:600}.col-check{text-align:center;width:36px}.col-check input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--navy)}.row-selected{background:#eef2ff}.row-selected:hover{background:#e4e9ff}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{border-radius:var(--radius);width:90%;max-width:420px;box-shadow:var(--shadow-xl);background:#fff;padding:28px 32px;animation:.2s ease-out modalSlide}@keyframes modalSlide{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-box h3{color:var(--navy);margin:0 0 8px;font-size:1.1rem}.modal-box p{color:#475569;margin:0 0 20px;font-size:.9rem}.modal-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=768px){.list-controls-top,.list-filters{flex-direction:column}.list-stats{justify-content:center}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:580px}thead th.col-check,tbody td.col-check{width:32px;padding:8px 4px}thead th:nth-child(4),tbody td:nth-child(4),thead th:nth-child(5),tbody td:nth-child(5){display:none}.action-btn{border-radius:5px;padding:4px 8px;font-size:.72rem}.bulk-bar{padding:8px 14px}.bulk-bar-label{font-size:.8rem}}@media (width<=480px){table{min-width:420px}thead th:nth-child(6),tbody td:nth-child(6){display:none}thead th,tbody td{padding:6px 8px}.action-btn{border-radius:4px;padding:3px 6px;font-size:.68rem}}.bulk-upload-page{max-width:750px;margin:0 auto}.bulk-upload-page .page-title{text-align:center}.bulk-upload-steps{margin-bottom:20px}.bulk-upload-steps h2{color:var(--navy);border-bottom:2px solid var(--light-blue);margin-bottom:12px;padding-bottom:8px;font-size:1.1rem}.steps-list{color:var(--text-medium);padding-left:24px;font-size:.9rem;line-height:2.2}.steps-list li::marker{color:var(--navy);font-weight:700}.bulk-upload-actions{margin-bottom:20px}.template-section,.upload-section{text-align:center}.template-section h2,.upload-section h2{color:var(--navy);margin-bottom:8px;font-size:1.05rem}.template-section p,.upload-section p{color:var(--text-medium);margin-bottom:16px;font-size:.88rem}.upload-divider{border:none;border-top:1px solid var(--border-gray);margin:24px 0}.upload-result{margin-top:20px}.upload-result h2{color:var(--navy);margin-bottom:16px;font-size:1.05rem}.result-stats{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:20px;display:flex}.result-stat{background:var(--white);border-radius:var(--radius);text-align:center;border:1.5px solid var(--border-gray);min-width:130px;box-shadow:var(--shadow-sm);transition:all var(--transition);padding:20px 32px}.result-stat:hover{box-shadow:var(--shadow-md)}.result-stat.total{border-color:var(--navy)}.result-stat.success{border-color:var(--success-green);background:var(--success-light)}.result-stat.failed{border-color:var(--error-red);background:var(--error-light)}.stat-number{color:var(--navy);font-size:1.8rem;font-weight:700;display:block}.result-stat.success .stat-number{color:var(--success-green)}.result-stat.failed .stat-number{color:var(--error-red)}.stat-text{color:var(--text-medium);margin-top:4px;font-size:.82rem;display:block}.error-list-section{margin-top:16px}.error-list-section h3{color:var(--error-red);margin-bottom:8px;font-size:.95rem}.error-list{border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fecaca;max-height:300px;overflow-y:auto}.error-item{color:var(--error-red);border-bottom:1px solid #fee2e2;padding:8px 14px;font-size:.85rem}.error-item:last-child{border-bottom:none}@media (width<=600px){.result-stats{gap:12px}.result-stat{min-width:100px;padding:14px 22px}.stat-number{font-size:1.4rem}}.multi-id-card-page{max-width:1200px;margin:0 auto}.multi-id-controls-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.multi-id-controls-top .search-bar{flex:1}.multi-id-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:8px 0;display:grid}.multi-id-tile{width:100%;height:200px;position:relative;overflow:hidden}.multi-id-tile .id-card{transform-origin:50%;width:680px;min-width:0;max-width:none;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.42)}.multi-id-tile .id-card-back{display:none!important}@media (width<=1100px){.multi-id-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.multi-id-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.multi-id-tile{height:220px}.multi-id-tile .id-card{transform:translate(-50%,-50%)scale(.5)}}@media print{.print-hide,.print-hide *{display:none!important}.multi-id-grid{gap:0;padding:0;display:block}.multi-id-tile{page-break-after:always;break-after:page;page-break-inside:avoid;break-inside:avoid;border:none;border-radius:0;justify-content:center;width:100%;height:auto;padding:20px 0;display:flex;position:relative;overflow:visible}.multi-id-tile:last-child{page-break-after:avoid;break-after:avoid}.multi-id-tile .id-card-back{display:block!important}}.login-page{background:#f1f5f9;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff99330f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-40%;right:-15%}.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#1388080f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-30%;left:-15%}.login-center{z-index:1;flex:1;justify-content:center;align-items:center;padding:32px 16px;display:flex;position:relative}.login-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px 36px 36px;animation:.5s ease-out loginSlideUp;box-shadow:0 1px 3px #0000000f,0 8px 30px #00000014}@keyframes loginSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-emblem-wrap{justify-content:center;margin-bottom:20px;display:flex}.login-emblem-ring{background:linear-gradient(135deg,#f93,#e67e22);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;padding:4px;display:flex;box-shadow:0 4px 16px #f933}.login-emblem{object-fit:contain;background:#fff;border-radius:50%;width:78px;height:78px;padding:6px}.login-title{text-align:center;color:#1e293b;letter-spacing:.3px;margin:0 0 2px;font-size:1.3rem;font-weight:700}.login-dept{text-align:center;color:#94a3b8;margin:0 0 16px;font-size:.82rem}.login-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);border-radius:1px;height:2px;margin:0 20px 16px}.login-subtitle{text-align:center;color:#475569;margin:0 0 24px;font-size:.88rem;font-weight:600}.login-form{flex-direction:column;display:flex}.login-field{margin-bottom:18px}.login-field label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:#94a3b8;pointer-events:none;transition:color .2s;position:absolute;left:14px}.login-field input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 14px 12px 44px;font-family:inherit;font-size:.95rem;transition:all .2s}.login-field input::placeholder{color:#94a3b8}.login-field input:focus{background:#fff;border-color:#f93;outline:none;box-shadow:0 0 0 4px #ff99331a}.login-field input:focus~.login-input-icon,.login-input-wrap:focus-within .login-input-icon{color:#f93}.login-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#f93 0%,#e67e22 100%);border:none;border-radius:10px;width:100%;margin-top:4px;padding:13px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #ff99334d}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#e67e22 0%,#d35400 100%);transform:translateY(-1px);box-shadow:0 6px 20px #f936}.login-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ff99334d}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn-loading{justify-content:center;align-items:center;gap:8px;display:flex}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:.83rem;animation:.4s ease-out loginShake;display:flex}@keyframes loginShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.login-error svg{flex-shrink:0}.login-footer{text-align:center;z-index:1;padding:16px;position:relative}.login-footer p{color:#94a3b8;margin:0;font-size:.72rem}@media (width<=480px){.login-center{padding:24px 16px}.login-card{border-radius:14px;padding:32px 24px 28px}.login-emblem-ring{width:76px;height:76px}.login-emblem{width:66px;height:66px}.login-title{font-size:1.15rem}}