.auth-page { min-height:100vh; background:var(--color-surface-subtle); }
.auth-shell { width:min(920px,calc(100% - 28px)); margin:0 auto; padding:32px 0; }
.auth-brand { display:flex; align-items:center; gap:12px; margin-bottom:24px; color:inherit; text-decoration:none; }
.auth-card { padding:28px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface); box-shadow:var(--shadow-sm); }
.auth-card header { margin-bottom:24px; }.auth-card h1 { margin:4px 0 8px; }.auth-card header p { color:var(--color-text-secondary); }
.auth-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.auth-form fieldset { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; grid-column:1/-1; margin:0; padding:20px; border:1px solid var(--color-border); border-radius:var(--radius-sm); }.auth-form legend { padding:0 8px; font-weight:800; }.auth-field { display:grid; gap:6px; }.auth-field.span-2,.auth-actions,.auth-message { grid-column:1/-1; }.auth-field input,.auth-field select { min-height:44px; width:100%; padding:10px 12px; border:1px solid var(--color-border); border-radius:var(--radius-sm); background:var(--color-surface); }.auth-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; }.auth-message { min-height:22px; color:var(--color-danger); }.auth-first-access { display:grid; gap:3px; margin-top:14px; text-align:center; }.auth-first-access span { color:var(--color-text-secondary); font-size:12px; }.auth-first-access a { color:var(--color-primary-dark); font-weight:800; }
.users-main { width:100%; max-width:1280px; margin:0 auto; padding:24px; }.users-panel { padding:20px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface); box-shadow:var(--shadow-sm); }.users-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }.users-table-wrap { overflow-x:auto; }.users-table { width:100%; border-collapse:collapse; }.users-table th,.users-table td { padding:12px; border-bottom:1px solid var(--color-border); text-align:left; white-space:nowrap; }.users-table th { color:var(--color-text-secondary); font-size:10px; text-transform:uppercase; }.invite-panel { margin-top:20px; }.work-options { display:grid; gap:8px; grid-column:1/-1; padding:12px; border:1px solid var(--color-border); border-radius:var(--radius-sm); }.work-options label { display:flex; gap:8px; align-items:center; }.invite-result { grid-column:1/-1; padding:12px; border-radius:var(--radius-sm); background:var(--color-primary-soft); overflow-wrap:anywhere; }.invite-result input { width:100%; min-height:44px; margin-top:8px; padding:9px; border:1px solid var(--color-border); border-radius:var(--radius-sm); background:var(--color-surface); }
.company-onboarding { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px; border:1px solid var(--color-primary); border-left:5px solid var(--color-primary); border-radius:var(--radius-md); background:var(--color-primary-soft); }.company-onboarding h2 { margin:4px 0; }.company-onboarding p { margin:4px 0; }.company-onboarding strong { display:block; margin-top:10px; }
@media(max-width:700px){.auth-shell{padding:14px 0}.auth-card{padding:18px}.auth-form,.auth-form fieldset{grid-template-columns:1fr}.auth-field.span-2{grid-column:auto}.auth-actions,.users-head,.company-onboarding{align-items:stretch;flex-direction:column}.users-main{padding:14px}}