/* Aaradhana Auth UI */
.aar-auth,.aar-account{--aar-primary:var(--sa-primary,var(--e-global-color-primary,var(--wp--preset--color--primary,#cb5333)));--aar-accent:var(--sa-accent,var(--e-global-color-accent,var(--wp--preset--color--accent,#f59e0b)));--aar-bg:var(--sa-bg,var(--wp--preset--color--base,#f8fafc));--aar-surface:var(--sa-surface,#ffffff);--aar-surface-2:rgba(15,23,42,.03);--aar-text:var(--sa-text,#0f172a);--aar-muted:var(--sa-muted,#475569);--aar-border:rgba(15,23,42,.12);--aar-ring:rgba(245,158,11,.22);--aar-ring:color-mix(in srgb,var(--aar-accent) 22%,transparent);--aar-radius:16px;--aar-radius-sm:12px;--aar-shadow:0 14px 34px rgba(15,23,42,.10);--aar-shadow-sm:0 10px 24px rgba(15,23,42,.08);--aar-gap:18px;--aar-pad:18px;color:var(--aar-text);font-family:inherit;line-height:1.35}
.aar-auth *,.aar-account *{box-sizing:border-box}
.aar-auth{margin:0 auto;padding:26px 16px;float:left;width:100%}
.aar-auth-shell{max-width:640px;margin:0 auto}
.aar-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--aar-gap);align-items:start}
.aar-auth-card{background:var(--aar-surface);border:1px solid var(--aar-border);border-radius:var(--aar-radius);padding:var(--aar-pad);box-shadow:var(--aar-shadow);display:flex;flex-direction:column;min-height:540px}
.aar-auth h2{margin:0 0 12px;font-size:22px !important;line-height:1.15 !important;letter-spacing:.2px;color:var(--aar-primary); text-align: left;}
.aar-auth .aar-auth-row{margin:10px 0}
.aar-auth .aar-auth-field{width:100%;padding:12px 12px;border:1px solid rgba(15,23,42,.16);border-radius:var(--aar-radius-sm);font-size:15px;line-height:1.2;outline:none;background:var(--aar-surface);color:var(--aar-text);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.aar-auth .aar-auth-field::placeholder{color:rgba(71,85,105,.85)}
.aar-auth .aar-auth-field:focus{border-color:var(--aar-primary);border-color:color-mix(in srgb,var(--aar-primary) 55%,rgba(15,23,42,.16));box-shadow:0 0 0 4px var(--aar-ring)}
.aar-auth .aar-auth-field:disabled{opacity:.55;cursor:not-allowed;background:rgba(15,23,42,.03)}
.aar-auth .aar-auth-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 14px;border:1px solid transparent;border-radius:var(--aar-radius-sm);font-size:15px;font-weight:800;cursor:pointer;text-align:center;gap:8px;box-shadow:var(--aar-shadow-sm);transition:transform .05s ease,filter .15s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease}
.aar-auth .aar-auth-btn:hover{box-shadow:0 16px 34px rgba(15,23,42,.12)}
.aar-auth .aar-auth-btn:active{transform:translateY(1px);box-shadow:0 10px 22px rgba(15,23,42,.10)}
.aar-auth .aar-auth-btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--aar-ring),0 16px 34px rgba(15,23,42,.12)}
.aar-auth .aar-auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.aar-auth .aar-auth-btn-primary{background:var(--aar-primary);color:#fff;border-color:rgba(124,62,36,.22);border-color:color-mix(in srgb,var(--aar-primary) 55%,transparent)}
.aar-auth .aar-auth-btn-primary:hover{filter:brightness(.98)}
.aar-auth .aar-auth-btn-secondary{background:var(--aar-surface);color:var(--aar-text);text-decoration:none;border-color:rgba(15,23,42,.14);box-shadow:none}
.aar-auth .aar-auth-btn-secondary:hover{background:rgba(15,23,42,.02)}
.aar-auth .aar-auth-help{font-size:13px;margin-top:10px;color:var(--aar-muted)}
.aar-auth .aar-auth-alert{margin:0 0 14px;padding:10px 12px;border-radius:var(--aar-radius-sm);background:rgba(245,158,11,.08);background:color-mix(in srgb,var(--aar-accent) 9%,#ffffff);border:1px solid rgba(15,23,42,.12);border:1px solid color-mix(in srgb,var(--aar-accent) 30%,rgba(15,23,42,.10));color:var(--aar-text);font-size:18px!important;width:100%;margin:20px auto;max-width:640px;}
.aar-auth .aar-auth-alert.is-error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
.aar-auth .aar-auth-note{margin:0 0 14px;padding:10px 12px;border-radius:var(--aar-radius-sm);background:rgba(15,23,42,.02);border:1px solid rgba(15,23,42,.10);color:var(--aar-text)}
.aar-auth-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.aar-auth-tabs{display:flex;gap:6px;background:rgba(15,23,42,.03);border:1px solid rgba(15,23,42,.10);border-radius:999px;padding:4px}
.aar-auth-tab{appearance:none;border:0;background:transparent;color:var(--aar-muted);font-weight:900;font-size:13px;padding:8px 12px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}
.aar-auth-tab[aria-selected="true"]{background:var(--aar-surface);color:var(--aar-primary);box-shadow:0 10px 22px rgba(15,23,42,.10)}
.aar-auth-tab:focus-visible{outline:none;box-shadow:0 0 0 4px var(--aar-ring)}
.aar-auth-panel{display:none;flex:1 1 auto}
.aar-auth[data-view="login"] .aar-auth-panel[data-view="login"],
.aar-auth[data-view="register"] .aar-auth-panel[data-view="register"],
.aar-auth[data-view="forgot"] .aar-auth-panel[data-view="forgot"],
.aar-auth[data-view="reset"] .aar-auth-panel[data-view="reset"]{display:block}
.aar-auth-link{appearance:none;border:0;background:transparent;color:var(--aar-primary);font-weight:900;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}
.aar-auth-link:focus-visible{outline:none;box-shadow:0 0 0 4px var(--aar-ring);border-radius:6px}
.aar-auth-inline{margin-top:6px;font-size:12px;line-height:1.2;font-weight:800;color:var(--aar-muted)}
.aar-auth-inline.is-ok{color:#15803d}
.aar-auth-inline.is-bad{color:#b91c1c}
.aar-google-login{display:flex;justify-content:flex-start;align-items:center;min-height:44px}
.aar-google-login.is-loading{opacity:.75;pointer-events:none;filter:grayscale(.2)}
.aar-account{max-width:100%;margin:0 auto;padding:26px 16px; font-size:18px;}
.aar-surface{background:linear-gradient(180deg,rgba(245,158,11,.10),transparent 240px),var(--aar-bg);background:linear-gradient(180deg,color-mix(in srgb,var(--aar-accent) 10%,transparent),transparent 240px),var(--aar-bg);border:1px solid var(--aar-border);border-radius:18px;padding:30px 18px}
.aar-top{display:flex;justify-content:center;align-items:flex-start;gap:14px;margin:0 0 54px}
.aar-top h2{margin:0;font-size:24px;letter-spacing:.2px;color:var(--aar-primary);line-height:1.15}
.aar-sub{margin-top:6px;color:var(--aar-muted);font-size:13px;font-weight:700}
.aar-account-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:start}
.aar-card{background:var(--aar-surface);border:1px solid var(--aar-border);border-radius:var(--aar-radius);padding:0;box-shadow:var(--aar-shadow);min-width:0; min-height: 400px;}
.aar-side-head{display:flex;gap:12px;align-items:center;padding-bottom:5px;margin-bottom:12px;border-bottom:1px solid rgba(15,23,42,.08); height:90px; justify-content:space-around;}
.aar-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(180deg,rgba(124,62,36,.92),var(--aar-primary));background:linear-gradient(180deg,color-mix(in srgb,var(--aar-primary) 88%,#ffffff),var(--aar-primary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:16px;box-shadow:0 10px 22px rgba(124,62,36,.18);box-shadow:0 10px 22px color-mix(in srgb,var(--aar-primary) 22%,transparent)}
.aar-side-meta{min-width:0}
.aar-side-name{font-size:15px;font-weight:900;margin:0;line-height:1.15;text-align:left;}
.aar-side-email{margin-top:4px;font-size:13px;color:var(--aar-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}
.aar-side a{display:flex;gap:10px;align-items:center;padding:12px;text-decoration:none;color:var(--aar-text);font-weight:800;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease;font-size:14px;margin-bottom:6px}
.aar-side a:hover{background:rgba(245,158,11,.10);background:color-mix(in srgb,var(--aar-accent) 10%,transparent);border-color:rgba(15,23,42,.12);box-shadow:0 10px 24px rgba(15,23,42,.10)}
.aar-side a:active{transform:translateY(1px)}
.aar-side a:focus-visible{outline:none;box-shadow:0 0 0 4px var(--aar-ring)}
.aar-side a.is-active{background:rgba(245,158,11,.16);background:color-mix(in srgb,var(--aar-accent) 16%,transparent);border-color:rgba(124,62,36,.22);border-color:color-mix(in srgb,var(--aar-primary) 24%,rgba(15,23,42,.10));color:var(--aar-primary)}
.aar-section-title{margin:0 0 26px;padding:14px 16px;font-size:20px !important;font-weight:950;border-radius:var(--aar-radius) var(--aar-radius) 0 0;background:linear-gradient(180deg,rgba(245,158,11,.18),rgba(245,158,11,.06));background:linear-gradient(180deg,color-mix(in srgb,var(--aar-accent) 16%,transparent),color-mix(in srgb,var(--aar-accent) 6%,transparent));border-bottom:1px solid rgba(15,23,42,.10);color:var(--aar-primary)}
.aar-label{font-weight:800;display:block;margin-bottom:7px;color:var(--aar-text);font-size:13px;text-align:left}
.aar-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:var(--aar-radius-sm);border:1px solid transparent;cursor:pointer;font-weight:900;text-decoration:none;text-align:center;font-size:14px;line-height:1;box-shadow:var(--aar-shadow-sm);transition:transform .05s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,filter .15s ease}
.aar-btn:hover{box-shadow:0 16px 34px rgba(15,23,42,.12)}
.aar-btn:active{transform:translateY(1px);box-shadow:0 10px 22px rgba(15,23,42,.10)}
.aar-btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--aar-ring),0 16px 34px rgba(15,23,42,.12)}
.aar-btn-primary{background:var(--aar-primary);color:#fff;border-color:rgba(124,62,36,.22);border-color:color-mix(in srgb,var(--aar-primary) 55%,transparent)}
.aar-btn-primary:hover{filter:brightness(.98)}
.aar-btn-secondary{background:var(--aar-surface);color:var(--aar-text);border-color:rgba(15,23,42,.14);box-shadow:none}
.aar-btn-secondary:hover{background:rgba(15,23,42,.02)}
.aar-field{width:100%;padding:12px 12px;border:1px solid rgba(15,23,42,.16);border-radius:var(--aar-radius-sm);font-size:15px;line-height:1.2;outline:none;background:var(--aar-surface);color:var(--aar-text);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.aar-field::placeholder{color:rgba(71,85,105,.85)}
.aar-field:focus{border-color:var(--aar-primary);border-color:color-mix(in srgb,var(--aar-primary) 55%,rgba(15,23,42,.16));box-shadow:0 0 0 4px var(--aar-ring)}
.aar-field:focus-visible{outline:none;box-shadow:0 0 0 4px var(--aar-ring)}
.aar-row{margin:12px 0}
.aar-alert{margin:0 0 14px;padding:12px;border-radius:14px;background:rgba(15,23,42,.02);border:1px solid rgba(15,23,42,.10);color:var(--aar-text);font-weight:750}
.aar-alert.is-error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
.aar-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}
.aar-stat{background:linear-gradient(180deg,rgba(245,158,11,.10),rgba(245,158,11,.03));background:linear-gradient(180deg,color-mix(in srgb,var(--aar-accent) 10%,transparent),color-mix(in srgb,var(--aar-accent) 3%,transparent));border:1px solid rgba(15,23,42,.10);border-radius:14px;padding:12px;min-width:0}
.aar-stat-k{font-size:12px;color:var(--aar-muted);font-weight:800;margin:0 0 6px}
.aar-stat-v{font-size:20px;color:var(--aar-primary);font-weight:950;margin:0}
.aar-stat-v span{font-size:12px;color:var(--aar-muted);font-weight:800}
.aar-table-wrap{overflow:auto;border-radius:14px;border:1px solid rgba(15,23,42,.10);background:var(--aar-surface)}
.aar-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--aar-surface)}
.aar-table th,.aar-table td{padding:12px;border-bottom:1px solid rgba(15,23,42,.08);text-align:left;font-size:14px;vertical-align:top}
.aar-table th{font-weight:950;background:rgba(245,158,11,.10);background:color-mix(in srgb,var(--aar-accent) 10%,transparent);color:var(--aar-primary);white-space:nowrap}
.aar-table tr:last-child td{border-bottom:0}
.aar-table tbody tr:nth-child(even) td{background:rgba(15,23,42,.015)}

.aar-stats,.aar-top, .aar-account-shell,.aar-account, .aar-surface, .aar-top, .aar-account-shell{float:left; width: 100%;}

@media (max-width:760px) {
.aar-auth-grid{grid-template-columns:1fr}
.aar-auth-card{min-height:0}
}
@media (max-width:900px) {
.aar-top{flex-direction:column;align-items:flex-start}
.aar-account-shell{grid-template-columns:1fr}
.aar-side{order:2}
.aar-side-email{max-width:100%}
}
@media (prefers-reduced-motion:reduce) {
.aar-auth .aar-auth-btn,.aar-auth .aar-auth-field,.aar-side a,.aar-btn,.aar-field{transition:none!important}
.aar-auth .aar-auth-btn:active,.aar-btn:active,.aar-side a:active{transform:none!important}
}