*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f4f4f4;color:#333;min-height:100vh;background:linear-gradient(135deg,#ee0606,#af1616)}.User-Details{min-height:20vh;display:flex;align-items:center;justify-content:center}#landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ee0606,#af1616)}.landing-container{text-align:center;color:#fff}.landing-container h1{font-size:3rem;margin-bottom:40px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}#login-form{display:flex;flex-direction:column;align-items:center;gap:20px}#login-form input{padding:12px 20px;font-size:1rem;border:none;border-radius:25px;width:300px;text-align:center}.login-button{padding:15px 50px;font-size:1.2rem;background:#fff;color:#667eea;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:transform .2s,box-shadow .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.signup-button{margin-top:15px;padding:12px 40px;font-size:1rem;background:#fff3;color:#fff;border:2px solid #fff;border-radius:50px;cursor:pointer;transition:background .2s,transform .2s}.signup-button:hover{background:#ffffff4d;transform:translateY(-2px)}#welcome-message{margin-top:10px;font-size:1.1rem;color:#fff}.logout-button{padding:10px 25px;font-size:1rem;background:#e74c3c;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .2s}.logout-button:hover{background:#c0392b}#app{max-width:800px;margin:0 auto;padding:20px}header{background:#333;color:#fff;padding:20px;text-align:center;border-radius:5px;margin-bottom:20px}main{background:#fff;padding:20px;border-radius:5px}section{margin-bottom:30px}h2{margin-bottom:15px;color:#333}form{display:flex;gap:10px;margin-bottom:20px}input{flex:1;padding:10px;border:1px solid #ddd;border-radius:3px}button{padding:10px 20px;background:#333;color:#fff;border:none;border-radius:3px;cursor:pointer}button:hover{background:#555}.item{background:#f9f9f9;padding:15px;margin-bottom:10px;border-radius:3px;display:flex;justify-content:space-between;align-items:center}.item-info h3{margin-bottom:5px}.item-actions button{margin-left:5px;padding:5px 10px;font-size:14px}.item-actions .delete{background:#e74c3c}.item-actions .delete:hover{background:#c0392b}#timer-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ee0606,#af1616)}.timer-container{text-align:center;color:#fff;background:#ffffff1a;padding:50px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timer-container h1{font-size:2.5rem;margin-bottom:30px}#timer-display{font-size:6rem;font-weight:700;margin:30px 0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}#code-display{font-size:4rem;font-weight:700;letter-spacing:10px;margin:20px 0;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-family:Courier New,monospace}.timer-controls{display:flex;gap:15px;justify-content:center;margin-top:30px}.timer-button{padding:12px 30px;font-size:1.1rem;background:#fff;color:#667eea;border:none;border-radius:25px;cursor:pointer;transition:transform .2s,box-shadow .2s}.timer-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.timer-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.timer-button.secondary{background:#fff3;color:#fff}.timer-nav-button{padding:12px 30px;font-size:1rem;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .2s}.timer-nav-button:hover{background:#5568d3}