.admin-login.bp2{--bp-purple:oklch(42% .16 300);--bp-deep:oklch(24% .1 295);--bp-amber:oklch(80% .15 75);--bp-amber2:oklch(74% .16 60);background:radial-gradient(120% 120% at 70% -10%,oklch(38% .14 298) 0%,var(--bp-deep) 45%,oklch(16% .06 295) 100%);height:100svh;min-height:0;color:var(--background);flex-direction:column;font-family:Bricolage Grotesque,Noto Sans Arabic,sans-serif;display:flex;position:relative;overflow:hidden}.bp-scene{position:absolute;inset:0;overflow:hidden}.bp-stars{background-image:radial-gradient(1.5px 1.5px at 12% 22%,oklch(100% 0 0/.7) 50%,#0000 51%),radial-gradient(1px 1px at 38% 8%,oklch(100% 0 0/.5) 50%,#0000 51%),radial-gradient(1.5px 1.5px at 66% 30%,oklch(100% 0 0/.6) 50%,#0000 51%),radial-gradient(1px 1px at 84% 14%,oklch(100% 0 0/.45) 50%,#0000 51%),radial-gradient(1.5px 1.5px at 92% 48%,oklch(100% 0 0/.55) 50%,#0000 51%),radial-gradient(1px 1px at 24% 62%,oklch(100% 0 0/.4) 50%,#0000 51%),radial-gradient(1.5px 1.5px at 52% 78%,oklch(100% 0 0/.45) 50%,#0000 51%),radial-gradient(1px 1px at 76% 66%,oklch(100% 0 0/.05) 50%,#0000 51%);position:absolute;inset:0}.bp-map{will-change:transform;transition:transform .35s ease-out;position:absolute;inset:-4%}.bp-map svg{width:100%;height:100%}.bp-map-dots{fill:oklch(100% 0 0/.07)}.bp-arc{fill:none;stroke:var(--bp-amber);stroke-width:1.6px;stroke-dasharray:6 8;opacity:.55;filter:drop-shadow(0 0 6px oklch(80% .15 75/.6))}.bp-plane{fill:var(--bp-amber);filter:drop-shadow(0 0 8px var(--bp-amber))}.bp-vignette{background:radial-gradient(90% 90% at 50% 45%,#0000 55%,oklch(12% .05 295/.75) 100%);position:absolute;inset:0}.bp2-top{z-index:2;justify-content:space-between;align-items:center;padding:20px 4%;display:flex;position:relative}.bp2-top .language-switcher{color:var(--background);border:1px solid oklch(100% 0 0/.25);border-radius:999px}.bp2-stage{z-index:2;flex:1;place-items:center;min-height:0;padding:16px 4%;display:grid;position:relative}.bp2-pass{-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:oklch(100% 0 0/.09);border:1px solid oklch(100% 0 0/.18);border-radius:26px;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);width:min(880px,100%);transition:transform .3s;animation:.7s cubic-bezier(.2,.9,.25,1.1) both bp2-drop;display:grid;position:relative;box-shadow:0 40px 100px oklch(10% .05 295/.6),inset 0 0 0 1px oklch(100% 0 0/.05),0 0 80px oklch(55% .17 300/.25)}.bp2-pass:hover{transform:perspective(1200px)rotateX(1.2deg)rotateY(-1.6deg)}.bp2-pass:before,.bp2-pass:after{content:"";background:oklch(20% .08 295);border-radius:50%;width:34px;height:34px;position:absolute;top:50%;transform:translateY(-50%)}.bp2-pass:before{inset-inline-start:-17px}.bp2-pass:after{inset-inline-end:-17px}.bp2-main{border-inline-end:2px dashed oklch(100% 0 0/.25);min-width:0;padding:40px 44px}.bp2-stub{flex-direction:column;gap:18px;min-width:0;padding:40px 32px;display:flex}.bp2-stub>small{letter-spacing:.22em;color:oklch(100% 0 0/.65);font-size:10px;font-weight:700}.bp2-route{color:var(--bp-amber);align-items:center;gap:12px;display:flex}.bp2-route span{letter-spacing:.18em;color:oklch(100% 0 0/.55);gap:2px;font-size:9px;display:grid}.bp2-route strong{letter-spacing:0;color:var(--background);text-transform:none;font-size:15px}.bp2-stub dl{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.bp2-stub dt{letter-spacing:.18em;color:oklch(100% 0 0/.55);font-size:9px}.bp2-stub dd{margin:2px 0 0;font-size:15px;font-weight:700}.bp2-barcode{background:repeating-linear-gradient(90deg,var(--background) 0 2px,transparent 2px 5px,var(--background) 5px 6px,transparent 6px 10px,var(--background) 10px 13px,transparent 13px 16px);opacity:.9;border-radius:6px;height:44px;margin-top:auto}.bp2-barcode.is-busy{animation:1s linear infinite bp2-scan}.bp2-stamp{z-index:3;border:3px solid var(--bp-amber);color:var(--bp-amber);letter-spacing:.14em;text-shadow:0 0 18px oklch(80% .15 75/.6);top:18px;border-radius:10px;padding:8px 20px;font-size:22px;font-weight:800;animation:.45s cubic-bezier(.2,1.4,.4,1) both bp2-stamp;position:absolute;inset-inline-end:24px;transform:rotate(-10deg)}.bp2-pass.is-stamped{animation:.9s ease-in .5s both bp2-leave}.bp2-pass.is-shaking{animation:.45s both bp2-shake}.bp2-foot{z-index:2;color:oklch(100% 0 0/.6);justify-content:center;align-items:center;gap:8px;padding:16px;font-size:11px;display:flex;position:relative}.bp2 .auth-access-form{flex-direction:column;width:100%;max-width:400px;animation:.6s .25s both bp2-fields;display:flex}.bp2 .auth-kicker{color:var(--bp-amber);letter-spacing:.2em;align-items:center;gap:8px;margin-bottom:14px;font-size:10px;font-weight:700;display:flex}.bp2 .auth-access-form h2{color:var(--background);letter-spacing:-.01em;margin:0 0 6px;font-family:inherit;font-size:34px;font-weight:700}.bp2 .auth-caption{color:oklch(100% 0 0/.65);margin:0 0 22px;font-size:13.5px}.bp2 .auth-methods{background:oklch(100% 0 0/.08);border:1px solid oklch(100% 0 0/.14);border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.bp2 .auth-methods>button{color:oklch(100% 0 0/.7);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;height:38px;font-size:12px;display:inline-flex}.bp2 .auth-methods>button[aria-selected=true]{background:var(--background);color:var(--bp-deep);font-weight:700}.bp2 .auth-input{letter-spacing:.06em;text-transform:uppercase;color:oklch(100% 0 0/.6);gap:6px;margin-bottom:14px;font-size:11px;font-weight:600;display:grid}.bp2 .auth-input>span{justify-content:space-between;align-items:center;display:flex}.bp2 .auth-input>span button{color:var(--bp-amber);text-transform:none;letter-spacing:0;height:auto;padding:0;font-size:11px}.bp2 .auth-input input{height:48px;color:var(--background);background:oklch(100% 0 0/.08);border:1px solid oklch(100% 0 0/.2);border-radius:10px;outline:none;width:100%;padding:0 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.bp2 .auth-input input:focus{border-color:var(--bp-amber);box-shadow:0 0 0 3px oklch(80% .15 75/.25)}.bp2 .auth-input input::placeholder{color:oklch(100% 0 0/.35)}.bp2 .auth-password{position:relative}.bp2 .auth-password button{color:oklch(100% 0 0/.65);inset-inline-end:6px;position:absolute;top:50%;transform:translateY(-50%)}.bp2 .auth-caps{color:var(--bp-amber);text-transform:none;letter-spacing:0;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.bp2 .auth-remember{color:oklch(100% 0 0/.7);text-transform:none;letter-spacing:0;align-items:center;gap:8px;margin:-4px 0 14px;font-size:12px;display:flex}.bp2 .auth-remember input{accent-color:var(--bp-amber);width:15px;height:15px}.bp2 .auth-code{color:var(--background);text-align:center;letter-spacing:.4em;font-family:inherit;font-weight:700}.bp2 .lx-error{color:oklch(85% .1 25);background:oklch(58% .2 25/.18);border:1px solid oklch(58% .2 25/.45);border-radius:10px;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;font-size:12.5px;display:flex}.bp2 .auth-success{color:oklch(85% .1 155);background:oklch(62% .16 155/.16);border:1px solid oklch(62% .16 155/.4);border-radius:10px;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;font-size:12.5px;display:flex}.bp2 .auth-primary{background:linear-gradient(90deg,var(--bp-amber),var(--bp-amber2));color:var(--bp-deep);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:50px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 12px 30px oklch(80% .15 75/.3)}.bp2 .auth-primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px oklch(80% .15 75/.4)}.bp2 .auth-primary:disabled{opacity:.6;cursor:wait;transform:none}.bp2 .auth-google{color:var(--background);cursor:pointer;background:oklch(100% 0 0/.08);border:1px solid oklch(100% 0 0/.25);border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-size:13px;display:inline-flex}.bp2 .lx-or{color:oklch(100% 0 0/.5);text-align:center;margin:16px 0;font-size:11px}.bp2 .auth-inline{justify-content:space-between;margin-top:10px;display:flex}.bp2 .auth-inline button,.bp2 .auth-bottom button{color:var(--bp-amber);height:auto;padding:0;font-size:12px}.bp2 .auth-bottom{text-align:center;margin-top:14px}.bp2 .auth-demo{color:oklch(100% 0 0/.75);cursor:pointer;background:0 0;border:1px dashed oklch(100% 0 0/.3);border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:12px;font-size:12.5px;display:inline-flex}.bp2 .auth-demo:hover{background:oklch(100% 0 0/.08)}.bp2 :is(button,a,input,select):focus-visible{outline:2px solid var(--bp-amber);outline-offset:2px}@keyframes bp2-drop{0%{opacity:0;transform:translateY(-34px)scale(.97)}to{opacity:1;transform:none}}@keyframes bp2-float{0%,to{translate:0}50%{translate:0 -8px}}@keyframes bp2-shake{0%,to{transform:none}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes bp2-stamp{0%{opacity:0;transform:rotate(-10deg)scale(1.8)}to{opacity:1;transform:rotate(-10deg)scale(1)}}@keyframes bp2-leave{to{opacity:0;transform:translateY(-120px)rotate(-2deg)}}@keyframes bp2-scan{0%{background-position:0 0}to{background-position:32px 0}}@media (width<=760px){.bp2-pass{grid-template-rows:auto auto;grid-template-columns:1fr;width:min(430px,100%);animation:.7s cubic-bezier(.2,.9,.25,1.1) both bp2-drop}.bp2-main{border-inline-end:0;border-bottom:2px dashed oklch(100% 0 0/.25);order:2;padding:30px 26px}.bp2-stub{order:1;gap:12px;padding:26px 26px 20px}.bp2-barcode{height:34px;margin-top:4px}.bp2-pass:before,.bp2-pass:after{display:none;top:auto;bottom:100%}.bp2 .auth-access-form h2{font-size:27px}.bp2-top{padding:14px 5%}.bp2-stage{padding:8px 5%}}@media (height<=640px){.bp2 .auth-access-form h2{font-size:26px}.bp2 .auth-caption{margin-bottom:14px}.bp2 .auth-methods{margin-bottom:12px}.bp2 .auth-input{margin-bottom:10px}.bp2 .auth-input input{height:42px}.bp2 .auth-primary{height:44px}.bp2-main{padding:26px 32px}.bp2-stub{padding:26px}}@media (prefers-reduced-motion:reduce){.bp2-pass,.bp2-barcode.is-busy{animation:none}.bp2-pass.is-stamped{animation:.4s ease-in both bp2-leave}.bp2-map{transition:none}}
