*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page:#f9fafb;--bg-card:#fff;--border:#e5e7eb;--text-primary:#111827;--text-muted:#9ca3af;--text-subtle:#6b7280;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--ms-blue:#0078d4;--ms-blue-hover:#106ebe}.dark{--bg-page:#030712;--bg-card:#111827;--border:#1f2937;--text-primary:#f9fafb;--text-muted:#6b7280;--text-subtle:#6b7280;--shadow:0 1px 3px 0 #0006, 0 1px 2px -1px #0006}html,body{background-color:var(--bg-page);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,sans-serif;transition:background-color .3s,color .3s}.card{background-color:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:.75rem;transition:background-color .3s,border-color .3s}.logo-wrap{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.logo-wrap img{object-fit:contain;flex-shrink:0;width:auto;height:2rem}.logo-title{flex-direction:column;line-height:1.2;display:flex}.logo-title .brand{color:var(--text-primary);white-space:nowrap;font-size:1.0625rem;font-weight:700}.logo-title .sub{color:var(--text-muted);white-space:nowrap;font-size:.875rem;font-weight:400}.divider{border:none;border-top:1px solid var(--border);margin:0 0 1.5rem;transition:border-color .3s}