/* Albaraka Accounting — World-Class Login v0.14.22 — viewport fit */
:root{--wl-navy:#04152f;--wl-navy2:#082a5a;--wl-blue:#2f82ff;--wl-cyan:#54d8ff;--wl-gold:#e4b959;--wl-gold2:#ffe089;--wl-white:#f8fbff;--wl-muted:#9eb5d4}
#networkCanvas{opacity:.92!important;filter:saturate(1.25) contrast(1.05);z-index:0!important}
.login-shell.login-world-v21:not(.hidden){position:relative;z-index:1;height:100dvh;min-height:100vh;padding:clamp(8px,1.2vw,18px);display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 18% 15%,rgba(42,119,236,.18),transparent 27%),radial-gradient(circle at 82% 84%,rgba(228,185,89,.13),transparent 25%),linear-gradient(135deg,rgba(4,18,43,.88),rgba(6,33,72,.77) 45%,rgba(4,20,45,.90));isolation:isolate}
.login-shell.login-world-v21:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,#000 10%,transparent 75%)}
.world-login-frame{position:relative;width:min(1480px,96vw);height:min(900px,calc(100dvh - 18px));min-height:0;padding:clamp(14px,1.5vw,24px) clamp(20px,2vw,32px);border:1px solid rgba(255,255,255,.10);border-radius:38px;background:linear-gradient(145deg,rgba(7,28,62,.72),rgba(6,22,50,.55));box-shadow:0 55px 150px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(28px) saturate(1.15);overflow:hidden}
.world-login-frame:after{content:"";position:absolute;inset:0;border-radius:38px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(81,150,255,.04)}
.world-login-ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px);opacity:.72;transition:transform .18s ease-out}.world-login-ambient-a{width:540px;height:540px;right:-130px;top:-170px;background:radial-gradient(circle,rgba(49,127,246,.25),transparent 66%);transform:translate(var(--login-mx-med,0),var(--login-my-med,0))}.world-login-ambient-b{width:460px;height:460px;left:-170px;bottom:-190px;background:radial-gradient(circle,rgba(228,185,89,.18),transparent 67%);transform:translate(var(--login-mx-negsmall,0),var(--login-my-negsmall,0))}
.world-login-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}
.world-brand-mark{display:flex;align-items:center;gap:13px}.world-brand-mark img{width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,221,137,.58);box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 0 7px rgba(255,255,255,.025)}.world-brand-mark strong{display:block;color:#fff;font-size:15px;letter-spacing:4px}.world-brand-mark span{display:block;margin-top:4px;color:#88a6cf;font-size:9px;letter-spacing:2.4px}
.world-server-status{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);color:#abc2df;font-size:10px}.world-server-status i{width:8px;height:8px;border-radius:50%;background:#36d59b;box-shadow:0 0 0 5px rgba(54,213,155,.10),0 0 18px rgba(54,213,155,.6);animation:wlPulse 1.7s ease-in-out infinite}.world-server-status b{color:#edf6ff}.world-server-status span{font-weight:800;color:#68aaf9}@keyframes wlPulse{50%{box-shadow:0 0 0 9px rgba(54,213,155,0),0 0 24px rgba(54,213,155,.8)}}
.world-login-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(28px,4vw,72px);align-items:center;height:calc(100% - 88px);min-height:0;padding:16px 8px 0}
.world-hero-copy{padding:10px 20px 10px 10px;color:#fff;transform:translate(var(--login-mx-tiny,0),var(--login-my-tiny,0));transition:transform .18s ease-out}.world-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(228,185,89,.20);background:rgba(228,185,89,.07);color:#f5d681;font-size:10px;font-weight:900;letter-spacing:1.4px}.world-hero-copy h1{margin:22px 0 17px;font-size:clamp(52px,5vw,78px);line-height:1.06;letter-spacing:-2.2px;text-shadow:0 18px 42px rgba(0,0,0,.20)}.world-hero-copy h1 em{font-style:normal;background:linear-gradient(100deg,#fff0b4,#e0ae45 68%,#ffe9a0);-webkit-background-clip:text;background-clip:text;color:transparent}.world-hero-copy>p{max-width:720px;margin:0;color:#b6cae5;font-size:14px;line-height:2.05}
.world-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.world-proof-grid article{min-height:105px;padding:16px 15px;border-radius:20px;display:flex;align-items:center;gap:12px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 38px rgba(0,0,0,.10);transition:.2s}.world-proof-grid article:hover{transform:translateY(-4px);border-color:rgba(228,185,89,.22);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(228,185,89,.05))}.world-proof-grid article>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(74,145,245,.12);color:#f3d37b;font-size:20px}.world-proof-grid b{display:block;font-size:13px;color:#fff}.world-proof-grid small{display:block;margin-top:5px;color:#89a4c9;font-size:10px}
.world-live-strip{margin-top:20px;display:flex;align-items:center;gap:9px;color:#a6bddd;font-size:10px}.world-live-strip b{color:#d9e7f8}.world-pulse{width:7px;height:7px;border-radius:50%;background:#49d4a4;box-shadow:0 0 0 6px rgba(73,212,164,.08)}
.world-login-card{position:relative;width:min(510px,100%);justify-self:center;padding:34px 34px 26px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,249,255,.94));border:1px solid rgba(255,255,255,.85);box-shadow:0 40px 100px rgba(0,0,0,.28),0 10px 35px rgba(14,63,132,.16);overflow:hidden}.world-card-glow{position:absolute;width:260px;height:260px;border-radius:50%;left:-115px;top:-130px;background:radial-gradient(circle,rgba(50,133,255,.17),transparent 68%);pointer-events:none}.world-login-card:after{content:"";position:absolute;right:20%;left:20%;top:0;height:3px;background:linear-gradient(90deg,transparent,#2f82ff,#e4b959,transparent);border-radius:0 0 9px 9px}
.world-card-brand{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid #e8eef7;position:relative}.world-card-brand img{width:64px;height:64px;border-radius:50%;box-shadow:0 8px 23px rgba(14,54,105,.16)}.world-card-brand strong{display:block;font-size:18px;color:#0e2a50}.world-card-brand small{display:block;margin-top:4px;color:#7a8da8;font-size:10px}.world-card-copy{padding:25px 0 19px}.world-card-copy>span{display:inline-block;padding:6px 9px;border-radius:9px;background:#edf5ff;color:#2368c8;font-size:10px;font-weight:900}.world-card-copy h2{margin:9px 0 6px;font-size:34px;color:#0b2449;letter-spacing:-.8px}.world-card-copy p{margin:0;color:#7a8da7;font-size:12px;line-height:1.8}
.world-login-form{display:grid;gap:14px}.world-login-form label{display:grid;gap:7px;font-size:11px;font-weight:900;color:#16375f}.world-input{min-height:58px;display:flex;align-items:center;gap:10px;padding:0 13px;border-radius:15px;background:#f8fbff;border:1px solid #d8e5f3;box-shadow:inset 0 1px 0 #fff;transition:.18s}.world-input:focus-within{border-color:#70aaf4;box-shadow:0 0 0 4px rgba(47,130,255,.10),inset 0 1px 0 #fff;background:#fff}.world-input>b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#edf4fd;color:#356ea9}.world-input input{flex:1;border:0!important;outline:0!important;background:transparent!important;padding:0!important;font-size:14px;color:#0c264b}.world-input input::placeholder{color:#a7b7ca}.world-show-pass{border:0;border-radius:9px;background:#e9f1fb;color:#285f9e;padding:7px 10px;font-size:10px;font-weight:800}.world-security-line{display:flex;justify-content:space-between;align-items:center;padding:10px 11px;border-radius:12px;background:#f0f6fd;color:#71859f;font-size:9px}.world-security-line span:last-child{color:#1f65c7;font-weight:900}.world-submit{min-height:56px;border:0;border-radius:15px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;color:#fff;font-weight:900;background:linear-gradient(135deg,#155fcf,#3d91ff);box-shadow:0 15px 28px rgba(31,111,229,.23);transition:.18s}.world-submit:hover{transform:translateY(-2px);box-shadow:0 19px 34px rgba(31,111,229,.30)}.world-submit b{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.12)}.world-restore{min-height:46px;border:1px solid #e1e8f1;border-radius:14px;background:#f5f7fa;color:#203b5d;font-weight:800}.world-card-footer{display:flex;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid #e8eef6;color:#8494aa;font-size:9px}.world-card-footer span{font-weight:900;letter-spacing:1.1px;color:#446487}
.login-error{padding:10px 12px;border-radius:12px;background:#fff0f1;color:#b13d4a;border:1px solid #ffd8dc;font-size:11px}
@media(max-width:980px){.world-login-frame{padding:20px;min-height:auto}.world-login-layout{grid-template-columns:1fr;min-height:auto;padding:20px 0}.world-hero-copy{display:none}.world-login-card{width:min(560px,100%);margin:auto}.world-login-top{margin-bottom:4px}}
@media(max-width:560px){.login-shell.login-world-v21:not(.hidden){padding:8px}.world-login-frame{width:100%;padding:14px;border-radius:24px}.world-login-top{padding:4px 2px 14px}.world-brand-mark img{width:46px;height:46px}.world-brand-mark strong{font-size:12px;letter-spacing:2.4px}.world-server-status span{display:none}.world-login-card{padding:25px 20px 20px;border-radius:24px}.world-card-copy h2{font-size:29px}.world-card-footer{display:grid;gap:4px}}

/* Keep the entire login form visible without scrolling on laptop/desktop screens */
@media (min-width:981px) and (max-height:920px){
  .world-login-frame{height:calc(100dvh - 12px);padding:14px 28px 16px;border-radius:30px}
  .world-login-top{padding-bottom:12px}
  .world-brand-mark img{width:50px;height:50px}
  .world-login-layout{height:calc(100% - 66px);gap:34px;padding:10px 4px 0}
  .world-hero-copy h1{margin:13px 0 10px;font-size:clamp(43px,4.4vw,66px)}
  .world-hero-copy>p{font-size:12px;line-height:1.75}
  .world-proof-grid{margin-top:18px;gap:9px}
  .world-proof-grid article{min-height:82px;padding:11px 12px;border-radius:17px}
  .world-proof-grid article>span{width:36px;height:36px}
  .world-live-strip{margin-top:12px}
  .world-login-card{padding:22px 28px 18px;border-radius:26px;max-height:100%;overflow:hidden}
  .world-card-brand{padding-bottom:12px}
  .world-card-brand img{width:54px;height:54px}
  .world-card-copy{padding:14px 0 10px}
  .world-card-copy h2{margin:6px 0 3px;font-size:29px}
  .world-card-copy p{font-size:10px;line-height:1.55}
  .world-login-form{gap:9px}
  .world-login-form label{gap:4px}
  .world-input{min-height:49px}
  .world-security-line{padding:7px 10px}
  .world-submit{min-height:49px}
  .world-restore{min-height:39px}
  .world-card-footer{margin-top:10px;padding-top:9px}
}
@media (min-width:981px) and (max-height:760px){
  .world-login-top{display:none}
  .world-login-layout{height:100%;padding:0}
  .world-hero-copy h1{font-size:48px}
  .world-proof-grid{margin-top:12px}
  .world-live-strip{display:none}
  .world-card-brand{padding-bottom:8px}
  .world-card-copy{padding:10px 0 8px}
  .world-card-footer{display:none}
}

/* Preserve the complete brand image at all login widths. */
.world-card-brand img,.world-brand-mark img{object-fit:contain;object-position:center;flex-shrink:0;display:block}

/* mobile-login-fix-20261026 */
@media(max-width:980px){
  .login-shell.login-world-v21:not(.hidden){
    height:auto!important;min-height:100dvh!important;
    overflow:auto!important;display:block!important;
  }
  .login-world-v21 .world-login-frame{
    box-sizing:border-box!important;width:100%!important;
    height:auto!important;min-height:0!important;
    backdrop-filter:none!important;
  }
  .login-world-v21 .world-login-layout{
    height:auto!important;min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .login-world-v21 .world-login-card{
    box-sizing:border-box!important;width:100%!important;
    min-width:0!important;max-height:none!important;
  }
  .login-world-v21 .world-login-form,
  .login-world-v21 .world-input{
    min-width:0!important;width:100%!important;
    box-sizing:border-box!important;
  }
  .login-world-v21 .world-input input{
    min-width:0!important;width:0!important;
    flex:1 1 0%!important;font-size:16px!important;
  }
  .login-world-v21 .world-submit{width:100%!important}
  .login-world-v21 .world-login-ambient{display:none!important}
}