/* D'Plata925 Admin login — isolated from the authenticated shell and storefront. */
:root{
  --dp-login-navy:#071b33;
  --dp-login-navy-2:#102d4d;
  --dp-login-rose:#d86f8b;
  --dp-login-muted:#66758a;
  --dp-login-line:#dfe5ed;
}

*{box-sizing:border-box}
body.dp-admin-login-page{min-height:100vh;margin:0;color:#13243a;background:#f5f7fa;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.dp-login-shell{display:grid;min-height:100vh;grid-template-columns:minmax(340px,.92fr) minmax(520px,1.08fr)}
.dp-login-story{position:relative;display:flex;overflow:hidden;flex-direction:column;justify-content:space-between;padding:48px;color:#fff;background:radial-gradient(circle at 16% 8%,rgba(216,111,139,.28),transparent 24rem),linear-gradient(155deg,var(--dp-login-navy-2),var(--dp-login-navy) 62%,#041426)}
.dp-login-story::after{position:absolute;right:-150px;bottom:-160px;width:440px;height:440px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 86px rgba(255,255,255,.02);content:""}
.dp-login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:13px;font-family:Georgia,"Times New Roman",serif;font-size:19px;letter-spacing:.04em}
.dp-login-brand>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.07)}
.dp-login-brand i{display:block;width:13px;height:13px;border:2px solid #f4b5c5;transform:rotate(45deg)}
.dp-login-story-copy{position:relative;z-index:1;max-width:520px;margin:80px 0}
.dp-login-eyebrow{display:block;color:#e888a1;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.dp-login-story-copy h1{max-width:500px;margin:16px 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5vw,72px);font-weight:600;line-height:1.02;letter-spacing:-.035em}
.dp-login-story-copy p{max-width:470px;margin:0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.75}
.dp-login-security{position:relative;z-index:1;margin:0;color:rgba(255,255,255,.55);font-size:12px}
.dp-login-access{display:grid;min-width:0;place-items:center;padding:42px;background:radial-gradient(circle at 92% 4%,rgba(216,111,139,.1),transparent 26rem),#f7f8fa}
.dp-login-card{width:min(480px,100%);padding:38px;border:1px solid rgba(218,224,233,.9);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(7,27,51,.11)}
.dp-login-heading h2{margin:8px 0 7px;color:var(--dp-login-navy);font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1.05}
.dp-login-heading p{margin:0;color:var(--dp-login-muted);font-size:14px}
.dp-login-demo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 4px;padding:13px;border:1px solid #ead0d8;border-radius:14px;background:#fff5f8}
.dp-login-demo[hidden]{display:none}
.dp-login-demo>div{display:grid;gap:3px}.dp-login-demo strong{color:#8a3148;font-size:12px}.dp-login-demo span{color:#7a6170;font-size:10px;line-height:1.4}
.dp-login-demo-button{flex:0 0 auto;min-height:36px;padding:8px 10px;border:1px solid #dfb7c3;border-radius:9px;color:#7e2941;background:#fff;font-size:10px;font-weight:850;cursor:pointer}
.dp-login-form{display:grid;gap:17px;margin-top:25px}
.dp-login-field{display:grid;gap:7px}.dp-login-field>label{color:var(--dp-login-navy);font-size:12px;font-weight:850}
.dp-login-field input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #d4dbe5;border-radius:12px;outline:0;color:var(--dp-login-navy);background:#fff;font:inherit;transition:border-color .16s ease,box-shadow .16s ease}
.dp-login-field input:focus{border-color:#9baabd;box-shadow:0 0 0 4px rgba(16,45,77,.08)}
.dp-password-field{position:relative}.dp-password-field input{padding-right:50px}
.dp-password-field button{position:absolute;top:50%;right:7px;display:grid;width:38px;height:38px;padding:0;place-items:center;border:0;border-radius:9px;color:#607086;background:transparent;cursor:pointer;transform:translateY(-50%)}
.dp-password-field button:hover,.dp-password-field button:focus-visible{color:var(--dp-login-navy);background:#f0f3f7;outline:0}
.dp-password-field svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dp-eye-closed{display:none}.dp-password-field button[aria-pressed="true"] .dp-eye-open{display:none}.dp-password-field button[aria-pressed="true"] .dp-eye-closed{display:block}
.dp-login-preferences{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dp-login-preferences label{display:flex;min-height:42px;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--dp-login-line);border-radius:11px;color:#34465d;background:#fafbfc;font-size:11px;font-weight:750;cursor:pointer}.dp-login-preferences input{width:17px;height:17px;accent-color:var(--dp-login-rose)}
.dp-login-note{margin:-5px 0 0;color:#7b8798;font-size:10px}
.dp-login-submit{min-height:48px;border:1px solid var(--dp-login-navy);border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--dp-login-navy-2),var(--dp-login-navy));box-shadow:0 12px 26px rgba(7,27,51,.18);font-size:13px;font-weight:850;cursor:pointer}
.dp-login-submit:hover{background:linear-gradient(135deg,#15395f,#06182d)}.dp-login-submit:disabled{opacity:.65;cursor:wait}
.dp-login-message{min-height:19px;color:var(--dp-login-muted);font-size:12px;line-height:1.5}.dp-login-message.is-error{color:#a12e42}.dp-login-message.is-success{color:#166548}

@media(max-width:900px){.dp-login-shell{grid-template-columns:1fr}.dp-login-story{min-height:250px;padding:30px}.dp-login-story-copy{margin:54px 0 30px}.dp-login-story-copy h1{font-size:42px}.dp-login-security{display:none}.dp-login-access{padding:30px 20px}}
@media(max-width:520px){.dp-login-story{min-height:210px;padding:24px}.dp-login-story-copy{margin:34px 0 8px}.dp-login-story-copy h1{margin:10px 0 12px;font-size:34px}.dp-login-story-copy p{font-size:13px;line-height:1.55}.dp-login-access{align-items:start;padding:18px 12px 34px}.dp-login-card{padding:24px 18px;border-radius:19px}.dp-login-heading h2{font-size:33px}.dp-login-demo{align-items:stretch;flex-direction:column}.dp-login-preferences{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}