.page-loader{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:rgba(244,246,250,.82);backdrop-filter:blur(3px)}
.page-loader[hidden]{display:none}
.page-loader-card{min-width:230px;padding:25px;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:var(--panel,#fff);box-shadow:0 18px 50px rgba(15,23,42,.2);display:flex;flex-direction:column;align-items:center;gap:13px;color:var(--ink,#1f2937);font-weight:800;text-align:center}
.page-loader-spinner{width:40px;height:40px;border:4px solid rgba(66,99,235,.2);border-top-color:var(--primary,var(--brand,#4263eb));border-radius:50%;animation:page-loader-spin .7s linear infinite}
body[data-page-loading=true]{overflow:hidden}
body[data-page-loading=true]>*:not(.page-loader){pointer-events:none;user-select:none}
:root[data-theme=dark] .page-loader{background:rgba(17,24,39,.82)}
@keyframes page-loader-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.page-loader-spinner{animation-duration:1.4s}}