.login-glass-page{--login-glass-blur:18px;--login-glass-card-bg:color-mix(in srgb, var(--surface-solid) 42%, transparent);--login-glass-card-border:color-mix(in srgb, var(--border-strong) 55%, transparent);background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:clamp(20px,5vw,48px);display:flex;position:relative;overflow:hidden}.login-glass-page .theme-toggle-floating{z-index:20}.login-glass-veil{z-index:1;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 40%, color-mix(in srgb, var(--accent-dim) 35%, transparent), transparent 70%), linear-gradient(165deg, color-mix(in srgb, var(--bg) 72%, transparent) 0%, color-mix(in srgb, var(--bg) 88%, transparent) 45%, color-mix(in srgb, var(--bg) 94%, transparent) 100%);-webkit-backdrop-filter:blur(10px)saturate(1.15);position:absolute;inset:0}.login-glass-page--secure-admin .login-glass-veil{background:radial-gradient(ellipse 70% 55% at 30% 50%, color-mix(in srgb, var(--purple-dim,var(--accent-dim)) 40%, transparent), transparent), linear-gradient(160deg, color-mix(in srgb, var(--bg) 75%, transparent), color-mix(in srgb, var(--bg) 92%, transparent))}.login-glass-page--user .login-glass-veil{background:radial-gradient(ellipse 90% 70% at 60% 30%, color-mix(in srgb, var(--accent-dim) 45%, transparent), transparent 65%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 70%, transparent), color-mix(in srgb, var(--bg) 90%, transparent))}.login-glass-panel{z-index:2;flex-direction:column;align-items:stretch;width:min(440px,100%);display:flex;position:relative}.login-glass-card{background:var(--login-glass-card-bg);border:1px solid var(--login-glass-card-border);border-radius:var(--radius-xl,16px);padding:var(--space-8,32px);box-shadow:0 4px 24px color-mix(in srgb, var(--ink) 8%, transparent), 0 0 0 1px #ffffff1f inset;-webkit-backdrop-filter:blur(var(--login-glass-blur)) saturate(1.25)}.login-glass-card .login-card{width:100%;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0;padding:0}.login-glass-page .login-panel-stack{width:100%}.login-glass-preview{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.92;filter:saturate(.85)contrast(.95);position:absolute;inset:-6%;transform:scale(1.04)rotate(-.4deg)}.login-glass-preview__frame{background:var(--content-bg,var(--bg));border-radius:var(--radius-lg,12px);height:100%;min-height:110%;box-shadow:var(--shadow-lg);border:1px solid var(--border);grid-template-columns:min(240px,22vw) 1fr;gap:0;display:grid;overflow:hidden}.login-glass-preview__frame--user{grid-template-columns:min(200px,20vw) 1fr}.login-glass-preview__sidebar{background:var(--sidebar,var(--surface-solid));border-left:1px solid var(--border);padding:var(--space-5,20px) var(--space-4,16px);gap:var(--space-6,24px);flex-direction:column;display:flex}.login-glass-preview--secure-admin .login-glass-preview__sidebar{background:color-mix(in srgb, var(--sidebar,var(--surface-solid)) 92%, var(--purple-dim,var(--accent-dim)))}.login-glass-preview__brand{align-items:center;gap:var(--space-3,12px);display:flex}.login-glass-preview__logo{border-radius:var(--radius-sm,6px);background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid}.login-glass-preview__brand-text{color:var(--ink);opacity:.85;font-size:13px;font-weight:700}.login-glass-preview__nav{flex-direction:column;gap:6px;display:flex}.login-glass-preview__nav-item{border-radius:var(--radius-sm,6px);color:var(--muted);background:0 0;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.login-glass-preview__nav-item.is-active{background:var(--nav-active-bg,var(--accent-dim));color:var(--accent);font-weight:600}.login-glass-preview__nav-dot{opacity:.5;background:currentColor;border-radius:50%;width:8px;height:8px}.login-glass-preview__rail{background:var(--surface-solid);border-left:1px solid var(--border);padding:var(--space-4,16px);flex-direction:column;gap:8px;display:flex}.login-glass-preview__rail-item{border-radius:var(--radius,8px);color:var(--muted);align-items:center;gap:10px;padding:10px;font-size:11px;display:flex}.login-glass-preview__rail-item.is-active{background:var(--accent-dim);color:var(--accent)}.login-glass-preview__rail-icon{background:color-mix(in srgb, var(--muted) 35%, transparent);border-radius:6px;width:18px;height:18px}.login-glass-preview__main{background:var(--content-bg,var(--bg));flex-direction:column;min-width:0;display:flex}.login-glass-preview__topbar{align-items:center;gap:var(--space-4,16px);padding:var(--space-4,16px) var(--space-6,24px);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--toolbar-bg,var(--bg)) 90%, transparent);display:flex}.login-glass-preview__title{color:var(--ink);opacity:.7;font-size:14px;font-weight:700}.login-glass-preview__pill{background:var(--surface-hover);border:1px solid var(--border);border-radius:999px;width:120px;height:28px;margin-right:auto}.login-glass-preview__avatar{background:linear-gradient(135deg, var(--accent-dim), var(--surface-hover));border:1px solid var(--border);border-radius:50%;width:32px;height:32px}.login-glass-preview__content{padding:var(--space-6,24px);gap:var(--space-5,20px);flex-direction:column;flex:1;display:flex}.login-glass-preview__kpis{gap:var(--space-4,16px);grid-template-columns:repeat(4,1fr);display:grid}.login-glass-preview__frame--user .login-glass-preview__kpis{grid-template-columns:repeat(3,1fr)}.login-glass-preview__kpi{padding:var(--space-4,16px);border-radius:var(--radius,8px);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:10px;display:flex}.login-glass-preview__kpi-label,.login-glass-preview__kpi-value{background:color-mix(in srgb, var(--muted) 25%, transparent);border-radius:4px;display:block}.login-glass-preview__kpi-label{width:55%;height:10px}.login-glass-preview__kpi-value{width:75%;height:22px}.login-glass-preview__charts{gap:var(--space-4,16px);grid-template-columns:1.4fr .8fr;display:grid}.login-glass-preview__frame--user .login-glass-preview__charts{grid-template-columns:1fr .65fr}.login-glass-preview__chart{padding:var(--space-4,16px);border-radius:var(--radius,8px);background:var(--surface);border:1px solid var(--border);min-height:140px}.login-glass-preview__chart-bars{align-items:flex-end;gap:6px;height:100%;min-height:100px;padding-top:8px;display:flex}.login-glass-preview__chart-bars span{background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 40%, transparent));opacity:.65;border-radius:4px 4px 0 0;flex:1}.login-glass-preview__donut{border:12px solid var(--accent-dim);border-top-color:var(--accent);opacity:.7;border-radius:50%;width:88px;height:88px;margin:auto}.login-glass-preview__ring{background:conic-gradient(var(--accent) 0 240deg, var(--accent-dim) 240deg);opacity:.75;border-radius:50%;width:96px;height:96px;margin:auto;-webkit-mask:radial-gradient(farthest-side,#0000 58%,#000 60%);mask:radial-gradient(farthest-side,#0000 58%,#000 60%)}.login-glass-preview__table{padding:var(--space-4,16px);border-radius:var(--radius,8px);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:8px;display:flex}.login-glass-preview__table-row{grid-template-columns:1.2fr 1fr .8fr .6fr;align-items:center;gap:12px;display:grid}.login-glass-preview__table-row span{background:color-mix(in srgb, var(--muted) 22%, transparent);border-radius:4px;height:10px}@media (max-width:720px){.login-glass-preview{opacity:.75;inset:-12%;transform:scale(1.08)}.login-glass-preview__frame{grid-template-columns:56px 1fr}.login-glass-preview__nav-item,.login-glass-preview__rail-item span:not(.login-glass-preview__rail-icon){font-size:0}.login-glass-preview__brand-text{display:none}.login-glass-preview__kpis{grid-template-columns:repeat(2,1fr)}.login-glass-preview__charts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.login-glass-preview{transform:none}}.login-glass-card .login-features--compact{gap:var(--space-2,8px);max-width:none;margin-bottom:var(--space-5,20px);flex-direction:column;display:flex}.login-glass-card .login-features--compact .login-feature{padding:var(--space-2,8px) var(--space-3,12px);transform:none}.login-glass-card .login-features--compact .login-feature:hover{transform:none}.login-glass-card .login-features--compact .login-feature-icon{width:36px;height:36px}.login-glass-panel .login-panel-stack{width:100%}