:root{--login-950:#0a2d2e;--login-800:#1c4e4f;--login-650:#436e6f;--login-500:#6a8e8f;--login-300:#a49e97;--login-200:#deae9f;--login-100:#efd7cf;--login-050:#f7ebe7;--login-white:#fff}
html,body.books-login-body{min-height:100%;margin:0;background:var(--login-white)!important;color:var(--login-950)}
.books-login-body{font-family:var(--jd-font-family,'Poppins','Raleway',sans-serif);-webkit-font-smoothing:antialiased}
.books-login-page{display:grid;grid-template-columns:minmax(390px,46%) minmax(480px,54%);min-height:100vh;background:#fff}
.books-login-brand{position:relative;overflow:hidden;padding:clamp(32px,5vw,72px);background:linear-gradient(145deg,var(--login-950) 0%,var(--login-800) 56%,var(--login-650) 100%);color:#fff}
.books-login-brand:before,.books-login-brand:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;pointer-events:none}.books-login-brand:before{width:440px;height:440px;right:-230px;top:-170px}.books-login-brand:after{width:310px;height:310px;left:-190px;bottom:-130px}
.books-login-brand-inner{position:relative;z-index:1;display:flex;flex-direction:column;min-height:calc(100vh - clamp(64px,10vw,144px))}
.books-login-logo,.books-login-mobile-brand{display:inline-flex;align-items:center;gap:12px;color:#fff!important;font-size:20px;font-weight:800;letter-spacing:-.02em;text-decoration:none!important}
.books-login-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--login-200);color:var(--login-950);font-size:21px;font-weight:800;box-shadow:0 8px 22px rgba(10,45,46,.22)}
.books-login-brand-copy{max-width:560px;margin:auto 0 32px}.books-login-eyebrow{display:inline-block;margin-bottom:20px;color:var(--login-100);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.books-login-brand-copy h1{margin:0 0 22px;color:#fff;font-size:clamp(40px,5vw,66px);font-weight:700;line-height:1.06;letter-spacing:-.045em}.books-login-brand-copy p{max-width:520px;margin:0;color:rgba(255,255,255,.76);font-size:16px;line-height:1.75}
.books-login-preview{width:min(100%,470px);padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.09);box-shadow:0 24px 50px rgba(10,45,46,.2);backdrop-filter:blur(8px)}.books-login-preview-head{display:flex;justify-content:space-between;margin-bottom:18px}.books-login-preview-head span:first-child{width:110px;height:9px;border-radius:8px;background:rgba(255,255,255,.7)}.books-login-preview-head span:last-child{width:55px;height:9px;border-radius:8px;background:rgba(239,215,207,.55)}.books-login-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.books-login-preview-grid>div{position:relative;padding:15px;border-radius:12px;background:rgba(255,255,255,.1)}.books-login-preview-grid small,.books-login-preview-grid strong{display:block}.books-login-preview-grid small{color:rgba(255,255,255,.62);font-size:9px;font-weight:700;letter-spacing:.1em}.books-login-preview-grid strong{margin-top:7px;color:#fff;font-size:17px}.books-login-preview-grid span{position:absolute;right:14px;bottom:17px;width:25px;height:4px;border-radius:5px}.books-login-preview-grid .is-income{background:#deae9f}.books-login-preview-grid .is-expense{background:#efd7cf}.books-login-preview-bars{display:flex;align-items:flex-end;gap:8px;height:58px;margin-top:15px;padding:0 8px}.books-login-preview-bars i{flex:1;border-radius:5px 5px 2px 2px;background:rgba(239,215,207,.65)}.books-login-preview-bars i:nth-child(1){height:32%}.books-login-preview-bars i:nth-child(2){height:58%}.books-login-preview-bars i:nth-child(3){height:45%}.books-login-preview-bars i:nth-child(4){height:82%}.books-login-preview-bars i:nth-child(5){height:64%}.books-login-preview-bars i:nth-child(6){height:94%;background:#deae9f}.books-login-brand-foot{margin:24px 0 0;color:rgba(255,255,255,.55);font-size:11px;letter-spacing:.04em}
.books-login-access{display:flex;align-items:center;justify-content:center;padding:42px;background:linear-gradient(145deg,#fff 42%,var(--login-050) 100%)}
.books-login-card{width:100%;max-width:470px}.books-login-mobile-brand{display:none;color:var(--login-950)!important}.books-login-heading{margin-bottom:30px}.books-login-kicker{display:block;margin-bottom:10px;color:var(--login-650);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.books-login-heading h2{margin:0 0 10px;color:var(--login-950);font-size:32px;font-weight:700;line-height:1.25;letter-spacing:-.025em}.books-login-heading p{margin:0;color:var(--login-500);font-size:14px;line-height:1.6}
.books-login-alert,.books-login-card .alert{margin:0 0 20px;padding:13px 15px;border:1px solid var(--login-200);border-radius:10px;background:var(--login-050);color:var(--login-950);font-size:13px;line-height:1.5}.books-login-card .alert-danger{border-color:#deae9f;background:#fff5f2;color:#71382d}
.books-login-form{display:block}.books-login-field{margin-bottom:18px}.books-login-field label{display:block;margin:0 0 8px;color:var(--login-950);font-size:13px;font-weight:700}.books-login-control{position:relative}.books-login-control>svg{position:absolute;z-index:1;left:16px;top:50%;width:19px;height:19px;transform:translateY(-50%);fill:none;stroke:var(--login-650);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.books-login-control input{display:block;width:100%;height:54px;padding:0 48px;border:1px solid var(--login-100);border-radius:11px;outline:0;background:#fff;color:var(--login-950);font-family:inherit;font-size:14px;font-weight:500;box-shadow:0 4px 14px rgba(10,45,46,.035);transition:border-color .18s,box-shadow .18s}.books-login-control input::placeholder{color:var(--login-300);font-weight:400}.books-login-control input:hover{border-color:var(--login-200)}.books-login-control input:focus{border-color:var(--login-650);box-shadow:0 0 0 4px rgba(67,110,111,.12)}
.books-password-toggle{position:absolute;right:9px;top:50%;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;transform:translateY(-50%);border:0;border-radius:8px;background:transparent;color:var(--login-500);cursor:pointer}.books-password-toggle:hover,.books-password-toggle:focus{background:var(--login-050);color:var(--login-950);outline:0}.books-password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.books-login-options{display:flex;justify-content:flex-end;margin:-3px 0 22px}.books-login-options a{color:var(--login-800)!important;font-size:12px;font-weight:700;text-decoration:none}.books-login-options a:hover{text-decoration:underline!important;color:var(--login-950)!important}.books-login-submit{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;padding:0 22px!important;border:1px solid var(--login-800)!important;border-radius:11px!important;background:var(--login-800)!important;color:#fff!important;font-family:inherit;font-size:14px;font-weight:800;box-shadow:0 12px 24px rgba(28,78,79,.2);cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}.books-login-submit:hover{transform:translateY(-1px);border-color:var(--login-950)!important;background:var(--login-950)!important;box-shadow:0 14px 28px rgba(10,45,46,.25)}.books-login-submit:focus-visible{outline:3px solid rgba(67,110,111,.28);outline-offset:3px}.books-login-submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.books-login-help{margin:26px 0 0;color:var(--login-500);font-size:11px;line-height:1.5;text-align:center}
.books-login-secondary-actions{display:flex;justify-content:center;gap:20px;margin-top:18px}.books-login-secondary-actions form{margin:0}.books-login-secondary-actions button{padding:0;border:0;background:transparent;color:var(--login-800);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.books-login-secondary-actions button:hover{text-decoration:underline;color:var(--login-950)}#otp{font-size:20px;letter-spacing:.3em;font-weight:700}
@media(max-width:980px){.books-login-page{grid-template-columns:minmax(320px,40%) minmax(430px,60%)}.books-login-brand{padding:34px}.books-login-preview{display:none}.books-login-brand-copy h1{font-size:42px}.books-login-access{padding:34px}}
@media(max-width:760px){.books-login-page{display:block;min-height:100vh;background:linear-gradient(155deg,var(--login-050),#fff 55%)}.books-login-brand{display:none}.books-login-access{min-height:100vh;padding:28px 20px;background:transparent}.books-login-card{max-width:460px;padding:28px 24px;border:1px solid var(--login-100);border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(10,45,46,.1)}.books-login-mobile-brand{display:flex;margin-bottom:38px;font-size:18px}.books-login-mobile-brand .books-login-logo-mark{width:38px;height:38px;font-size:19px}.books-login-heading h2{font-size:28px}}
@media(max-width:390px){.books-login-access{padding:16px}.books-login-card{padding:24px 18px}.books-login-mobile-brand{margin-bottom:30px}.books-login-heading{margin-bottom:25px}.books-login-heading h2{font-size:25px}.books-login-control input{height:52px}}