body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-main:#066445d8;--bg-nav:#fff;--bg-sidebar:#f5fffb;--text-main:#1a1a1a;--text-muted:#fff;--border-color:#00000014;--hover-bg:#00bf8614;--glass-shadow:0 4px 20px #00000008;--bg-sidebar:#f8f8f8b3;--glass-blur:blur(-100px)}[data-theme=dark]{--bg-main:#0a0d14;--bg-nav:#fff;--bg-sidebar:#10141b;--text-main:#fff;--text-muted:#fff;--border-color:#ffffff0d;--hover-bg:#ffffff0d;--glass-shadow:0 4px 30px #0006;--bg-sidebar:#10141bcc}.nav-item{color:var(--sidebar-text)!important;display:block;opacity:.8;text-decoration:none;transition:all .3s ease}.nav-item:hover{background:#00bf8614;background:var(--hover-bg);color:#fff!important;opacity:1}.nav-item.active{background:#10b981!important;box-shadow:0 4px 15px #10b9814d;color:#fff!important;opacity:1}body,html{background-color:#066445d8;background-color:var(--bg-main);color:#1a1a1a;color:var(--text-main);font-family:Inter,Segoe UI,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0}.login-wrapper{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.bg-video{filter:brightness(.45);height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.side-monitor{height:300px;margin:100px;position:absolute;right:-35px;top:62%;transform:translateY(-50%);width:530px;z-index:10}.monitor-inner{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000004d;height:100%;padding:20px}.monitor-header-text{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:800;justify-content:space-between;letter-spacing:1px;margin-bottom:15px}.pulse-red{animation:pulse 1.5s infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 #9444efb3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #ef444400;transform:scale(1)}to{box-shadow:0 0 0 0 #ef444400;transform:scale(.95)}}.mini-logs-container{display:flex;flex-direction:column;gap:10px;height:500px;overflow-x:hidden;overflow-y:auto;padding-right:10px}.mini-logs-container::-webkit-scrollbar{width:6px}.mini-logs-container::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.mini-logs-container::-webkit-scrollbar-thumb{background:#acacac;border-radius:10px}.mini-card{align-items:center;background:var(--bg-card);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#1a1a1a;color:var(--text-main);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px;padding:15px}.in-border{border-left:6px solid #10b981}.out-border{border-left:6px solid #ef4444}.mini-info{display:flex;flex-direction:column;gap:4px}.m-id{font-size:13px;font-weight:800;text-transform:uppercase}.m-id,.m-time{color:#1a1a1a;color:var(--text-main)}.m-time{font-family:Courier New,monospace;font-size:18px;font-weight:900}.m-type{color:#fff;color:var(--text-muted);font-size:11px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.login-card{align-items:center;background:var(--bg-card);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:30px;box-shadow:0 30px 60px #0000004d;color:#1a1a1a;color:var(--text-main);display:flex;flex-direction:column;margin-bottom:-85px;max-width:450px;padding:40px;transition:.3s;width:100%;z-index:10}.login-logo{display:block;height:auto;margin-bottom:10px;max-width:220px}.status-pill{align-items:center;background:#066445d8;background:var(--bg-main);border-radius:50px;color:#1a1a1a;color:var(--text-main);display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:15px;padding:8px 20px;width:fit-content}.status-dot{border-radius:50%;height:8px;width:8px}.dot-active{background:#14db99}.login-input{background-color:#066445d8;background-color:var(--bg-main);background-color:#f8fafc!important;border:2px solid #04b45c;border-radius:14px;color:#1a1a1a;color:var(--text-main);color:#000!important;font-size:16px;margin-bottom:10px;padding:16px;transition:all .25s ease}.login-input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.portal-switch{background:#0000;border:1px solid #00000014;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-muted);cursor:pointer;display:inline-block;font-size:13px;font-weight:600;margin-top:20px;padding:10px 20px;transition:all .2s ease}.portal-switch:hover{background:#02ac79;border-color:#02ac79;color:#fff}.admin-login-btn{background:#02ac79;border-radius:10px;margin-bottom:10px;padding:14px;width:100%}.admin-login-btn:hover{background:#02886b;transform:translateY(-1px)}.app-container{background-color:#066445d8;background-color:var(--bg-main);display:flex;flex-direction:column;height:100vh}.top-nav{align-items:center;background:var(--bg-card);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color);color:#1a1a1a;color:var(--text-main);display:flex;height:87px;justify-content:space-between;padding:0 25px}.nav-logo{height:70px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px;margin-top:10px}.stat-card{background:var(--bg-card);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000d;color:#1a1a1a;color:var(--text-main);padding:20px;text-align:center;transition:.3s}.stat-card:hover{border-color:#10b981;transform:translateY(-5px)}.stat-card h3{color:#10b981;font-size:1.8rem;font-weight:800;margin:0}.stat-card p{color:#fff;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.5px;margin-top:8px;text-transform:uppercase}.nav-info{align-items:center;display:flex}.on-duty-btn{background:#000;border:1px solid #00000014;border:1px solid var(--border-color);border-radius:50px 0 0 50px;color:#fff;cursor:pointer;gap:5px}.on-duty-btn,.role-badge.admin{align-items:center;display:flex;font-size:12px;font-weight:700;height:35px;padding:0 18px}.role-badge.admin{background:#e9dbdb;border:1px solid #00000014;border:1px solid var(--border-color);border-radius:0 50px 50px 0;color:#dc2626;margin-left:-1px;text-transform:uppercase}.logout-btn{background:#000;border:2px solid #00000014;border:2px solid var(--border-color);border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-left:15px;padding:8px 18px;transition:.25s}.logout-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.main-layout{display:flex;flex:1 1;overflow:hidden}.sidebar{background:#f8f8f8b3;background:var(--bg-sidebar);border-right:1px solid #00000014;border-right:1px solid var(--border-color);padding:20px 10px;width:240px}.nav-item{background:#0000;border:none;border-radius:10px;color:#1a1a1a;cursor:pointer;font-weight:600;margin-bottom:5px;padding:12px 15px;text-align:left;width:100%}.nav-item.active{background:#10b981;color:#fff}.content-area{background:#066445d8;background:var(--bg-main);flex:1 1;overflow-y:auto;padding:35px;z-index:1}.admin-content-wrapper,.content-area{pointer-events:auto;position:relative}.admin-content-wrapper{z-index:2}.registration-card{background:var(--bg-card);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 25px #0000000d;color:#1a1a1a;color:var(--text-main);margin:0 auto;max-width:500px;padding:40px;pointer-events:auto;position:relative;z-index:3}.registration-card h2{color:#1a1a1a;color:var(--text-main);font-size:26px;font-weight:800;margin-bottom:10px}.registration-card p{color:#02993c;font-size:14px;margin-bottom:30px}.form-group label{color:#fff;color:var(--text-muted);display:block;font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:8px;text-align:left;text-transform:uppercase}.reg-input{background-color:#066445d8;background-color:var(--bg-main);border:2px solid #00000014;border:2px solid var(--border-color);border-radius:15px;color:#1a1a1a;color:var(--text-main);font-size:15px;margin-bottom:20px;padding:16px 20px}.reg-input:focus{background-color:var(--bg-card);border-color:#10b981;outline:none}.btn-register{align-items:center;background:#10b981;border:none;border-radius:15px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;padding:16px;pointer-events:auto;position:relative;transition:.3s;width:100%;z-index:4}.btn-register:hover{background:#059669;transform:translateY(-2px)}.list-section-container{background:var(--bg-card);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 20px #0000000d;color:#1a1a1a;color:var(--text-main);margin-top:20px;padding:30px}.list-section-container,.search-date-container{animation:none!important;transform:none!important;transition:none!important}.search-date-container{align-items:center!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:1.5px solid #10b981!important;border-radius:10px!important;display:inline-flex!important;gap:12px!important;padding:8px 15px!important}.date-input-wrapper{align-items:center!important;display:flex!important;gap:8px!important;transition:none!important}.date-input-wrapper input[type=date]{background:#0000;border:none;color:#fff!important;font-family:Courier New,monospace!important;outline:none;text-transform:uppercase;transition:none!important}.search-date-container:hover{transform:none!important;transition:none!important}.btn-reset-search{align-items:center!important;animation:none!important;background:var(--bg-card)!important;border:2px solid #00000014!important;border:2px solid var(--border-color)!important;border-radius:10px!important;color:#6b7280!important;cursor:pointer!important;display:inline-flex!important;font-size:13px!important;font-weight:700!important;gap:8px!important;letter-spacing:.5px!important;padding:10px 24px!important;text-transform:uppercase!important;transform:none!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:none!important}.btn-reset-search:hover{background:#066445d8!important;background:var(--bg-main)!important;border-color:#fca5a5!important;color:#ef4444!important;transform:none!important}.modern-table{border-collapse:collapse;width:100%}.modern-table th{border-bottom:2px solid #00000014;border-bottom:2px solid var(--border-color);color:#6b7280;font-size:12px;font-weight:800;padding:12px 15px;text-align:left;text-transform:uppercase}.modern-table td{border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color);color:#1a1a1a;color:var(--text-main);font-size:14px;padding:15px;vertical-align:middle}.preview-2x2{border:3px solid #10b981;border-radius:12px;display:block;height:120px;margin-bottom:15px;margin-left:auto;margin-right:auto;object-fit:cover;width:120px}.scan-success-ui{align-items:center;animation:fadeIn .5s ease-out;display:flex;flex-direction:column;justify-content:center;text-align:center}.scan-photo-frame{border:5px solid #10b981;border-radius:20px;box-shadow:0 10px 25px #10b9814d;height:180px;margin:0 auto 20px;overflow:hidden;width:180px}.scanned-2x2{height:100%;object-fit:cover;width:100%}.scanned-name{color:#1a1a1a;color:var(--text-main);font-size:24px;font-weight:800;margin-bottom:10px}.live-camera-container{background:#000;border:2px solid #0fc;border-radius:12px;box-shadow:0 0 25px #0fc6;height:75vh!important;overflow:hidden;position:absolute;right:650px!important;top:13%!important;width:60vw!important;z-index:5}.live-video-feed{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.camera-overlay{background:#f00c;border-radius:5px;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:3px 10px;pointer-events:none;position:absolute;right:10px;text-transform:uppercase;top:10px}.recording-active{animation:recording-blink 1.5s infinite;background-color:#ff4d4d!important;border:1px solid #fff!important;box-shadow:0 0 15px #ff4d4d!important;color:#fff!important}@keyframes recording-blink{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.login-card{margin-right:-1260px;margin-top:-495px!important}@media (max-width:768px){.live-camera-container{height:180px;top:10%;width:280px}.login-card{margin-top:100px!important}}.table-avatar{border:1px solid #00000014;border:1px solid var(--border-color);border-radius:8px;height:45px;object-fit:cover;width:45px}.fade-in{animation:fadeIn .5s ease-out}.terminal-header-controls{align-items:center;display:flex;gap:10px;left:20px;position:absolute;top:10px;z-index:10}.header-btn{background:#464e5e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;padding:10px 15px}.header-btn.green{background:#2f855a}.folder-path-text{color:#fff;color:var(--text-muted);font-family:monospace;font-size:12px}.emp-id-text{color:#1a1a1a;color:var(--text-main);font-weight:800}.btn-delete-row{align-items:center;background:#066445d8;background:var(--bg-main);border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:0 auto;padding:8px;transition:.2s}.btn-delete-row:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.msg-success{color:#10b981;margin-top:10px}.msg-error,.msg-success{font-size:14px;font-weight:600}.msg-error{color:#ef4444;margin-bottom:15px}.theme-toggle-btn{align-items:center;background:#10b981;border:none;border-radius:50%;bottom:25px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:fixed;right:25px;width:50px;z-index:10000}.analytics-dashboard-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:2fr 1fr;margin-top:20px}.chart-card{background:var(--bg-card);border:1px solid #00000014;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 30px #00000008;padding:25px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-title{color:#1a1a1a;color:var(--text-main);font-size:16px;font-weight:800}.bar-chart-container{align-items:flex-end;border-bottom:2px solid #00000014;border-bottom:2px solid var(--border-color);display:flex;height:200px;justify-content:space-around;padding-bottom:20px}.bar{background:#10b981;border-radius:8px 8px 0 0;position:relative;transition:height .5s ease;width:40px}.bar:hover{filter:brightness(1.1)}.bar:after{bottom:-25px;color:#fff;color:var(--text-muted);content:attr(data-label);font-size:11px;left:50%;transform:translateX(-50%)}.bar:after,.btn-back-to-dash{font-weight:700;position:absolute}.btn-back-to-dash{align-items:center;background:#00bf86;border:none;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;left:280px;padding:10px 22px;text-transform:uppercase;top:20px;transition:all .3s ease;z-index:10000}.btn-back-to-dash:hover{background:#009e6e;box-shadow:0 6px 15px #00bf8666;transform:translateY(-2px)}.fullscreen-live-wrapper .login-card{display:none!important}.fullscreen-live-wrapper .side-monitor{height:85vh!important;margin:0!important;max-height:850px!important;position:absolute!important;right:50px!important;top:500px!important;transform:translateY(-50%)!important;width:500px!important}.fullscreen-live-wrapper .mini-logs-container{height:100%!important;max-height:calc(100% - 50px)!important;overflow-y:auto!important}.liquidChrome-container{height:100%;width:100%}:root{--green-glow:#00bf8633;--border-color:#ffffff26;--background-dark:#14181fa6}.card-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr}.card-grid,.magic-bento-card{box-sizing:border-box;width:100%}.magic-bento-card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:300px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#14181fa6;background:var(--background-dark);border:1px solid #ffffff26;border:1px solid var(--border-color);border-radius:20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.magic-bento-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.magic-bento-card__header{display:flex;font-size:13px;font-weight:700;justify-content:space-between;letter-spacing:1px;margin-bottom:10px;opacity:.8;text-transform:uppercase}.magic-bento-card__title{font-size:18px;font-weight:700;margin:5px 0}.magic-bento-card__description{font-size:12px;margin:0;opacity:.7}@media (min-width:1024px){.card-grid{grid-auto-rows:minmax(240px,auto);grid-template-columns:repeat(3,1fr)}.magic-bento-card:first-child{grid-column:1;grid-row:1}.magic-bento-card:nth-child(2){grid-column:2;grid-row:1}.magic-bento-card:nth-child(3){grid-column:3;grid-row:1/span 2}.magic-bento-card:nth-child(4){grid-column:1/span 2;grid-row:2}}.magic-bento-card--border-glow:after{background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(0,191,134,calc(var(--glow-intensity)*.8)) 0,rgba(0,191,134,calc(var(--glow-intensity)*.3)) 30%,#0000 60%);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;padding:2px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.particle-container{overflow:hidden;position:relative}.global-spotlight{mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity;z-index:200!important}.reg-wrapper{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.reg-glass-panel{animation:fadeIn .5s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#14181fa6;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 15px 35px #0006;color:#fff;max-width:650px;padding:40px;width:100%}.reg-title{color:#fff;font-size:28px;font-weight:700;letter-spacing:1px;margin-bottom:30px;text-align:center;text-shadow:0 2px 10px #00000080}.reg-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.full-width{grid-column:1/-1}.reg-form-group{display:flex;flex-direction:column}.reg-label{color:#cbd5e1;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.reg-input{background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;box-sizing:border-box;color:#fff;font-size:14px;outline:none;padding:14px 15px;transition:all .3s ease;width:100%}.reg-input:focus{background:#00bf860d;border-color:#00bf86;box-shadow:0 0 10px #00bf864d}.reg-input::placeholder{color:#ffffff4d}.photo-section{gap:15px;margin-bottom:10px}.photo-preview-box{align-items:center;background:#ffffff08;border:2px dashed #ffffff26;border-radius:20px;display:flex;height:130px;justify-content:center;overflow:hidden;transition:all .3s ease;width:130px}.photo-section:hover .photo-preview-box{background:#00bf8608;border-color:#00bf8680}.photo-preview-img{height:100%;object-fit:cover;width:100%}.photo-placeholder{color:#fff6;font-size:12px;text-transform:uppercase}.custom-file-input input[type=file]{display:none}.file-upload-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:700;padding:8px 18px;transition:all .3s ease}.file-upload-btn:hover{background:#00bf86;border-color:#00bf86;box-shadow:0 0 10px #00bf8666}.btn-submit-premium{background:linear-gradient(135deg,#00bf86,#059669);border:none;border-radius:10px;box-shadow:0 4px 15px #00bf864d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;grid-column:1/-1;letter-spacing:1px;margin-top:15px;padding:16px;transition:all .3s ease}.btn-submit-premium:hover{box-shadow:0 8px 25px #00bf8680;transform:translateY(-3px)}.btn-submit-premium:active{transform:translateY(1px)}.msg-error-banner{background:#ef444433;border:1px solid #ef4444;border-radius:8px;color:#fca5a5}.msg-error-banner,.msg-success-banner{font-size:14px;font-weight:700;margin-bottom:20px;padding:12px;text-align:center}.msg-success-banner{background:#10b98133;border:1px solid #10b981;border-radius:8px;color:#6ee7b7}@media (max-width:600px){.reg-form-grid{grid-template-columns:1fr}}.table-row-hover:hover{background:#ffffff0d!important;box-shadow:inset 0 0 15px #00bf861a;cursor:pointer;transform:scale(1.005)}.glass-shine{animation:shine 6s infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transform:skewX(-25deg);width:50%}@keyframes shine{0%{left:-100%}20%{left:150%}to{left:150%}}.btn-action{background:#00bf86;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .3s ease}.btn-action:hover{background:#059669;box-shadow:0 4px 12px #00bf864d;transform:translateY(-2px)}.date-input-glass::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.iridescence-container{height:100%;width:100%}.landing-container{background:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Arial,sans-serif;min-height:100vh;overflow:hidden}.landing-nav{box-sizing:border-box;display:flex;justify-content:flex-end;padding:30px 5vw 0 0;width:100%}.nav-link{background:#0000;border:none;border-radius:16px;color:#6c7a89;cursor:pointer;font-size:15px;font-weight:600;padding:8px 18px;transition:background .2s,color .2s}.nav-link.active,.nav-link:hover{background:#e6fff3;color:#00bf86}.landing-content{align-items:center;box-sizing:border-box;display:flex;flex:1 1;gap:100px;justify-content:center;margin:0 auto;max-width:1400px;min-height:80vh;padding:0 5vw;width:100%}.landing-left{gap:18px;max-width:500px}.branding-block,.landing-left{align-items:flex-start;display:flex;flex-direction:column}.branding-block{margin-bottom:8px;width:100%}.branding-logo-large{height:105px;width:500px}.landing-title{color:#00bf86;font-size:2.7rem;font-weight:700;letter-spacing:.1em;line-height:1.1;margin:0}.landing-tagline{color:#00bf86;font-size:1.05rem;font-weight:400;letter-spacing:.01em;margin:0 0 8px}.landing-desc{color:#fff;font-size:1.05rem;margin-bottom:32px}.admin-login-btn{background:#00bf86;border-radius:24px;box-shadow:0 6px 24px 0 #00bf8638;font-size:1.1rem;font-weight:600;padding:14px 36px;transition:background .2s,box-shadow .2s,transform .2s}.admin-login-btn:hover{background:#009e6e;box-shadow:0 8px 32px 0 #00bf8654;transform:translateY(-2px)}.landing-right{height:260px;justify-content:center;width:420px}.rfid-card{box-shadow:0 12px 40px 0 #00000026;display:flex;flex-direction:column;height:170px;justify-content:flex-end;padding:28px 28px 22px;transition:transform .3s ease;width:290px}.rfid-card:hover{transform:scale(1.05) rotate(0deg)!important;z-index:10!important}.card1{animation:floatLeftCard 4s ease-in-out infinite;background:#0f172a;color:#fff;left:60px;top:0;transform:rotate(-7deg);z-index:1}.card2{animation:floatRightCard 5s ease-in-out infinite;background:linear-gradient(135deg,#00bf86,#00df9a);color:#fff;left:120px;top:60px;transform:rotate(7deg);z-index:2}.chip{background:#ffd600;border-radius:6px;height:22px;margin-bottom:32px;width:28px}.card-num{font-family:Courier New,Courier,monospace;font-size:1.2rem;letter-spacing:.2em;margin-bottom:8px}.card-label{font-size:1rem;opacity:.85}.fade-in{animation:fadeIn .8s ease-out}.fade-in-delay{animation:fadeIn .8s ease-out .2s both}.slide-in-left{animation:slideInLeft .8s cubic-bezier(.25,.46,.45,.94)}.slide-in-right{animation:slideInRight .8s cubic-bezier(.25,.46,.45,.94) .2s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px) rotate(-15deg)}to{opacity:1;transform:translateX(0) rotate(-7deg)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px) rotate(15deg)}to{opacity:1;transform:translateX(0) rotate(7deg)}}@media (max-width:1024px){.landing-content{flex-direction:column;gap:60px;justify-content:center;text-align:center}.branding-block,.landing-left{align-items:center}.branding-logo-large{margin-left:0}.landing-desc{text-align:center}.landing-right{display:flex;justify-content:center;width:100%}.card1{left:auto;transform:translateX(-40px) rotate(-7deg)}.card2{left:auto;transform:translateX(40px) rotate(7deg)}}.admin-login-card-container{margin:0 auto;max-width:440px;width:100%}.login-form-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 10px 40px #00000014;display:flex;flex-direction:column;padding:40px 30px}.form-logo{margin-bottom:25px;width:160px}.login-form-card h3{color:#b3e4c4;font-size:1.3rem;font-weight:700;margin-bottom:25px}.login-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:1rem;margin-bottom:15px;outline:none;padding:16px 20px;text-align:center;transition:all .2s;width:100%}.login-input:focus{background:#fff;border-color:#00bf86;box-shadow:0 0 0 3px #00bf8626}.btn-signin{background:#00bf86;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:10px;padding:15px;transition:background .2s;width:100%}.btn-signin:hover{background:#009e6e}.btn-back-scanner{background:#0000;border:none;color:#00bf86;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:25px;transition:color .2s}.btn-back-scanner:hover{color:#009e6e}.animated-border-wrapper{align-items:center;border-radius:40px;box-shadow:0 20px 50px #00000080;display:flex;justify-content:center;max-width:1200px;overflow:hidden;padding:4px;position:relative;width:90%}.animated-border-wrapper:before{animation:spinBorder 4s linear infinite;background:conic-gradient(from 0deg,#0000 0,#00ffd5 25%,#008cff 50%,#00ffd5 75%,#0000 100%);content:"";height:150%;position:absolute;width:150%}.hero-inner-box{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0a99;border-radius:36px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:60px 80px;position:relative;width:100%;z-index:1}.landing-left{flex:1 1;max-width:550px;z-index:2}.branding-logo-large{flex-shrink:0;height:auto;margin-bottom:5px;margin-left:-12px;object-fit:contain;width:400px}.form-logo{height:auto;margin-bottom:5px;width:220px}.landing-desc{color:#e0e0e0;font-size:1.1rem;line-height:1.6;margin-bottom:40px;text-shadow:0 2px 4px #0000004d}.admin-login-btn{background:#00cba9;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;padding:18px 60px}.landing-right{align-items:center;color:#f8fafc;display:flex;flex:1 1;height:350px;justify-content:flex-end;position:relative}.rfid-card{border-radius:24px;box-shadow:0 15px 35px #0006;height:200px;padding:25px;position:absolute;width:320px}.card-back{background:#0d1117;border:1px solid #ffffff1a;right:60px;top:20px;z-index:1}.card-front{background:#00d294;bottom:20px;right:0;z-index:2}.login-overlay{align-items:center;display:flex;justify-content:center;width:100%}@keyframes spinBorder{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:968px){.hero-inner-box{flex-direction:column;padding:40px;text-align:center}.landing-left{align-items:center;margin-bottom:50px}.landing-right{height:300px;justify-content:center;width:100%}.card-back{right:30px}.card-front{right:-30px}}.login-border-animated{align-items:center;border-radius:30px;display:flex;justify-content:center;max-width:450px;overflow:hidden;padding:3px;position:relative;width:100%}.login-border-animated:before{animation:rotateLoginBorder 4s linear infinite;background:conic-gradient(#0000,#00ffd5,#008cff,#00ffd5,#0000);content:"";height:200%;position:absolute;width:200%}@keyframes rotateLoginBorder{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-form-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0a99;border-radius:28px;padding:40px;position:relative;width:100%;z-index:1}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animated-card{animation:slideUpFade .6s cubic-bezier(.25,.8,.25,1) forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14191eb3;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px 0 #0000005e;color:#fff;font-family:sans-serif;max-width:550px;padding:2.5rem;width:100%}.animated-item{animation:slideUpFade .5s cubic-bezier(.25,.8,.25,1) forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.um-wrapper{display:flex;justify-content:center;padding:2rem}.um-title{font-size:24px;font-weight:700;letter-spacing:1px;margin-bottom:2rem;text-align:center}.form-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.form-col{flex:1 1}.form-group{margin-bottom:1.5rem}.form-group-last{margin-bottom:2.5rem}.um-label{color:#aaa;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.smooth-input{background:#0003;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;outline:none;padding:.8rem 1rem;transition:all .3s ease;width:100%}.smooth-input[type=date]{color-scheme:dark}.smooth-input:focus{background:#0006!important;border-color:#00bf86!important;box-shadow:0 0 8px #00bf8666}.photo-section{flex-direction:column;margin-bottom:2.5rem}.photo-box,.photo-section{align-items:center;display:flex}.photo-box{border:2px dashed #ffffff4d;border-radius:16px;cursor:pointer;height:100px;justify-content:center;margin-bottom:1rem;overflow:hidden;transition:all .3s ease;width:100px}.photo-box:active,.photo-box:hover{background:#00bf860d;border:2px dashed #00bf86!important;transform:scale(1.05)}.photo-placeholder{color:#888;font-size:11px;font-weight:700;pointer-events:none;text-align:center}.photo-preview{height:100%;object-fit:cover;width:100%}.upload-btn{background:#0000;border:1px solid #00bf86;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:.6rem 1.5rem;transition:all .3s ease}.upload-btn:active,.upload-btn:hover{background:#00bf86!important;box-shadow:0 4px 15px #00bf8666;color:#fff!important;transform:translateY(-2px)}.upload-btn:active{transform:translateY(1px)}.submit-btn{background:#00bf86;border:none;border-radius:8px;box-shadow:0 4px 15px #00bf864d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:1rem;transition:all .3s ease;width:100%}.submit-btn:hover{background:#00a372;box-shadow:0 6px 20px #00bf8666;transform:translateY(-2px)}.submit-btn:active{transform:translateY(1px)}
/*# sourceMappingURL=main.00f873d2.css.map*/