:root{--primary-color: #F4B63F;--surface-dark: #1E1E1E;--text-light: #FFFFFF;--text-secondary: #9E9E9E}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{margin:0;padding:0;min-height:100vh;background-color:#000;overflow-x:hidden}.login-container{display:flex;width:100%;min-height:100vh;position:relative}.image-section{flex:1;position:relative;overflow:hidden}.image-section img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.quote-container{position:absolute;bottom:60px;left:40px;color:var(--text-light);max-width:80%;padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.quote-text,.quote-author{transition:opacity .5s ease-in-out}.quote-text{font-size:24px;line-height:1.4;margin-bottom:20px;font-style:italic}.quote-author{font-size:14px;color:#fffc;font-weight:500}.login-section{flex:1;background-color:#353c48;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;position:relative}.logo{width:200px;margin-bottom:2rem}.login-box{width:100%;max-width:400px}.login-title{color:#fff;font-size:28px;text-align:center;margin-bottom:1rem}.employee-selector{background-color:#ffffff1a;padding:15px;border-radius:8px;display:flex;align-items:center;margin-bottom:2rem;cursor:pointer;border:1px solid #50596a;transition:all .3s}.employee-selector:hover{border-color:#2389ae;background-color:#ffffff26}.employee-avatar{width:40px;height:40px;border-radius:50%;margin-right:15px}.employee-info{flex:1;display:flex;flex-direction:column;gap:4px}.employee-shift{color:#95a0b1;font-size:14px}.pin-section{text-align:center}.pin-dots{display:flex;justify-content:center;gap:10px;margin-bottom:30px;position:relative}.pin-dot{width:12px;height:12px;border-radius:50%;background-color:#ffffff1a;transition:background-color .3s}.pin-dot.filled{background-color:var(--text-light)}.pin-dots.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;transform-origin:center;will-change:transform}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-15px)}20%,40%,60%,80%{transform:translate(15px)}}.pin-dots.shake .pin-dot{background-color:#ff00004d;transition:background-color .3s}.pin-dots.shake .pin-dot.filled{background-color:#f009}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:300px;margin:0 auto}.pin-button{background-color:#ffffff1a;border:1px solid #50596a;color:#fff;font-size:24px;padding:15px;border-radius:8px;cursor:pointer;transition:all .3s}.pin-button:hover{background-color:#fff3;border-color:#2389ae}.start-shift-btn{width:100%;padding:15px;background-color:#2389ae;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;margin-top:50px;cursor:pointer;transition:all .3s}.start-shift-btn:hover{background-color:#1e7a9a}.start-shift-btn:disabled{background-color:#50596a;cursor:not-allowed}.employee-selector select{width:100%;background:none;border:none;color:#fff;font-size:16px;padding:8px 0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.employee-selector select:focus{outline:none}.employee-selector select option{background-color:#353c48;color:#fff;padding:12px}.toast-container{z-index:1100}.toast{--bs-toast-max-width: 350px;font-weight:500;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease-out}.toast-body{display:flex;align-items:center;padding:1rem;font-size:.95rem}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.quote-container-mobile{display:none;color:#fff;max-width:100%;padding:16px;border-radius:12px;background:#0003;margin-bottom:16px}@media(max-width:768px){.login-container{flex-direction:column}.image-section{display:none}.login-section{height:auto;min-height:100vh;padding:20px}.quote-container-mobile{display:block}.logo{width:150px;margin-bottom:1.5rem}.login-title{font-size:24px}}