.login-wrapper{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.login-box{-webkit-backdrop-filter:blur(16px);text-align:center;box-sizing:border-box;background:#fff6;border:1px solid #fff9;border-radius:24px;width:100%;max-width:400px;padding:40px 50px;box-shadow:0 12px 32px #4b3c801a}.logo-ville-login{filter:drop-shadow(0 4px 6px #0000001a);max-width:120px;margin-bottom:15px}.login-box h1{color:var(--logo-purple);margin-top:0;margin-bottom:30px;font-size:1.8rem}.input-group{text-align:left;margin-bottom:20px}.input-group label{color:var(--logo-purple);margin-bottom:8px;font-weight:700;display:block}.input-group input{width:100%;color:var(--text-dark);box-sizing:border-box;background:#fff9;border:1px solid #fffc;border-radius:12px;padding:12px 15px;font-size:1rem;transition:all .2s}.input-group input:focus{border-color:var(--logo-green);background:#ffffffe6;outline:none;box-shadow:0 0 0 3px #95c15a33}.btn-login{background:var(--logo-green);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:10px;padding:15px;font-size:1.1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #95c15a66}.btn-login:hover{background:#82a84e;transform:translateY(-2px);box-shadow:0 6px 20px #95c15a80}.btn-login:active{transform:translateY(1px)}.error-message{background:var(--logo-pink);color:#fff;border-radius:12px;margin-bottom:20px;padding:12px;font-weight:700;box-shadow:0 4px 15px #c783ab66}body{background:linear-gradient(135deg,#e3f0d2 0%,#fdf9cd 50%,#f0e1ea 100%);min-height:100vh;margin:0;font-family:sans-serif}.pointage-container{box-sizing:border-box;justify-content:center;align-items:flex-start;gap:40px;min-height:100vh;padding:40px 20px;display:flex}.main-col,.logs-side{-webkit-backdrop-filter:blur(16px);background:#ffffff59;border:1px solid #fff9;border-radius:24px;padding:40px;box-shadow:0 12px 32px #4b3c801a}.main-col{text-align:center;flex-direction:column;align-items:center;width:420px;display:flex}.logs-side{text-align:left;width:350px;max-height:85vh;overflow-y:auto}.logo-ville{filter:drop-shadow(0 4px 6px #0000001a);max-width:150px;margin-bottom:20px}h1{color:var(--logo-purple);margin-top:0;font-size:1.8rem}.status-msg{border-radius:50px;margin:15px 0;padding:12px 20px;font-size:1.1rem;font-weight:700;transition:all .3s}.status-msg.neutral{color:var(--text-dark);background:#ffffff80}.status-msg.success{background:var(--logo-green);color:#fff;box-shadow:0 4px 15px #95c15a66}.status-msg.error{background:var(--logo-pink);color:#fff;box-shadow:0 4px 15px #c783ab66}.pin-display{justify-content:center;gap:15px;margin:30px 0;display:flex}.dot{border:3px solid var(--logo-purple);background:0 0;border-radius:50%;width:25px;height:25px;transition:all .2s ease-in-out}.dot.filled{background:var(--logo-purple);transform:scale(1.1)}.numpad{grid-template-columns:repeat(3,85px);justify-content:center;gap:15px;margin-top:20px;display:grid}.numpad button{height:85px;color:var(--logo-purple);cursor:pointer;background:#fff6;border:1px solid #fffc;border-radius:16px;font-size:1.8rem;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #0000000d}.numpad button:hover:not(:disabled){background:#fffc;transform:translateY(-2px)}.numpad button:active:not(:disabled){background:#ffffffe6;transform:translateY(2px)}.numpad button:disabled{opacity:.5;cursor:not-allowed}.btn-clear{color:#fff!important;background:#c783abcc!important;border-color:#0000!important}.btn-clear:hover:not(:disabled){background:var(--logo-pink)!important}.btn-ok{color:#fff!important;background:#95c15acc!important;border-color:#0000!important}.btn-ok:hover:not(:disabled){box-shadow:0 6px 15px #95c15a66;background:var(--logo-green)!important}.logs-side h3{color:var(--logo-purple);border-bottom:2px solid #fff9;margin-top:0;padding-bottom:15px}.logs-side ul{margin:0;padding:0;list-style:none}.logs-side li{background:#ffffff73;border:1px solid #ffffffb3;border-radius:16px;padding:15px}.logs-side strong{color:var(--text-dark);font-size:1.1rem}.logs-side::-webkit-scrollbar{width:6px}.logs-side::-webkit-scrollbar-thumb{background:#4b3c8033;border-radius:10px}:root{--logo-green:#95c15a;--logo-yellow:#f9e830;--logo-purple:#4b3c80;--logo-pink:#c783ab;--text-dark:#2c3e50}body{min-height:100vh;color:var(--text-dark);background:linear-gradient(135deg,#e3f0d2 0%,#fdf9cd 50%,#f0e1ea 100%);margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.admin-container{max-width:1200px;margin:0 auto;padding:40px 20px}.admin-header{-webkit-backdrop-filter:blur(16px);background:#fff6;border:1px solid #fff9;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px 40px;display:flex;box-shadow:0 8px 32px #4b3c801a}.admin-header h1{color:var(--logo-purple);margin:0;font-size:1.8rem}.admin-header button{background:var(--logo-pink);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #c783ab4d}.admin-header button:hover{background:#b57098;transform:translateY(-2px)}.stats-overview{margin-bottom:30px}.stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#fff6;border:1px solid #fff9;border-radius:20px;padding:20px 40px;display:inline-block;box-shadow:0 4px 15px #4b3c800d}.stat-card h3{color:var(--logo-purple);margin:0 0 10px}.stat-card p{color:var(--logo-green);text-shadow:1px 1px 2px #0000000d;margin:0;font-size:2.5rem;font-weight:700}.table-wrapper,.employes-section>div{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:30px;box-shadow:0 8px 32px #4b3c801a;background:#fff6!important;border:1px solid #fff9!important;border-radius:24px!important;padding:30px!important}.table-wrapper h2,.employes-section h3{color:var(--logo-purple);border-bottom:2px solid #fff9;margin-top:0;padding-bottom:15px}.admin-table{border-collapse:collapse;width:100%;margin-top:15px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #ffffff80;padding:15px}.admin-table th{color:var(--logo-purple);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}.admin-table tr{transition:background .2s}.admin-table tr:hover{background:#fff9}.badge-site{background:var(--logo-yellow);color:var(--logo-purple);border-radius:20px;padding:5px 12px;font-size:.85rem;font-weight:700;box-shadow:0 2px 5px #f9e8304d}.admin-tabs button,.employes-section button{transition:all .2s!important}.admin-tabs button:hover,.employes-section button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000001a}.admin-tabs button:active,.employes-section button:active{transform:translateY(1px)}.btn-logout{color:var(--logo-pink);cursor:pointer;background:#c783ab33;border:1px solid #c783ab80;border-radius:12px;padding:8px 15px;font-size:.85rem;font-weight:700;transition:all .2s;position:absolute;top:-20px;right:-20px}.btn-logout:hover{background:var(--logo-pink);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #c783ab4d}