.attendance-container{min-height:100vh;width:100%;padding:20px;background:linear-gradient(135deg,#1f033d,#38056d 40%,#ab01de);display:flex;flex-direction:column;gap:20px;font-family:Inter,sans-serif}.nav-bar{width:100%;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;max-width:1300px;margin:0 auto 10px}.nav-left{display:flex;align-items:center;gap:12px}.nav-logo-img{width:42px;height:42px;border-radius:8px}.nav-brand{color:#fff;font-weight:700;font-size:16px}.nav-center{display:flex;align-items:center;gap:18px;flex:1;justify-content:center}.nav-btn{padding:8px 18px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.25s ease}.nav-btn:hover{background:#ab01de59;border-color:#ab01de;transform:translateY(-2px);box-shadow:0 0 14px #ab01de8c}.nav-btn.active{background:linear-gradient(135deg,#ab01de,#1f033d);border-color:#ab01de;box-shadow:0 0 20px #ab01dea6}.nav-right{display:flex;align-items:center;gap:14px;flex-shrink:0;margin-left:auto}.nav-user{color:#fff;font-weight:600}.nav-logout{background:#ff4d4d;border:none;padding:8px 14px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:.2s}.nav-logout:hover{background:#ff7070}.nav-hamburger{display:none;background:none;border:none;font-size:26px;color:#fff}@media (max-width: 768px){.nav-container{flex-wrap:wrap;justify-content:center;gap:14px}.nav-center{order:3}.nav-right{order:2;margin-left:0;width:100%;justify-content:flex-end}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;gap:12px}.nav-hamburger{display:block}}.attendance-grid{display:grid;grid-template-columns:420px 1.2fr;gap:35px;width:100%;max-width:1400px}@media (max-width: 900px){.attendance-grid{grid-template-columns:1fr}}.attendance-card{background:#ffffff1f;border-radius:22px;padding:30px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);box-shadow:0 0 28px #ab01de52,0 0 60px #ab01de26;transition:.25s ease-out}.attendance-title{color:#fff;font-size:26px;font-weight:700;text-shadow:0 0 12px rgba(171,1,222,.7)}.attendance-sub{margin-top:-6px;font-size:14px;color:#e6d9ff}.time-box{margin-top:18px;background:#ffffff1a;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 10px #ab01de33;color:#fff}.live-location-box{margin-top:16px;background:#00000040;border:1px solid rgba(255,255,255,.2);padding:14px;border-radius:14px;color:#bcdcff}.live-location-label{font-size:13px;opacity:.8}.action-row{display:flex;justify-content:center;gap:14px;margin-top:22px}.btn-glow{width:48%;padding:16px 0;border-radius:16px;font-size:1rem;font-weight:700;color:#fff;border:none;transition:.3s}.btn-in{background:#00ff8040;border:1px solid rgba(0,255,128,.7);box-shadow:0 0 14px #00ff8066}.btn-out{background:#ff414140;border:1px solid rgba(255,65,65,.7);box-shadow:0 0 14px #ff414166}.btn-glow:disabled{opacity:.5;filter:grayscale(100%)}.attendance-map-panel{background:#ffffff0f;border-radius:20px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;height:470px}.map-title{text-align:center;color:#cfe8ff;padding:10px;font-size:15px;font-weight:600;text-shadow:0 0 10px #00a2ff}@media (max-width: 900px){.attendance-map-panel{height:300px}}.attendance-history-card{margin-top:30px;width:100%;max-width:1400px;background:#000819c2;padding:28px;border-radius:22px;border:1px solid rgba(0,162,255,.25);box-shadow:0 0 20px #00a2ff59,0 0 60px #00a2ff2e}.log-title{text-align:center;color:#e6f3ff;font-size:26px;font-weight:700;margin-bottom:18px;text-shadow:0 0 12px #00a2ff}.daily-log-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px 20px;margin-bottom:16px;box-shadow:0 0 20px #00a2ff2e;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}}.daily-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.log-badge{padding:4px 12px;border-radius:12px;font-weight:700;font-size:12px}.log-badge.ontime{background:#00ff7826;color:#0f8;border:1px solid #00ff88}.log-badge.overtime{background:#ff730033;color:#f80;border:1px solid #ff8800}.session-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}.session-row:last-child{border-bottom:none}.pagination-controls{display:flex;justify-content:center;gap:12px;margin-top:15px}.pagination-btn{background:#00a2ff38;border:1px solid rgba(0,162,255,.55);padding:6px 14px;border-radius:10px;color:#eaf7ff;cursor:pointer;transition:.2s}.pagination-btn:hover{background:#00a2ff73}.pagination-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 768px){.attendance-card{width:100%;padding:20px}.action-row{flex-direction:column}.btn-glow{width:100%}.session-row{flex-direction:column;gap:5px}}.events-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.events-count{font-size:12px;color:#e6f3ffd9;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f}.events-empty{margin:0;color:#e6d9ffd9;font-size:14px}.events-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.events-table{width:100%;border-collapse:collapse;min-width:520px}.events-table thead th{text-align:left;font-size:12px;font-weight:800;color:#cfe8fff2;padding:12px;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}.events-table tbody td{padding:12px;font-size:13px;color:#ffffffeb;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:middle}.events-table tbody tr:hover{background:#ab01de14}.events-time{white-space:nowrap;font-weight:700;color:#fffffff2}.events-location{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bcdcffeb}.event-pill{display:inline-flex;align-items:center;justify-content:center;height:26px;min-width:42px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.08em}.event-pill.in{background:#00ff8024;border:1px solid rgba(0,255,128,.55);color:#0f8}.event-pill.out{background:#ff414124;border:1px solid rgba(255,65,65,.55);color:#ff6b6b}.hide-on-mobile{display:none}@media (min-width: 768px){.hide-on-mobile{display:table-cell}.events-table{min-width:100%}}.events-row{cursor:pointer}.events-row:active{transform:scale(.999)}.row-caret{margin-left:10px;font-size:11px;opacity:.85}.events-expanded td{padding:0;border-bottom:1px solid rgba(255,255,255,.08)}.expanded-card{padding:14px 12px;margin:0 0 10px;background:#ab01de14;border-top:1px solid rgba(255,255,255,.1)}.expanded-line{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.expanded-kv{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px}.expanded-label{display:block;font-size:11px;color:#cfe8ffd9;font-weight:800;margin-bottom:4px}.expanded-value{display:block;font-size:13px;color:#ffffffeb;font-weight:700;word-break:break-word}.maps-link{display:inline-flex;margin-top:10px;font-weight:800;font-size:13px;color:#0d8de6;text-decoration:none}.maps-link:hover{text-decoration:underline}.chart-section{width:100%;max-width:1400px;margin:0 auto;background:#000819c2;padding:18px;border-radius:22px;border:1px solid rgba(0,162,255,.25);box-shadow:0 0 20px #00a2ff40,0 0 60px #00a2ff1f}.chart-section h2{margin:0 0 12px;font-size:16px;font-weight:800;color:#e6f3ff;text-shadow:0 0 10px rgba(0,162,255,.55)}.stats-grid{width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:14px}.stat-card{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 18px #ab01de38;color:#fff}.stat-card h3{margin:0 0 10px;font-size:13px;color:#cfe8ff;font-weight:700}.stat-value{margin:0;font-size:22px;font-weight:800}.stat-card.overtime{border-color:#f809;box-shadow:0 0 18px #ff880040}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-inner{min-width:640px}.events-row{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--elimo-blue: #00a2ff;--elimo-dark-bg: #0a0f1f}.dash-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#00152d,#000914);padding:30px}.dash-card{width:95%;max-width:750px;background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:22px;padding:40px;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 20px #00a2ff59,0 0 50px #00a2ff40;animation:fadeIn 1s ease-out;transform-style:preserve-3d}.dash-title{color:#fff;text-align:center;font-size:32px;font-weight:800;margin-bottom:5px;text-shadow:0 0 12px var(--elimo-blue)}.dash-sub{color:#bcd7ff;text-align:center;margin-bottom:20px}.dash-divider{width:120px;height:4px;margin:0 auto 30px;background:linear-gradient(90deg,transparent,var(--elimo-blue),transparent);animation:glow 2s infinite ease-in-out}@keyframes glow{0%,to{opacity:.4}50%{opacity:1}}.dash-buttons{display:flex;justify-content:center;gap:18px;margin-bottom:30px}.dash-btn{padding:14px 28px;border-radius:12px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;text-decoration:none;transition:.25s;box-shadow:0 0 15px #00a2ff59}.dash-btn-blue{background:linear-gradient(90deg,#06f,#00a2ff)}.dash-btn-blue:hover{box-shadow:0 0 25px #00a2ff;transform:translateY(-3px)}.dash-btn-red{background:linear-gradient(90deg,#ff3b3b,#ff7070)}.dash-btn-red:hover{box-shadow:0 0 25px #ff5050;transform:translateY(-3px)}.dash-stats{margin-top:35px;color:#fff}.stats-title{font-size:22px;font-weight:700;text-align:center;margin-bottom:18px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats-card{background:#ffffff14;padding:16px;border-radius:14px;text-align:center;border:1px solid rgba(255,255,255,.2);transition:.25s}.stats-card:hover{background:#ffffff26;transform:translateY(-3px);box-shadow:0 0 12px var(--elimo-blue)}.stats-label{font-size:14px;color:#bcd7ff}.stats-value{margin-top:6px;font-size:18px;font-weight:700}.live-location-box{margin-top:18px;padding:14px 18px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 18px #00a2ff40;text-align:center;animation:fadeIn .3s ease}.live-location-label{color:#9fc9ff;font-size:13px;margin-bottom:5px;letter-spacing:.6px}.live-location-value{color:#fff;font-size:15px;font-weight:600;text-shadow:0 0 10px #00a2ff;word-wrap:break-word}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.status-badge{padding:6px 14px;border-radius:50px;font-weight:600;color:#fff;display:inline-block;font-size:14px;letter-spacing:.5px;animation-duration:.8s;animation-timing-function:ease-in-out}.status-none{background:#777}.status-in{background:#00d26a;box-shadow:0 0 12px #00d26a;animation:pulse-green 1.1s infinite ease-in-out}.status-out{background:#ff3753;box-shadow:0 0 12px #ff3753;animation:pulse-red 1.1s infinite ease-in-out}.status-overtime{background:#ffb500;box-shadow:0 0 18px #ffb500e6;animation:pulse-amber 1.2s infinite ease-in-out}.status-auto{background:red;box-shadow:0 0 20px red;animation:flash-red .4s infinite}@keyframes pulse-green{0%{box-shadow:0 0 3px #00d26a}50%{box-shadow:0 0 14px #00d26a}to{box-shadow:0 0 3px #00d26a}}@keyframes pulse-red{0%{box-shadow:0 0 2px #ff3753}50%{box-shadow:0 0 14px #ff3753}to{box-shadow:0 0 2px #ff3753}}@keyframes pulse-amber{0%{box-shadow:0 0 3px #ffb50099}50%{box-shadow:0 0 18px #ffb500}to{box-shadow:0 0 3px #ffb50099}}@keyframes flash-red{0%,to{opacity:1}50%{opacity:.35}}.analytics-container{min-height:100vh;padding:30px;background:radial-gradient(circle at top,#001935,#000814);display:flex;flex-direction:column;align-items:center}.analytics-title{font-size:32px;margin-bottom:25px;font-weight:700;text-align:center;color:#bcdcff!important;text-shadow:0 0 14px #00a2ff}.analytics-grid{width:100%;max-width:1300px;display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width: 900px){.analytics-grid{grid-template-columns:1fr}}.analytics-card{background:#ffffff14;border-radius:20px;padding:25px;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 25px #00a2ff59,0 0 70px #00a2ff2e;animation:fadeIn .6s ease}.analytics-card h2{font-size:20px;margin-bottom:15px;color:#bcdcff!important;text-shadow:0 0 8px #00a2ff}.stats-row{display:flex;gap:20px;margin-bottom:25px}.stats-box{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.25s}.stats-box:hover{transform:translateY(-4px);box-shadow:0 0 22px #00a2ff73}.stats-label{color:#9ec8ff!important;font-size:15px;margin-bottom:6px}.stats-value{font-size:26px;font-weight:700;color:#fff!important;text-shadow:0 0 10px #00a2ff}.analytics-chart-wrapper{width:100%;height:320px;margin-top:10px;background:#ffffff0a;border-radius:16px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px;display:flex;justify-content:center;align-items:center;color:#fff!important}.recharts-wrapper{filter:drop-shadow(0px 0px 12px #00a2ff55)}.location-list{margin-top:15px;list-style:none;padding:0}.location-item{background:#ffffff0d;border-radius:10px;padding:10px 15px;border:1px solid rgba(255,255,255,.15);margin-bottom:10px;display:flex;justify-content:space-between;color:#fff!important;transition:.2s}.location-item:hover{background:#00a2ff26;box-shadow:0 0 14px #00a2ff59}.analytics-container,.analytics-container *{color:#fff!important}.analytics-title,.analytics-card h2{color:#bcdcff!important}.stats-label{color:#9ec8ff!important}@media (max-width: 768px){.analytics-title{font-size:22px}.analytics-grid{grid-template-columns:1fr!important;gap:22px}.analytics-card{padding:18px}.stats-row{flex-direction:column}.stats-box{padding:16px}.stats-value{font-size:22px}.analytics-chart-wrapper{height:240px!important}.location-item{font-size:14px;padding:8px 10px}}@media (max-width: 768px){.btn-glow,.btn-sync,.nav-logout{padding:14px;font-size:16px}}.users-container{padding:30px;color:#1f033d;animation:fadeIn .6s ease}.users-title{font-size:32px;font-weight:700;margin-bottom:20px;background:linear-gradient(90deg,#ab01de,#0d8de6);background-clip:text;-webkit-background-clip:text;color:transparent}.btn-add-user{background:linear-gradient(135deg,#ab01de,#0d8de6);padding:12px 20px;border-radius:10px;border:none;color:#fff;font-weight:600;cursor:pointer;transition:.2s}.btn-add-user:hover{transform:scale(1.05);box-shadow:0 0 12px #ab01de}.users-table-wrapper{margin-top:25px;background:#ffffffe6;padding:15px;border-radius:14px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #00000014}.users-table{width:100%;border-collapse:collapse;color:#1f033d}.users-table th{padding:14px;background:#ab01de26;font-weight:600;border-radius:8px;color:#1f033d}.users-table td{padding:12px;border-bottom:1px solid rgba(0,0,0,.1)}.role-select{padding:6px;border-radius:6px;border:1px solid #ccc;background:#fff;color:#1f033d}.device-tag{padding:6px 10px;border-radius:8px;font-size:13px}.device-bound{background:#0d8de626;color:#0d8de6}.device-none{background:#ff000026;color:#c70039}.btn-reset,.btn-delete,.btn-logs{padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;margin-right:6px;border:none;transition:.2s;color:#fff}.btn-reset{background:#0d8de6}.btn-delete{background:#c70039}.btn-logs{background:#ab01de}.btn-reset:hover,.btn-delete:hover,.btn-logs:hover{opacity:.85;transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center}.modal-box{background:#fff;padding:25px;border-radius:14px;width:380px;box-shadow:0 4px 25px #0000004d;color:#1f033d}.modal-box input,.modal-box select{width:100%;margin-bottom:12px;padding:10px;border-radius:8px;border:1px solid #ccc;background:#fafafa;color:#1f033d}.btn-save{background:#0d8de6}.btn-close{background:#c70039}.btn-save,.btn-close{padding:10px 14px;border-radius:8px;border:none;color:#fff;cursor:pointer;width:48%}.modal-actions{display:flex;justify-content:space-between;margin-top:12px}.preview-img{width:100px;border-radius:8px;margin:10px auto;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logs-container{padding:20px}.logs-header{display:flex;justify-content:space-between;align-items:center}.btn-back{padding:8px 12px;border-radius:6px;background:#ccc;text-decoration:none;color:#000}.logs-list{margin-top:20px}.log-entry{background:#fff;padding:15px;margin-bottom:15px;border-radius:10px;box-shadow:0 3px 12px #0000001a}.log-time{font-size:14px;opacity:.7}.log-meta{margin-top:10px;padding:10px;background:#f7f7f7;border-radius:6px}.activation-container{min-height:100vh;background:linear-gradient(135deg,#1f033d,#ab01de,#0d8de6);background-size:200% 200%;animation:bgMove 10s ease infinite;display:flex;justify-content:center;align-items:center;padding:20px}@keyframes bgMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.activation-card{background:#fff;padding:35px;border-radius:16px;max-width:420px;width:100%;text-align:center;box-shadow:0 8px 25px #00000026;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.activation-logo{width:140px;margin-bottom:10px}.activation-subtitle{margin-top:5px;color:#555}.input-group{text-align:left;margin-top:20px}.input-group label{font-weight:600;color:#1f033d}.input-group input{width:100%;padding:12px;margin-top:6px;border-radius:10px;border:2px solid #ddd;font-size:15px;transition:border .25s}.input-group input:focus{border-color:#ab01de;outline:none}.strength-meter{display:flex;gap:6px;margin:12px 0 20px}.strength-bar{flex:1;height:8px;background:#ddd;border-radius:5px;transition:background .3s}.strength-bar.active:nth-child(1){background:#ff4b4b}.strength-bar.active:nth-child(2){background:#ffa534}.strength-bar.active:nth-child(3){background:#f6c90e}.strength-bar.active:nth-child(4){background:#2ecc71}.activation-btn{width:100%;padding:14px;background:#ab01de;color:#fff;border:none;border-radius:10px;font-size:17px;cursor:pointer;transition:transform .2s,background .3s}.activation-btn:hover{background:#8c00b9;transform:translateY(-2px)}.activation-btn:disabled{background:#bbb;cursor:not-allowed}.success-popup{position:absolute;background:#fff;padding:40px 55px;border-radius:20px;text-align:center;animation:popIn .6s ease-out;box-shadow:0 12px 40px #0003}@keyframes popIn{0%{opacity:0;transform:scale(.4)}80%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-check{font-size:60px;color:#2ecc71;font-weight:700}.success-popup p{margin-top:10px;font-size:20px;color:#1f033d;font-weight:600}:root{--elimo-blue: #0066ff;--elimo-blue-dark: #003c99;--elimo-neon: #00a2ff;--glass-bg: rgba(255, 255, 255, .18)}.login-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at top,#001935,#000814);display:flex;justify-content:center;align-items:center}.login-container:before,.login-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(0,150,255,.35) 1px,transparent 1px);background-size:3px 3px;animation:particleFloat 18s infinite linear;opacity:.25}.login-container:after{animation-duration:30s;opacity:.12}@keyframes particleFloat{0%{transform:translateY(0)}to{transform:translateY(-1800px)}}.login-container::backdrop,.login-container-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00001473;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:0}.login-card{position:relative;z-index:10;width:390px;padding:35px;border-radius:18px;background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.25);box-shadow:0 0 18px #00a2ff66,0 0 40px #00a2ff40,0 0 80px #00a2ff26;animation:cardFade .9s ease-out}@keyframes cardFade{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-logo{width:110px;height:auto;display:block;margin:0 auto 15px;filter:drop-shadow(0px 2px 6px rgba(0,162,255,.5))}.login-title{text-align:center;font-size:24px;font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:.5px;text-shadow:0px 0px 12px rgba(0,162,255,.8)}.login-title:after{content:"";width:80px;height:3px;margin:10px auto 20px;display:block;border-radius:4px;background:linear-gradient(90deg,transparent,var(--elimo-neon),transparent);animation:accentPulse 1.8s infinite ease-in-out}@keyframes accentPulse{0%,to{opacity:.1;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}.forgot-wrapper{text-align:right;margin-top:6px}.forgot-link{color:var(--elimo-neon);font-size:14px;text-decoration:none;transition:.2s}.forgot-link:hover{text-shadow:0 0 8px var(--elimo-neon)}@media (max-width: 480px){.login-card{width:92%;padding:28px;border-radius:14px}.login-title{font-size:20px}.login-logo{width:90px}}.neon-input-wrapper{margin-top:16px;width:100%}.neon-input-label{font-size:14px;color:#a8c8ff;margin-bottom:6px;display:block;text-shadow:0 0 4px rgba(0,162,255,.6)}.neon-input{width:100%;padding:12px 14px;border-radius:10px;background:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(0,162,255,.5);color:#fff;font-size:15px;outline:none;transition:.25s ease;box-shadow:0 0 8px #00a2ff40}.neon-input:focus{border-color:#00a2ff;box-shadow:0 0 12px #00a2ffa6,0 0 24px #00a2ff66;background:#ffffff1f}.neon-button{width:100%;padding:14px;margin-top:20px;border-radius:10px;font-size:16px;font-weight:600;background:linear-gradient(90deg,#06f,#00a2ff);color:#fff;border:none;cursor:pointer;box-shadow:0 0 10px #00a2ff73,0 0 20px #00a2ff59;transition:.25s ease}.neon-button:hover{box-shadow:0 0 15px #00a2ffbf,0 0 35px #00a2ff8c;transform:translateY(-2px)}.neon-button:active{transform:translateY(1px);box-shadow:0 0 10px #00a2ff80}.neon-button:disabled{opacity:.6;cursor:not-allowed}.login-tilt-wrapper{perspective:1100px;width:100%;display:flex;justify-content:center;align-items:center}.login-card{transform-style:preserve-3d;transition:transform .25s ease-out}.neon-glow{box-shadow:0 0 25px #00baff55,0 0 50px #00baff33}.btn-neon-green{padding:12px 28px;font-weight:700;background:#00ff95;color:#000;border-radius:10px;transition:.2s;box-shadow:0 0 15px #00ff95aa}.btn-neon-green:hover{box-shadow:0 0 25px #00ff95;transform:translateY(-2px)}.btn-neon-red{padding:12px 28px;font-weight:700;background:#ff4b4b;color:#000;border-radius:10px;transition:.2s;box-shadow:0 0 15px #ff4b4baa}.btn-neon-red:hover{box-shadow:0 0 25px #ff4b4b;transform:translateY(-2px)}.btn-sync{width:100%;background:#1d4ed8;color:#fff;padding:10px;border-radius:8px;transition:.2s}.btn-sync:hover{background:#2563eb}@keyframes float{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-20px) scale(1.2);opacity:.7}to{transform:translateY(0) scale(1);opacity:1}}.animate-float{animation:float 4s ease-in-out infinite}