*{box-sizing:border-box}.app{max-width:600px;margin:80px auto;background:#fff;padding:24px;border-radius:10px}h1{text-align:center}.form{display:flex;gap:10px;margin-bottom:20px}.form input,.form select{padding:8px;flex:1}.form button{padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer}.form button:hover{background-color:}ul{list-style:none;padding:0}.job-item{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;padding:12px;margin-bottom:10px;border-radius:8px;animation:slideFade .4s ease;transition:opacity .3s ease,transform .3s ease}.job-item.removing{opacity:0;transform:translateY(-20px)}.job-info{display:flex;flex-direction:column}.job-actions{display:flex;gap:8px}.job-actions select{padding:6px;border-radius:6px}.job-actions button{padding:6px 10px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.job-actions button:hover{background:#c53030}.error{color:#ff2d00;font-weight:700;width:100%;margin-top:8px;text-align:center;background-color:#ffaca3;border-radius:6px;padding:5px;opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.success{color:#007a0b;margin-top:8px;font-weight:700;font-size:large;text-align:center;background-color:#8cff92;border-radius:6px;padding:5px;opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.error.show,.success.show{opacity:1;transform:translateY(0);pointer-events:auto}@keyframes slideFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){body{padding:24px}.app{padding:22px}h1{font-size:1.75rem}.form{gap:12px;flex-wrap:wrap}.form input,.form select,.form button{font-size:1rem;padding:10px;flex:1 1 100%}.form button{font-size:1rem;padding:12px}.job-item{padding:14px}.error,.success{font-size:1rem;padding:8px}}@media(max-width:480px){body{padding:16px}.app{padding:20px}h1{font-size:1.5rem}.form{gap:14px}.form input,.form select{font-size:1rem;padding:12px}.form button{font-size:1rem;padding:14px;border-radius:8px}.job-item{padding:16px;font-size:.95rem}.job-actions{gap:10px}.job-actions select,.job-actions button{padding:10px 12px;font-size:.9rem}.error,.success{font-size:.95rem;padding:10px}}body{font-family:system-ui,sans-serif;background:#f5f7fa;margin:0;padding:0}.auth-container{max-width:400px;margin:80px auto;padding:40px 32px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.auth-container:hover{transform:translateY(-2px);box-shadow:0 15px 30px #00000026}.auth-container h2{margin-bottom:28px;color:#2563eb;font-size:1.8rem}.auth-container input{width:100%;padding:12px 14px;margin-bottom:18px;border-radius:8px;border:1px solid #ccc;font-size:1rem;transition:border .3s,box-shadow .3s}.auth-container input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 5px #2563eb66}.auth-container button{width:100%;padding:14px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .3s,transform .2s}.auth-container button:hover{background-color:#1e4bb8;transform:translateY(-1px)}.switch-auth{margin-top:16px;color:#2563eb;cursor:pointer;text-decoration:underline;font-size:.95rem;transition:color .2s}.switch-auth:hover{color:#1e4bb8}.error-msg{color:#ff2d00;margin-bottom:16px;font-weight:600;font-size:.95rem}.success-msg{color:#007a0b;margin-bottom:16px;font-weight:600;font-size:.95rem}.logout-btn{padding:8px 12px;background:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-bottom:20px;transition:background .3s}.logout-btn:hover{background:#363636}