*{box-sizing:border-box}#root,body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f6f9;color:#0b1d4a;font-family:Manrope,Montserrat,system-ui,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{max-width:100%}.login-page{--navy:#0b1d4a;--navy-deep:#061230;--green:#7cb342;--mist:#e8eef6;align-items:center;color:var(--navy);display:flex;font-family:Manrope,Montserrat,system-ui,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:32px 20px;position:relative}.login-atmosphere{background:radial-gradient(ellipse 80% 60% at 15% 20%,#7cb34238,#0000 55%),radial-gradient(ellipse 70% 50% at 85% 75%,#1a3a7a59,#0000 50%),linear-gradient(160deg,#f7f9fc,#dfe8f4 45%,#c5d4e8);inset:0;position:absolute;z-index:0}.login-atmosphere:after{background:repeating-linear-gradient(-12deg,#0000,#0000 48px,rgba(11,29,74,.015) 0,rgba(11,29,74,.015) 49px);content:"";inset:0;opacity:.9;position:absolute}.login-stage{align-items:center;animation:loginRise .7s cubic-bezier(.22,1,.36,1) both;display:flex;flex-direction:column;gap:28px;max-width:420px;position:relative;width:100%;z-index:1}@keyframes loginRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.login-brand{align-items:center;display:flex;flex-direction:column;gap:10px;text-align:center}.login-brand-logo{animation:logoIn .9s cubic-bezier(.22,1,.36,1) both;filter:drop-shadow(0 8px 20px rgba(11,29,74,.2));height:88px;object-fit:contain;width:88px}@keyframes logoIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.login-brand-name{height:auto;object-fit:contain;width:min(280px,78vw)}.login-brand-tagline{color:#0b1d4a9e;font-size:.8125rem;font-weight:500;letter-spacing:.04em;margin:4px 0 0;text-transform:uppercase}.login-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #0b1d4a14;border-radius:20px;box-shadow:inset 0 1px 0 #fffc,0 20px 50px #0b1d4a1f;padding:32px 28px 28px;width:100%}.login-heading{color:var(--navy)!important;font-weight:700!important;letter-spacing:-.02em;margin-bottom:4px!important}.login-subheading{color:#5a6a85!important;margin-bottom:22px!important}.login-form{display:flex;flex-direction:column;gap:16px}.login-submit{font-size:.95rem!important;margin-top:8px!important;min-height:48px}.login-footer{color:#0b1d4a80;display:flex;flex-wrap:wrap;font-size:.75rem;gap:6px;justify-content:center;text-align:center}.login-footer-sep{opacity:.5}@media (max-width:480px){.login-page{padding:24px 16px}.login-panel{border-radius:16px;padding:28px 20px 24px}.login-brand-logo{height:72px;width:72px}}.app-shell{--navy:#0b1d4a;--green:#7cb342;--mist:#f0f3f8;background:var(--mist);min-height:100vh;position:relative}.app-shell:before{background:radial-gradient(ellipse 70% 40% at 0 0,#7cb3421a,#0000 55%),radial-gradient(ellipse 55% 35% at 100% 0,#0b1d4a14,#0000 50%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.app-shell>*{position:relative;z-index:1}.metric-tile{background:#fff!important;border:1px solid #0b1d4a12!important;border-radius:16px!important;box-shadow:0 2px 12px #0b1d4a0a!important;height:100%;transition:transform .25s ease,box-shadow .25s ease}.metric-tile:hover{box-shadow:0 10px 28px #0b1d4a1a!important;transform:translateY(-2px)}.metric-tile .metric-icon{align-items:center;background:#0b1d4a0f;border-radius:12px;color:var(--navy);display:inline-flex;height:40px;justify-content:center;margin-bottom:10px;width:40px}.metric-tile.metric-green .metric-icon{background:#7cb34226;color:#558b2f}.metric-tile.metric-amber .metric-icon{background:#ef6c001f;color:#ef6c00}.metric-tile.metric-blue .metric-icon{background:#1565c01a;color:#1565c0}.metric-tile.metric-rose .metric-icon{background:#c628281a;color:#c62828}.section-panel{border:1px solid #0b1d4a12!important;border-radius:18px!important;box-shadow:0 2px 14px #0b1d4a0a!important;overflow:hidden}.form-section{background:#fff;border:1px solid #0b1d4a12;border-radius:16px;margin-bottom:16px;padding:20px}.form-section-title{align-items:center;color:var(--navy);display:flex;font-size:.95rem;font-weight:750;gap:10px;letter-spacing:-.01em;margin-bottom:16px}.form-section-title .icon-wrap{align-items:center;background:#0b1d4a0f;border-radius:10px;color:var(--navy);display:inline-flex;height:32px;justify-content:center;width:32px}.dropzone{background:#0b1d4a05;border:2px dashed #0b1d4a2e;border-radius:16px;cursor:pointer;padding:28px 20px;text-align:center;transition:border-color .2s,background .2s}.dropzone.is-active,.dropzone:hover{background:#7cb3420f;border-color:#7cb342}.brand-bar{align-items:center;background:linear-gradient(135deg,#0b1d4a,#163a7a);border:1px solid #ffffff14;border-radius:18px;box-shadow:0 14px 36px #0b1d4a38;color:#fff;display:flex;gap:16px;justify-content:space-between;padding:18px 22px}.brand-bar-logo{background:#fffffff2;border-radius:12px;height:48px;object-fit:contain;padding:4px;width:48px}.profile-hero{background:linear-gradient(135deg,#0b1d4a,#163a7a 55%,#1e4d8c);border-radius:22px;box-shadow:0 18px 40px #0b1d4a33;color:#fff;overflow:hidden;padding:32px 28px;position:relative}.profile-hero:after{background:#7cb3422e;border-radius:50%;content:"";height:280px;pointer-events:none;position:absolute;right:-60px;top:-80px;width:280px}.profile-detail-row{align-items:flex-start;border-bottom:1px solid #0b1d4a0f;display:flex;gap:14px;padding:14px 0}.profile-detail-row:last-child{border-bottom:none}.profile-detail-icon{align-items:center;background:#0b1d4a0f;border-radius:12px;color:var(--navy);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.employee-card-page{--navy:#092060;--navy-deep:#0b1d4a;--green:#92d050;--green-deep:#7cb342;--ink:#092060;--muted:#5a6a85;align-items:center;color:var(--ink);display:flex;flex-direction:column;font-family:Montserrat,Manrope,system-ui,sans-serif;gap:28px;min-height:100vh;overflow-x:hidden;padding:36px 20px 48px;position:relative}.card-page-bg{background:radial-gradient(ellipse 90% 55% at 50% -10%,#92d0502e,#0000 55%),radial-gradient(ellipse 60% 40% at 100% 100%,#0b1d4a1f,#0000 50%),linear-gradient(165deg,#f5f7fb,#e4ebf5 50%,#d5e0ef);inset:0;pointer-events:none;position:fixed;z-index:0}.card-page-bg:after{background:repeating-linear-gradient(-12deg,#0000,#0000 56px,rgba(11,29,74,.018) 0,rgba(11,29,74,.018) 57px);content:"";inset:0;position:absolute}.card-page-footer,.card-page-header,.card-page-state,.employee-card-container{position:relative;z-index:1}.card-page-header{align-items:center;animation:cardRise .65s cubic-bezier(.22,1,.36,1) both;display:flex;gap:14px;text-align:left}.card-page-header-logo{filter:drop-shadow(0 4px 12px rgba(11,29,74,.15));height:48px;object-fit:contain;width:48px}.card-page-kicker{color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.card-page-title{color:var(--navy-deep);font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin:2px 0 0}.card-page-footer{color:#0b1d4a73;font-size:.75rem;font-weight:500;letter-spacing:.02em}.card-page-state{align-items:center;color:var(--muted);display:flex;flex-direction:column;font-weight:500;gap:16px;justify-content:center;min-height:60vh}.employee-card-container{align-items:flex-start;animation:cardRise .75s cubic-bezier(.22,1,.36,1) .08s both;display:flex;flex-wrap:wrap;gap:36px;justify-content:center;max-width:860px;width:100%}@keyframes cardRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card-face-wrap{align-items:center;display:flex;flex-direction:column;gap:10px}.card-face-label{background:#ffffffb3;border:1px solid #0b1d4a14;border-radius:999px;color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.14em;padding:4px 14px;text-transform:uppercase}.identity-card-one,.identity-card-two{background-color:#fff;border:1px solid #0b1d4a0f;border-radius:18px;box-shadow:inset 0 1px 0 #ffffffe6,0 18px 40px #0b1d4a29;overflow:hidden;position:relative;transition:transform .35s ease,box-shadow .35s ease;width:350px}.identity-card-one:hover,.identity-card-two:hover{box-shadow:inset 0 1px 0 #ffffffe6,0 24px 48px #0b1d4a33;transform:translateY(-4px)}.identity-card-one{height:650px}.identity-card-two{height:620px}.elementOne{left:0;top:80px;width:130px}.elementOne,.elementTwo{pointer-events:none;position:absolute;z-index:2}.elementTwo{right:0;top:94px;width:160px}.container{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.logo-container{align-items:center;display:flex;gap:4px;justify-content:center;padding:18px 16px 8px;width:100%}.logo{height:auto;width:92px}.company_name{height:auto;width:190px}.profile-img{background-color:#eef2f7;border:3px solid #fff;border-radius:12px;box-shadow:0 8px 20px #0b1d4a38;height:150px;left:100px;object-fit:cover;position:absolute;top:120px;width:150px;z-index:9}.profile-img.empty-profile{align-items:center;background:linear-gradient(145deg,#eef2f7,#dce3ee);border:3px solid #fff;display:flex;justify-content:center}.profile-img.empty-profile:after{color:#8a97ad;content:"PHOTO";font-size:13px;font-weight:700;letter-spacing:.12em}.profile-img.image-error{background-color:#fff!important;background-image:none!important;border:3px solid #0b1d4a!important}.info-container{height:330px;margin:0 auto;padding:16px 20px 20px;text-align:center;width:100%}.security-name{color:var(--ink);font-size:16px;font-weight:800;letter-spacing:.02em;line-height:1.35;margin:0 0 2px}.security-position{color:#092060c7;font-size:13px;font-weight:600;letter-spacing:.04em;line-height:1.4;margin:0 0 12px}.card{flex-direction:column;gap:2px;margin:8px auto 0 12px;max-width:500px}.card,.row{display:flex}.row{align-items:flex-start;margin-bottom:7px;text-align:left}.row-address{max-width:300px;width:100%}.label{color:var(--ink);flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.02em;text-align:left;white-space:nowrap;width:72px}.separator{color:var(--ink);font-weight:600;margin:0 8px}.value{color:var(--ink);flex:1 1;font-size:13px;font-weight:500;line-height:1.35;word-break:break-word}.card-two{flex-direction:column;height:100%}.card-two,.header{display:flex;width:100%}.header{align-items:center;background:linear-gradient(135deg,#9ad85a,#92d050 55%,#7cb342);border-radius:0 0 18px 18px;gap:8px;padding:12px 16px}.logo-1{border-radius:10px;flex-shrink:0;padding:4px;width:64px}.title{color:#c62828;flex:1 1;text-align:center}.title h2{font-size:15px;font-weight:800;letter-spacing:.02em;line-height:1.25;margin:0}.title p{color:#c62828;font-size:11px;font-weight:700;margin:3px 0 0}.title p span{font-weight:500}.rules-title{color:#0d47a1;font-size:16px;font-weight:800;letter-spacing:.02em;margin-top:10px;text-align:center}.rules{display:flex;flex-direction:column;list-style-position:outside;margin:0 auto;padding:6px 22px 4px;width:100%}.rules li{color:var(--ink);font-size:11.5px;line-height:1.4;margin-bottom:5px;text-align:left}.rules b{color:#061230;font-weight:700}.authority{color:#1a237e;font-size:10px;margin-top:2px;padding:0 22px;text-align:right;width:100%}.authority span{color:#0d47a1;display:block;font-weight:650;padding-right:12px}.signature{height:auto;width:110px}.barcode{margin-top:8px;text-align:center}.barcode img{height:auto;max-height:88px;object-fit:contain;width:200px}.barcode .qr-img{background:#fff;border:1px solid #0d47a133;border-radius:10px;box-shadow:0 4px 12px #0b1d4a14;height:96px;max-height:none;padding:6px;width:96px}.scan-text{color:#0d47a1;font-size:10px;font-weight:700;letter-spacing:.02em;margin-top:4px;text-align:center}.emergency{border-top:1px solid #0b1d4a26;font-size:12px;margin-top:auto;padding:8px 14px 12px;text-align:center}.emergency h4{color:#0d47a1;font-size:11px;font-weight:750;margin:0 0 2px}.emergency p{color:var(--ink);font-size:10px;line-height:1.35;margin:2px 0}@media (max-width:768px){.employee-card-page{gap:20px;padding:24px 14px 36px}.employee-card-container{gap:24px}.identity-card-one,.identity-card-two{width:min(350px,100%)}.identity-card-one{height:auto;min-height:640px}.identity-card-two{height:auto;min-height:600px}.profile-img{left:50%;top:130px;transform:translateX(-50%)}.elementOne{top:85px;width:120px}.elementTwo{top:100px;width:150px}.info-container{height:auto;min-height:280px;padding-top:8px}.card-page-title{font-size:1.15rem}}@media print{.card-face-label,.card-page-bg,.card-page-footer,.card-page-header{display:none!important}.employee-card-page{background:#fff;padding:0}.employee-card-container{gap:16px}.identity-card-one,.identity-card-two{box-shadow:none;break-inside:avoid;page-break-inside:avoid}.identity-card-one:hover,.identity-card-two:hover{transform:none}}
/*# sourceMappingURL=main.5f987aee.css.map*/