*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#3d7a4f;--green-dark:#2c5c39;--green-light:#e8f5e9;--green-mid:#5a9e6f;--shadow:0 20px 60px #00000026;--card-shadow:0 8px 32px #3d7a4f1f;--text:#1a2e1f;--muted:#6b8f72;--border:#d4e8d8;--error:#c0392b;--error-bg:#fdecea}body{background:linear-gradient(160deg,#c8e6c9d9 0%,#a5d6a7e6 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;font-family:Poppins,sans-serif;display:flex;position:relative;overflow:hidden auto}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(600px 400px at 15% 20%,#4caf5040 0%,#0000 70%),radial-gradient(500px 500px at 85% 80%,#2e7d3233 0%,#0000 70%),radial-gradient(400px 300px,#81c78426 0%,#0000 70%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(2px at 10% 30%,#fff6 0%,#0000 100%),radial-gradient(1.5px at 25% 70%,#ffffff4d 0%,#0000 100%),radial-gradient(2px at 70% 20%,#ffffff59 0%,#0000 100%),radial-gradient(1px at 90% 60%,#ffffff40 0%,#0000 100%),radial-gradient(2px at 50% 85%,#ffffff4d 0%,#0000 100%);position:fixed;inset:0}.login-wrap{z-index:1;width:100%;max-width:420px;position:relative}.logo-area{text-align:center;margin-bottom:8px;animation:.5s both fadeDown}.brand-logo{object-fit:contain;width:auto;max-width:90%;height:64px;display:inline-block}.logo-icon{background:#fff;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:14px;font-size:36px;display:inline-flex;box-shadow:0 8px 24px #3d7a4f40}.logo-area h1{color:var(--green-dark);letter-spacing:-.5px;text-shadow:0 1px 8px #fff9;font-size:26px;font-weight:800}.logo-area p{color:#3a5a42;text-shadow:0 1px 6px #ffffff8c;margin-top:4px;font-size:13px;font-weight:500}.card{box-shadow:var(--shadow);background:#ffffff52;border:1px solid #ffffff8c;border-radius:30px;padding:32px 28px 28px;animation:.5s .1s both fadeUp}.screen{display:none}.screen.active{display:block}.screen-header{text-align:center;margin-bottom:22px}.screen-header h2{color:var(--green-dark);letter-spacing:-.01em;font-size:25px;font-weight:800}.screen-header p{color:var(--muted);margin-top:5px;font-size:14px;line-height:1.5}.field{margin-bottom:18px}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.field input{width:100%;color:var(--text);background:#ffffffeb;border:1.5px solid #0000;border-radius:16px;outline:none;padding:16px 18px;font-family:Poppins,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.field input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 4px #3d7a4f1f}.field input::placeholder{color:#8aa090}.pw-field{position:relative}.pw-field input{padding-right:50px}.pw-eye{cursor:pointer;color:var(--muted);background:0 0;border:none;align-items:center;padding:4px;line-height:0;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pw-eye:hover{color:var(--green)}.btn-primary{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:4px;padding:16px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 6px 18px #3d7a4f59}.btn-primary:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0 6px 20px #3d7a4f66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{width:100%;color:var(--green);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:14px;margin-top:10px;padding:13px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.btn-ghost:hover{background:var(--green-light);border-color:var(--green)}.btn-soft{width:100%;color:var(--green-dark);cursor:pointer;text-align:center;background:#e8f5e9d1;border:1px solid #c8e6c9d9;border-radius:16px;margin-top:10px;padding:15px;font-family:Poppins,sans-serif;font-size:14.5px;font-weight:700;text-decoration:none;transition:all .2s;display:block}.btn-soft:hover{border-color:var(--green);background:#def0e0f2}.forgot-link{text-align:center;margin-top:14px}.forgot-link a{color:var(--green-dark);font-size:13.5px;font-weight:600;text-decoration:none}.forgot-link a:hover{text-decoration:underline}.alert{border-radius:12px;margin-bottom:18px;padding:12px 16px;font-size:13px;font-weight:500;display:none}.alert.error{background:var(--error-bg);color:var(--error);border:1px solid #f5c6c2}.alert.success{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9}.alert.show{display:block}.divider{color:var(--muted);align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.pin-display{justify-content:center;gap:14px;margin:20px 0 28px;display:flex}.pin-dot{border:2px solid var(--border);background:0 0;border-radius:50%;width:16px;height:16px;transition:all .2s}.pin-dot.filled{background:var(--green);border-color:var(--green);transform:scale(1.1)}.pin-dot.error-dot{background:var(--error);border-color:var(--error);animation:.4s shake}.numpad{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.num-btn{aspect-ratio:1;background:var(--green-light);border:1.5px solid var(--border);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-size:22px;font-weight:600;transition:all .15s;display:flex}.num-btn:hover{border-color:var(--green);background:#d4edda;transform:scale(1.03)}.num-btn:active{transform:scale(.96)}.num-btn.del{color:var(--muted);font-size:18px}.num-btn.zero{grid-column:2}.worker-list{margin-bottom:20px}.worker-item{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:all .15s;display:flex}.worker-item:hover,.worker-item.selected{border-color:var(--green);background:var(--green-light)}.worker-avatar{color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.worker-name{color:var(--text);font-size:14px;font-weight:600}.worker-role{color:var(--muted);margin-top:1px;font-size:11px}.welcome-badge{background:var(--green-light);color:var(--green-dark);border:1px solid #c8e6c9;border-radius:20px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.role-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.role-badge.admin{color:#2e7d32;background:#e8f5e9}.role-badge.manager{color:#3949ab;background:#e8eaf6}.role-badge.worker{color:#f57f17;background:#fff8e1}.strength-bar{background:var(--border);border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.strength-fill{border-radius:2px;width:0;height:100%;transition:width .3s,background .3s}.login-footer{text-align:center;color:var(--muted);margin-top:20px;font-size:12px;animation:.5s .3s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{vertical-align:middle;border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}.loading-overlay{z-index:999;background:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.loading-overlay.show{display:flex}.loading-icon{margin-bottom:12px;font-size:40px;animation:1.5s linear infinite spin}.loading-text{color:var(--green-dark);font-size:14px;font-weight:600}.screen-card,.card,.login-card{-webkit-backdrop-filter:blur(26px)saturate(1.4)!important;backdrop-filter:blur(26px)saturate(1.4)!important;background:#ffffff52!important;border:1px solid #ffffff8c!important;box-shadow:0 24px 70px #1f3a2d47!important}body{min-height:100vh;position:relative}body:before{content:"";z-index:-2;pointer-events:none;background-image:url(https://res.cloudinary.com/dxdqndghg/image/upload/f_auto,q_auto,c_limit,w_1920/v1777368068/login_screen_kcoexh.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#e9f5e929 0%,#96b9963d 100%);position:fixed;inset:0}