/* صفحات الدخول والتسجيل: نص الشاشة لون الهوية بتدرج (زي بورتال Aliens بس اخضر Flowly)، والنص التاني الفورم. */
.auth,.auth *{box-sizing:border-box}
.auth{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#fff;font-family:"Lato","Cairo","Segoe UI",Tahoma,sans-serif;color:#111b21}
.auth-brand{position:relative;overflow:hidden;color:#fff;padding:44px 52px;display:flex;flex-direction:column;
  background:radial-gradient(1200px 600px at 110% -10%,rgba(46,230,130,.35),transparent 60%),
             radial-gradient(900px 700px at -20% 120%,rgba(4,40,22,.9),transparent 60%),
             linear-gradient(155deg,#0e9a4f 0%,#0a6b37 45%,#063f21 100%)}
.auth-brand::before{content:"";position:absolute;inset:0;opacity:.55;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.55) 1px,transparent 1.5px),radial-gradient(rgba(255,255,255,.3) 1px,transparent 1.5px);
  background-size:140px 140px,90px 90px;background-position:0 0,45px 60px;mask-image:linear-gradient(180deg,#000 0%,transparent 85%)}
.auth-brand::after{content:"";position:absolute;width:520px;height:520px;inset-inline-end:-140px;bottom:-160px;opacity:.09;pointer-events:none;
  background:url("/admin/static/brand/mark-white.svg") center/contain no-repeat}
.auth-brand .top{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.auth-brand .chip{width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;backdrop-filter:blur(6px)}
.auth-brand .chip svg{width:28px;height:28px}
.auth-brand .top b{font-size:14px;font-weight:700;opacity:.95}
.auth-brand .mid{margin:auto 0;position:relative;z-index:1;max-width:520px}
.auth-brand .wordmark{width:min(330px,80%);height:auto;filter:brightness(0) invert(1);display:block;margin-bottom:26px}
.auth-brand h1{font-family:"Cairo",sans-serif;font-size:38px;line-height:1.35;font-weight:800;margin:0 0 22px;letter-spacing:-.3px}
.auth-brand ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.auth-brand li{display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:600;opacity:.95}
.auth-brand li span{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;flex:none}
.auth-brand li svg{width:20px;height:20px}
.auth-brand .foot{position:relative;z-index:1;font-size:12.5px;opacity:.7}
.auth-form{display:flex;flex-direction:column;justify-content:center;padding:40px 24px;position:relative}
.auth-form .box{width:100%;max-width:400px;margin:0 auto}
.auth-form .mobile-logo{display:none;width:150px;margin:0 auto 26px}
.auth-form h2{font-family:"Cairo",sans-serif;font-size:30px;font-weight:800;margin:0 0 6px;letter-spacing:-.2px}
.auth-form .sub{color:#667781;margin:0 0 28px;font-size:15px}
.auth-field{margin-bottom:16px}
.auth-field label{display:block;font-size:13.5px;font-weight:700;margin-bottom:7px;color:#2a3540}
.auth-field label .opt{font-weight:500;color:#8696a0}
.auth-input{position:relative}
.auth-input svg.ico{position:absolute;top:50%;inset-inline-start:14px;transform:translateY(-50%);width:20px;height:20px;color:#8696a0;pointer-events:none}
.auth-input input{width:100%;height:52px;border:1.5px solid #e1e5e8;border-radius:12px;padding:0 46px;font:inherit;font-size:15.5px;color:#111b21;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}
.auth-input input:focus{border-color:#11b159;box-shadow:0 0 0 4px rgba(17,177,89,.14)}
.auth-input input::placeholder{color:#a8b3ba}
.auth-input .eye{position:absolute;top:50%;inset-inline-end:8px;transform:translateY(-50%);width:38px;height:38px;border:0;background:none;border-radius:10px;color:#8696a0;cursor:pointer;display:grid;place-items:center}
.auth-input .eye:hover{background:#f3f5f4;color:#111b21}
.auth-input .eye svg{width:20px;height:20px}
.auth-btn{width:100%;height:52px;border:0;border-radius:12px;background:#0b7a3e;color:#fff;font:800 16px "Cairo",sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;
  box-shadow:0 10px 24px -10px rgba(11,122,62,.6);transition:background .15s,transform .1s}
.auth-btn:hover{background:#096834}
.auth-btn:active{transform:translateY(1px)}
.auth-btn[disabled]{opacity:.7;cursor:default}
.auth-btn svg{width:20px;height:20px}
.auth-links{text-align:center;margin-top:22px;font-size:14px;color:#667781;display:grid;gap:10px}
.auth-links a{color:#0b7a3e;font-weight:800;text-decoration:none}
.auth-links a:hover{text-decoration:underline}
.auth-alert{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:12px 14px;font-size:14px;margin-bottom:18px}
.auth-alert svg{width:20px;height:20px;flex:none;margin-top:1px}
.auth-alert.err{background:#fdecec;color:#a2232a}
.auth-alert.ok{background:#e7f7ee;color:#0b6b37}
.auth-alert.info{background:#eef4ff;color:#1f4fa8}
.auth-note{margin-top:26px;text-align:center;font-size:12px;color:#a0aab1}
@media (max-width:900px){
  .auth{grid-template-columns:1fr}
  .auth-brand{display:none}
  .auth-form .mobile-logo{display:block}
  .auth-form{padding:36px 20px;background:linear-gradient(180deg,#f0faf4 0%,#fff 240px)}
  .auth-form h2{font-size:26px;text-align:center}
  .auth-form .sub{text-align:center}
}

.auth-remember{display:flex;align-items:center;gap:8px;margin:2px 0 14px;font-size:13.5px;color:var(--ink-2,#3f3f46);cursor:pointer;user-select:none}
.auth-remember input{width:17px;height:17px;accent-color:#11b159;margin:0}

/* ================================================================ Liquid Glass — نفس الوان وزجاج البوابة (glass.css) */
.auth{background:
  radial-gradient(900px 620px at 88% -8%,rgba(43,212,127,.30),transparent 62%),
  radial-gradient(760px 560px at 4% 12%,rgba(96,178,255,.24),transparent 60%),
  radial-gradient(820px 600px at 62% 108%,rgba(160,132,255,.20),transparent 62%),
  radial-gradient(640px 480px at 18% 92%,rgba(255,196,120,.18),transparent 60%),#eaf3ee}
.auth-brand{margin:14px;border-radius:30px;border:1px solid rgba(255,255,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.08),0 30px 60px -30px rgba(6,63,33,.65)}
.auth-brand .chip,.auth-brand li span{box-shadow:inset 0 1px 0 rgba(255,255,255,.35);border-radius:14px}
.auth-form .box{max-width:460px;padding:34px 30px;border-radius:28px;border:1px solid rgba(255,255,255,.8);
  background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(255,255,255,.42));
  -webkit-backdrop-filter:blur(22px) saturate(175%);backdrop-filter:blur(22px) saturate(175%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.28),0 30px 60px -34px rgba(16,40,32,.42)}
.auth-input input{border-radius:14px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.58);
  box-shadow:inset 0 1px 2px rgba(16,40,32,.07),0 0 0 1px rgba(18,44,36,.10)}
.auth-input input:focus{border-color:#11b159;box-shadow:0 0 0 3px rgba(17,177,89,.2),inset 0 1px 0 rgba(255,255,255,.9)}
.auth-input .eye:hover{background:rgba(255,255,255,.6)}
.auth-btn{border-radius:999px;border:1px solid rgba(255,255,255,.38);
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0) 52%),linear-gradient(150deg,#2bd47f,#0c8f47);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.10),0 14px 28px -12px rgba(18,168,90,.7)}
.auth-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0) 52%),linear-gradient(150deg,#2bd47f,#0c8f47)}
.auth-alert{border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
@media (max-width:900px){
  .auth-form{background:transparent;padding:28px 14px}
  .auth-form .box{padding:26px 18px;border-radius:24px}
}
@media (prefers-reduced-transparency:reduce){.auth-form .box{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.auth-input input{background:#fff}}