:root{--login-bg:#0a0a0a;--login-overlay:rgba(0, 0, 0, 0.65);--login-card:#ffffff;--login-text:#171717;--login-muted:#737373;--login-border:#e5e5e5;--login-primary:#0a0a0a;--login-primary-hover:#262626;--login-primary-ring:rgba(0, 0, 0, 0.12);--login-danger:#b91c1c;--login-danger-bg:#fef2f2;--login-success:#047857;--login-success-bg:#ecfdf5;--login-radius:16px;--login-shadow:0 24px 48px rgba(15, 23, 42, 0.28)}body.login-layout,html{margin:0;padding:0;min-height:100%;background-color:var(--login-bg);overflow-x:hidden}body.login-layout .inner-wrap,body.login-layout .login-page,body.login-layout .off-canvas-wrapper,body.login-layout .off-canvas-wrapper-inner,body.login-layout .wrap-fluid{min-height:100vh}body.login-layout #paper-bg-lg{min-height:100vh;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background-image:url("../img/Background.jpg")!important;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}body.login-layout #paper-bg-lg::before{content:"";position:absolute;inset:0;background:var(--login-overlay);pointer-events:none}body.login-layout .login-shell{position:relative;z-index:1;width:100%;max-width:440px;margin:0 auto;padding:24px 16px;box-sizing:border-box}body.login-layout .login-card{background:var(--login-card);border-radius:var(--login-radius);box-shadow:var(--login-shadow);padding:32px 28px 28px;border:1px solid rgba(255,255,255,.12)}body.login-layout .login-card__brand{text-align:center;margin-bottom:24px}body.login-layout .login-card__logo{display:block;width:56px;height:56px;margin:0 auto 14px;object-fit:contain;border-radius:12px}body.login-layout .login-card__title{margin:0 0 6px;font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--login-text);letter-spacing:-.02em}body.login-layout .login-card__subtitle{margin:0;font-size:.9375rem;line-height:1.45;color:var(--login-muted)}body.login-layout .login-alert{margin-bottom:18px;padding:12px 14px;border-radius:10px;font-size:.875rem;line-height:1.45}body.login-layout .login-alert--error{color:var(--login-danger);background:var(--login-danger-bg);border:1px solid #fecaca}body.login-layout .login-alert--success{color:var(--login-success);background:var(--login-success-bg);border:1px solid #a7f3d0}body.login-layout .login-alert--warning{color:#b45309;background:#fffbeb;border:1px solid #fde68a}body.login-layout .login-alert__list{margin:0;padding-left:18px}body.login-layout .login-form{display:flex;flex-direction:column;gap:16px}body.login-layout .login-field{display:flex;flex-direction:column;gap:6px}body.login-layout .login-field__label{font-size:.875rem;font-weight:600;color:var(--login-text)}body.login-layout .login-field__input{width:100%;box-sizing:border-box;height:46px;padding:0 14px;border:1px solid var(--login-border);border-radius:10px;background:#fff;color:var(--login-text);font-size:1rem;line-height:1.2;transition:border-color .15s ease,box-shadow .15s ease}body.login-layout .login-field__input::placeholder{color:#94a3b8}body.login-layout .login-field__input:hover{border-color:#cbd5e1}body.login-layout .login-field__input:focus{outline:0;border-color:var(--login-primary);box-shadow:0 0 0 3px var(--login-primary-ring)}body.login-layout .login-field--error .login-field__input{border-color:#f87171}body.login-layout .login-field--error .login-field__input:focus{box-shadow:0 0 0 3px rgba(248,113,113,.25)}body.login-layout .login-field__message{font-size:.8125rem;color:var(--login-danger)}body.login-layout .login-remember{display:flex;align-items:center;gap:10px;margin:2px 0 4px;font-size:.875rem;color:var(--login-muted);cursor:pointer;user-select:none}body.login-layout .login-remember input{width:16px;height:16px;margin:0;accent-color:var(--login-primary)}body.login-layout .login-submit{width:100%;height:48px;margin-top:4px;border:none;border-radius:10px;background:var(--login-primary);color:#fff;font-size:1rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:0 8px 20px rgba(0,0,0,.22)}body.login-layout .login-submit:hover{background:var(--login-primary-hover)}body.login-layout .login-submit:active{transform:translateY(1px);box-shadow:0 4px 12px rgba(0,0,0,.18)}body.login-layout .login-submit:focus-visible{outline:0;box-shadow:0 0 0 3px var(--login-primary-ring),0 8px 20px rgba(0,0,0,.22)}body.login-layout .container-login,body.login-layout .content-login,body.login-layout .panel-login,body.login-layout .profile-login{all:unset;display:block}@media (max-width:480px){body.login-layout .login-card{padding:24px 20px 20px}body.login-layout .login-card__title{font-size:1.35rem}}