:root { --roise-accent: #88602f; }
body.task-login { background: #f5f2ec; background-image: radial-gradient(ellipse at 15% 15%, #e8dece 0, transparent 55%), radial-gradient(ellipse at 85% 90%, #f2e7db 0, transparent 50%); }
body.task-login #layout-content { background: transparent; }
body.task-login #login-form { max-width: 440px; padding: 42px 36px 30px; border: 1px solid #e4dbce; border-radius: 22px; background: #fffefb; box-shadow: 0 20px 70px #3b2a1410; }
body.task-login #logo { width: 188px; max-height: 90px; height: auto; margin: 0 auto 24px; }
.roise-title { color: #362d23; font-size: 22px; font-weight: 600; text-align: center; margin-bottom: 8px; }
.roise-subtitle { color: #837668; text-align: center; font-size: 14px; margin-bottom: 28px; }
.roise-help { color: #8c8175; font-size: 12px; line-height: 1.7; text-align: center; margin: 25px 0 0; }
body.task-login .form-control { border-radius: 10px; border-color: #dfd6c9; }
body.task-login button[type=submit] { background: #88602f; border-color: #88602f; border-radius: 10px; min-height: 45px; }
body.task-login button[type=submit]:hover { background: #6c4923; border-color: #6c4923; }
body.task-login #login-footer { color: #948677; }
#taskmenu { background-color: #302a24; }
#taskmenu a.selected { background-color: #88602f; }
.btn-primary { background-color: #88602f; border-color: #88602f; }
.btn-primary:hover { background-color: #6c4923; border-color: #6c4923; }
@media (max-width: 480px) { body.task-login #login-form { width: calc(100% - 32px); padding: 32px 22px 24px; } .roise-title { font-size: 20px; } }