.panel-auth,[data-panel=auth]{--panel-primary:#4f46e5;--panel-primary-hover:#4338ca;--panel-primary-fg:#fff;--panel-secondary:#eef2ff;--panel-secondary-fg:#3730a3;--panel-accent:#6366f1;--panel-accent-fg:#312e81;--panel-bg:#f8fafc;--panel-surface:#fff;--panel-surface-alt:#f1f5f9;--panel-border:#e2e8f0;--panel-muted:#64748b;--panel-text:#0f172a;--panel-text-muted:#475569;--panel-card-shadow:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--panel-radius:1rem;--primary:var(--panel-primary);--primary-foreground:var(--panel-primary-fg);--border:var(--panel-border);--card:var(--panel-surface);--card-foreground:var(--panel-text);--ring:var(--panel-primary);--radius:var(--panel-radius)}.dark.panel-auth,.dark .panel-auth,[data-panel=auth].dark,.dark [data-panel=auth]{--panel-primary:#6366f1;--panel-primary-hover:#818cf8;--panel-primary-fg:#fff;--panel-secondary:#6366f126;--panel-secondary-fg:#a5b4fc;--panel-accent:#818cf8;--panel-accent-fg:#e0e7ff;--panel-bg:#090d16;--panel-surface:#111827e6;--panel-surface-alt:#1e293bb3;--panel-border:#ffffff1f;--panel-muted:#94a3b8;--panel-text:#f8fafc;--panel-text-muted:#94a3b8;--panel-card-shadow:0 25px 50px -12px #0009;--primary:var(--panel-primary);--primary-foreground:var(--panel-primary-fg);--border:var(--panel-border);--card:var(--panel-surface);--card-foreground:var(--panel-text);--ring:var(--panel-primary);--radius:var(--panel-radius)}@layer components{.auth-card{background-color:var(--panel-surface);border:1px solid var(--panel-border);border-radius:var(--panel-radius);box-shadow:var(--panel-card-shadow);color:var(--panel-text);transition:all .2s}.auth-card-header{text-align:center;flex-direction:column;padding:1.5rem 2rem 1rem;display:flex}.auth-card-title{color:var(--panel-text);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.auth-card-description{color:var(--panel-text-muted);margin-top:.375rem;font-size:.875rem}.auth-card-content{color:var(--panel-text);padding:1.5rem 2rem}.auth-card-footer{border-top:1px solid var(--panel-border);background-color:var(--panel-surface-alt);border-bottom-left-radius:var(--panel-radius);border-bottom-right-radius:var(--panel-radius);flex-direction:column;align-items:center;gap:.75rem;padding:1rem 2rem 1.75rem;display:flex}.auth-btn-primary{border-radius:calc(var(--panel-radius) - .25rem);background-color:var(--panel-primary);width:100%;color:var(--panel-primary-fg);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px -3px #4f46e566}.auth-btn-primary:hover{background-color:var(--panel-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px -3px #4f46e580}.auth-btn-primary:active{transform:scale(.98)}.auth-btn-secondary{border-radius:calc(var(--panel-radius) - .25rem);background-color:var(--panel-surface-alt);color:var(--panel-text);border:1px solid var(--panel-border);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.auth-btn-secondary:hover{background-color:var(--panel-border)}.auth-btn-outline{border-radius:calc(var(--panel-radius) - .25rem);border:1px solid var(--panel-border);color:var(--panel-text);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.auth-btn-outline:hover{background-color:var(--panel-surface-alt);border-color:var(--panel-primary)}.auth-input{border-radius:calc(var(--panel-radius) - .25rem);border:1px solid var(--panel-border);background-color:var(--panel-surface);width:100%;height:2.75rem;color:var(--panel-text);outline:none;padding:.5rem 1rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s;display:flex}.auth-input:focus{border-color:var(--panel-primary);box-shadow:0 0 0 3px #4f46e52e}.auth-input::placeholder{color:var(--panel-text-muted)}}