*{box-sizing:border-box}:root{--green:#0b5d43;--deep:#173d2c;--gold:#c7a84f;--cream:#fbf8ef;--muted:#68756f;--line:#dce5df}body{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:var(--deep);background:radial-gradient(circle at 50% 0,#fff 0,#fbf8ef 52%,#f2eee2 100%);line-height:1.6}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px 18px}.auth-card{width:min(470px,100%);background:rgba(255,255,255,.96);border:1px solid rgba(199,168,79,.55);border-radius:22px;padding:clamp(25px,5vw,42px);box-shadow:0 20px 60px rgba(23,61,44,.12),inset 0 0 0 4px rgba(199,168,79,.05)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--green);font-weight:800;text-decoration:none;margin-bottom:20px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:19px}.auth-card h1{text-align:center;margin:0 0 7px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,5vw,36px);font-weight:600;color:var(--deep)}.lead{text-align:center;color:var(--muted);margin:0 0 24px}.field{margin:0 0 16px}.field label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}.field input{width:100%;min-height:49px;border:1px solid #cbd8d1;border-radius:12px;padding:10px 13px;font:inherit;background:#fff;color:#162d26}.field input:focus{outline:3px solid rgba(11,93,67,.12);border-color:var(--green)}.hint{font-size:12px;color:var(--muted);margin-top:5px}.btn{width:100%;min-height:49px;border:1px solid var(--green);border-radius:999px;background:var(--green);color:#fff;font:700 15px inherit;cursor:pointer;padding:11px 18px;box-shadow:0 7px 18px rgba(11,93,67,.14)}.btn:hover,.btn:focus-visible{filter:brightness(.95);outline:3px solid rgba(199,168,79,.22);outline-offset:2px}.link-btn{text-decoration:none;text-align:center;display:block}.links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:20px}.links a{color:var(--green);font-weight:700;text-underline-offset:3px}.msg{padding:12px 14px;border:1px solid #cfe1d6;border-radius:12px;margin-bottom:17px;background:#eef7f1}.msg.error{background:#fff2f2;color:#842929;border-color:#efd0d0}.password-row{position:relative}.password-row input{padding-inline-end:52px}.showpass{position:absolute;inset-inline-end:7px;top:7px;min-width:36px;height:35px;border:0;background:transparent;color:var(--green);cursor:pointer;border-radius:9px}.dashboard-actions{display:grid;gap:11px;margin-top:22px}.secondary{background:#fff;color:var(--green)}.danger{background:#fff;color:#8b2525;border-color:#dcbaba;box-shadow:none}html[dir="rtl"] .field{text-align:right}@media(max-width:440px){.auth-shell{padding:12px}.auth-card{border-radius:16px;padding:24px 18px}.links{flex-direction:column;align-items:center}}
.avatar-settings{margin:24px 0 4px;padding-top:20px;border-top:1px solid var(--line)}.avatar-settings h2{margin:0 0 4px;text-align:center;font:600 21px Georgia,"Times New Roman",serif}.avatar-settings input[type=file]{width:100%;padding:10px;border:1px dashed #b9c9c0;border-radius:12px;background:#fff}

.avatar-preview{display:block;width:92px;height:92px;object-fit:cover;border-radius:50%;margin:14px auto;border:2px solid #d7c27b;box-shadow:0 5px 18px rgba(0,0,0,.10)}
.file-label{display:block;margin:10px 0 6px;font-weight:700;color:#173d2c}
.avatar-settings input[type=file]{margin-bottom:10px}

/* v86 — low-glare black account theme */
:root{color-scheme:dark;--cream:#000;--deep:#e3e5e4;--muted:#aeb5b0;--line:#343934;--green:#72c7a5;--gold:#d0b35b}
html,body{background:#000!important;color:#e3e5e4!important;color-scheme:dark}
body{background-image:none!important}
.auth-shell{background:#000!important}.auth-card{background:#090a09!important;color:#e3e5e4!important;border-color:#4a4330!important;box-shadow:none!important}.auth-card h1,.file-label{color:#e3e5e4!important}.lead,.hint{color:#aeb5b0!important}.field input,.avatar-settings input[type=file]{background:#101210!important;color:#e3e5e4!important;border-color:#343934!important}.field input:focus{border-color:#72c7a5!important;outline-color:rgba(114,199,165,.18)!important}.secondary,.danger{background:#101210!important}.msg{background:#0d1813!important;color:#dce5e0!important;border-color:#294438!important}.msg.error{background:#1a0d0d!important;color:#efc9c9!important;border-color:#5a3030!important}.avatar-settings{border-color:#343934!important}

/* v87 — account pages follow refined dark palette */
:root{--v87-frame:#3f4542;--v87-panel:#202422;--v87-card:#171a18;--v87-text:#79d7b1;--v87-active:#0b5d43;--v87-line:#555d58}
html{background:var(--v87-frame)!important}body,.auth-shell{background:var(--v87-panel)!important;color:var(--v87-text)!important}.auth-card{background:var(--v87-card)!important;color:var(--v87-text)!important;border-color:var(--v87-line)!important}.auth-card h1,.lead,.hint,.field label,.links a,.auth-brand{color:var(--v87-text)!important}.field input,.avatar-settings input[type=file]{background:#e8e9e7!important;color:#173d2c!important;border-color:#8d9b94!important}

/* v88 — account pages use the same site palette */
:root{--v88-outer:#171a18;--v88-inner:#3f4542;--v88-control:#3f4542;--v88-text:#f2f4f3;--v88-muted:#cbd0cd;--v88-green:#2ca77b;--v88-line:#5b625e;--v88-shadow:0 8px 22px rgba(0,0,0,.32)}
html{background:var(--v88-outer)!important}body,.auth-shell{background:var(--v88-inner)!important;color:var(--v88-text)!important}.auth-card{background:var(--v88-control)!important;color:var(--v88-text)!important;border-color:var(--v88-line)!important;box-shadow:var(--v88-shadow)!important}.auth-card h1,.lead,.hint,.field label,.links a,.auth-brand,.file-label{color:var(--v88-text)!important}.field input,.avatar-settings input[type=file],.secondary,.danger{background:var(--v88-control)!important;color:var(--v88-text)!important;border-color:var(--v88-line)!important;box-shadow:var(--v88-shadow)!important}.btn{background:var(--v88-control)!important;color:var(--v88-text)!important;border-color:var(--v88-line)!important;box-shadow:var(--v88-shadow)!important}.btn:hover,.btn:focus-visible,.links a:hover,.auth-brand:hover{color:var(--v88-green)!important}

/* Clear, touch-sized password visibility control in the existing field. */
.password-row input{padding-inline-end:58px}
.password-row .showpass{display:grid;place-items:center;width:44px;min-width:44px;height:44px;top:50%;transform:translateY(-50%);inset-inline-end:4px;padding:10px;color:#d9e5df!important;background:transparent!important;box-shadow:none!important;touch-action:manipulation}
.password-row .showpass svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.password-row .showpass .eye-slash{display:none}
.password-row .showpass[aria-pressed="true"] .eye-slash{display:block}
.password-row .showpass[aria-pressed="true"]{color:#79dfb0!important}
.password-row .showpass:focus-visible{outline:2px solid #d0b35b;outline-offset:1px}
.password-row input::-ms-reveal,.password-row input::-ms-clear{display:none}
.auth-forgot{display:block;text-align:end;margin:-3px 0 20px;font-size:14px;color:#f2f4f3;text-underline-offset:4px}
.auth-card .msg{overflow-wrap:anywhere}