.proservice-auth-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: #f8fafc;
}
.proservice-auth-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02);
    width: 100%;
    max-width: 400px;
    padding: 40px 30px;
    box-sizing: border-box;
}
.auth-header { text-align: center; margin-bottom: 28px; }
.auth-header h2 { margin: 0 0 6px 0; font-size: 22px; font-weight: 800; color: #0f172a; }
.auth-header p { margin: 0; font-size: 14px; color: #64748b; }
.auth-form-layout { display: flex; flex-direction: column; gap: 18px; }
.auth-input-group { display: flex; flex-direction: column; gap: 6px; }
.auth-input-group label { font-size: 13px; font-weight: 600; color: #334155; }
.auth-input { width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 14px; outline: none; transition: all 0.15s ease; }
.auth-input:focus { border-color: #0252e3; box-shadow: 0 0 0 3px rgba(2, 82, 227, 0.08); }
.auth-actions-row { display: flex; justify-content: space-between; align-items: center; }
.auth-remember-me { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #475569; cursor: pointer; }
.auth-forgot-link { font-size: 13px; font-weight: 600; color: #0252e3; text-decoration: none; }
.auth-primary-btn { width: 100%; background: #0252e3; color: #ffffff; border: none; padding: 12px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: background 0.15s ease; text-align: center; }
.auth-primary-btn:hover { background: #0143bd; }
.auth-notice-error { background: #fef2f2; border: 1px solid #fee2e2; color: #991b1b; padding: 10px; border-radius: 6px; font-size: 13px; margin-bottom: 15px; text-align: center; }