:root{--login-primary: #0f4c81;--login-primary-dark: #0a355d;--login-accent: #36cfc9;--login-gradient-start: #0f4c81;--login-gradient-end: #1a6ba3;--login-accent-gradient-start: #36cfc9;--login-accent-gradient-end: #2db5b0;--login-text-primary: #1e293b;--login-text-secondary: #64748b;--login-bg-light: #f8fafc;--login-border: rgba(15, 76, 129, .1);--login-shadow: rgba(15, 76, 129, .15)}body.login-page{min-height:100vh;background:linear-gradient(135deg,var(--login-gradient-start) 0%,var(--login-gradient-end) 50%,var(--login-accent-gradient-start) 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(54,207,201,.1) 0%,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none}body.login-page:after{content:"";position:absolute;bottom:-30%;right:-30%;width:60%;height:60%;background:radial-gradient(circle,rgba(15,76,129,.15) 0%,transparent 70%);animation:rotate 25s linear infinite reverse;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-box{width:100%;max-width:420px;position:relative;z-index:1;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-logo{text-align:center;margin-bottom:30px}.login-logo a{font-size:2.5rem;font-weight:700;color:#fff;text-decoration:none;display:inline-block;text-shadow:0 2px 10px rgba(0,0,0,.2);transition:transform .3s ease}.login-logo a:hover{transform:scale(1.05);color:#fff}.login-logo a b{background:linear-gradient(135deg,#ffffff 0%,var(--login-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-box .card{border:none;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;overflow:hidden;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.login-card-body{padding:40px}.login-box-msg{font-size:1.5rem;font-weight:600;color:var(--login-text-primary);text-align:center;margin-bottom:30px;position:relative}.login-box-msg:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--login-accent-gradient-start),var(--login-accent-gradient-end));border-radius:2px}.input-group{margin-bottom:20px;position:relative}.input-group-text{background:linear-gradient(135deg,var(--login-primary) 0%,var(--login-primary-dark) 100%);border:none;border-radius:12px 0 0 12px;color:#fff;padding:12px 16px;font-size:1.1rem;box-shadow:0 2px 8px #0f4c8133}.form-control{border:2px solid var(--login-border);border-left:none;border-radius:0 12px 12px 0;padding:12px 16px;font-size:1rem;transition:all .3s ease;background:#fff}.form-control:focus{border-color:var(--login-accent);box-shadow:0 0 0 3px #36cfc91a;outline:none}.form-control::placeholder{color:var(--login-text-secondary);opacity:.6}.form-control.is-invalid{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.invalid-feedback{display:block;margin-top:8px;font-size:.875rem;color:#dc3545}.alert-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);border:none;border-radius:12px;color:#991b1b;padding:16px;margin-bottom:24px;box-shadow:0 4px 12px #dc354526}.alert-danger ul{margin:0;padding-left:20px}.alert-danger li{margin-bottom:4px}.login-card-body .form-check{display:flex!important;align-items:center!important;margin:0!important;gap:0;height:auto;line-height:1.5}.login-card-body .form-check-input{width:18px!important;height:18px!important;margin:0 8px 0 0!important;border:2px solid var(--login-border)!important;border-radius:4px!important;cursor:pointer;transition:all .3s ease;flex-shrink:0!important;vertical-align:middle!important;position:relative!important;top:0!important;align-self:center!important;float:none!important;line-height:1.5!important}.login-card-body .form-check-input:checked{background-color:var(--login-primary)!important;border-color:var(--login-primary)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")!important}.login-card-body .form-check-label{color:var(--login-text-secondary)!important;font-size:.95rem!important;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.5!important;display:inline-flex!important;align-items:center!important;vertical-align:middle!important;margin:4px 0 0!important;padding:0!important;height:auto!important}.login-card-body .btn-primary,.login-card-body .btn.btn-primary,.login-card-body .login-btn{background:linear-gradient(135deg,var(--login-primary) 0%,var(--login-primary-dark) 100%)!important;border:none!important;border-radius:12px!important;padding:12px 24px!important;font-size:1rem!important;font-weight:600!important;color:#fff!important;transition:all .3s ease;box-shadow:0 4px 15px #0f4c814d;position:relative;overflow:visible!important;white-space:nowrap!important;word-break:keep-all!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px;line-height:1!important}.login-card-body .btn-primary *,.login-card-body .btn.btn-primary *,.login-card-body .login-btn *{white-space:nowrap!important;display:inline!important;flex-shrink:0!important}.login-card-body .btn-primary i,.login-card-body .btn.btn-primary i,.login-card-body .login-btn i{display:inline-block!important;vertical-align:middle!important;margin-right:6px!important;flex-shrink:0!important;white-space:nowrap!important;line-height:1!important}.login-card-body .btn-primary:before,.login-card-body .btn.btn-primary:before,.login-card-body .login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-card-body .btn-primary:hover:before,.login-card-body .btn.btn-primary:hover:before,.login-card-body .login-btn:hover:before{left:100%}.login-card-body .btn-primary:hover,.login-card-body .btn.btn-primary:hover,.login-card-body .login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f4c8166;background:linear-gradient(135deg,var(--login-primary-dark) 0%,var(--login-primary) 100%)!important;white-space:nowrap!important;display:flex!important;flex-direction:row!important;align-items:center!important}.login-card-body .btn-primary:active,.login-card-body .btn.btn-primary:active,.login-card-body .login-btn:active{transform:translateY(0);box-shadow:0 2px 10px #0f4c814d;white-space:nowrap!important;display:flex!important;flex-direction:row!important;align-items:center!important}.login-card-body .btn-primary:focus,.login-card-body .btn.btn-primary:focus,.login-card-body .login-btn:focus{box-shadow:0 0 0 3px #0f4c814d;white-space:nowrap!important;display:flex!important;flex-direction:row!important;align-items:center!important}.login-card-body .row.mt-4{display:flex!important;align-items:center!important;margin-top:24px;margin-left:0!important;margin-right:0!important}.login-card-body .row.mt-4 .col-8{display:flex!important;align-items:center!important;padding-left:0;padding-right:12px}.login-card-body .row.mt-4 .col-4{display:flex!important;align-items:center!important;justify-content:flex-end;padding-left:12px;padding-right:0;flex-shrink:0;min-width:0}.login-card-body .row.mt-4 .col-4 .btn-primary,.login-card-body .row.mt-4 .col-4 .btn.btn-primary,.login-card-body .row.mt-4 .col-4 .login-btn{min-width:100px;width:100%;max-width:100%;white-space:nowrap!important;display:flex!important;flex-direction:row!important}@media(max-width:576px){.login-box{max-width:100%}.login-card-body{padding:30px 20px}.login-logo a{font-size:2rem}.login-box-msg{font-size:1.25rem}.login-card-body .row.mt-4{flex-direction:column!important;gap:12px}.login-card-body .row.mt-4 .col-8,.login-card-body .row.mt-4 .col-4{width:100%!important;max-width:100%!important;justify-content:flex-start;padding-left:0!important;padding-right:0!important}.login-card-body .row.mt-4 .col-4{justify-content:stretch}.login-card-body .row.mt-4 .col-4 .btn-primary,.login-card-body .row.mt-4 .col-4 .btn.btn-primary,.login-card-body .row.mt-4 .col-4 .login-btn{white-space:nowrap!important;width:100%;display:flex!important;flex-direction:row!important;align-items:center!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.login-box.loading .btn-primary{animation:pulse 1.5s ease-in-out infinite}.login-box:before{content:"👔";position:absolute;top:-20px;right:-20px;font-size:120px;opacity:.05;z-index:-1;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.input-group:focus-within .input-group-text{transform:scale(1.05);box-shadow:0 4px 12px #0f4c814d}.input-group:focus-within{transform:translate(2px)}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.login-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;padding:20px;text-align:center;pointer-events:none}.footer-content{color:#ffffffd9;font-size:.875rem;line-height:1.6;text-shadow:0 2px 8px rgba(0,0,0,.2)}.footer-content .copyright{margin:0 0 8px;font-weight:400}.footer-content .icp{margin:0}.footer-content .icp a{color:#ffffffd9;text-decoration:none;transition:all .3s ease;pointer-events:auto}.footer-content .icp a:hover{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5);text-decoration:underline}@media(max-width:576px){.login-footer{padding:15px 10px}.footer-content{font-size:.75rem}.footer-content .copyright{margin-bottom:6px}}