/**
 * DFMS Auth Pages - Login & Register standalone page styles
 * @package DFMS
 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body.dfms-auth-page {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.digital-finance-management-system-page-container {
    background: white;
    border-radius: 20px;
    padding: 40px;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.digital-finance-management-system-page-container::-webkit-scrollbar { width: 8px; }
.digital-finance-management-system-page-container::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
.digital-finance-management-system-page-container::-webkit-scrollbar-thumb { background: #667eea; border-radius: 10px; }
.digital-finance-management-system-page-container h1 { font-size: 42px; text-align: center; color: #667eea; margin-bottom: 5px; }
.digital-finance-management-system-page-container h2 { text-align: center; color: #333; margin-bottom: 25px; font-size: 22px; }
.digital-finance-management-system-page-container .digital-finance-management-system-card { background: transparent; box-shadow: none; padding: 0; }
.digital-finance-management-system-page-container .form-group { margin-bottom: 15px; }
.digital-finance-management-system-page-container .form-group label { display: block; margin-bottom: 6px; font-weight: 600; color: #374151; font-size: 14px; }
.digital-finance-management-system-page-container .form-group input,
.digital-finance-management-system-page-container .form-group select,
.digital-finance-management-system-page-container .form-group textarea { width: 100%; padding: 10px 14px; border: 2px solid #E5E7EB; border-radius: 8px; font-size: 15px; }
.digital-finance-management-system-page-container .form-group input:focus,
.digital-finance-management-system-page-container .form-group select:focus,
.digital-finance-management-system-page-container .form-group textarea:focus { outline: none; border-color: #667eea; }
.digital-finance-management-system-page-container .form-group textarea { resize: vertical; min-height: 60px; }
.digital-finance-management-system-page-container .btn-submit { width: 100%; padding: 12px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; margin-top: 10px; }
.digital-finance-management-system-page-container .btn-submit:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(102,126,234,0.4); }
.footer-link { text-align: center; margin-top: 20px; padding-top: 15px; border-top: 1px solid #E5E7EB; color: #6B7280; font-size: 14px; }
.footer-link a { color: #667eea; text-decoration: none; font-weight: 600; }
.login-container { background: white; border-radius: 20px; padding: 50px; max-width: 450px; width: 100%; box-shadow: 0 20px 60px rgba(0,0,0,0.3); }
.login-container h1 { font-size: 48px; text-align: center; color: #667eea; margin-bottom: 10px; }
.login-container h2 { text-align: center; color: #333; margin-bottom: 30px; font-size: 22px; }
.login-container input { width: 100%; padding: 14px 18px; margin-bottom: 15px; border: 2px solid #E5E7EB; border-radius: 8px; font-size: 16px; }
.login-container input:focus { outline: none; border-color: #667eea; }
.login-container button { width: 100%; padding: 14px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; }
.login-container button:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(102,126,234,0.4); }
.footer-links { text-align: center; margin-top: 20px; color: #6B7280; font-size: 14px; }
.footer-links a { color: #667eea; text-decoration: none; font-weight: 600; }
@media (max-width: 768px) {
    .digital-finance-management-system-page-container { padding: 30px 20px; max-height: 95vh; }
    .digital-finance-management-system-page-container h1 { font-size: 36px; }
    .digital-finance-management-system-page-container h2 { font-size: 18px; }
    .digital-finance-management-system-page-container .form-group { margin-bottom: 12px; }
    .login-container { padding: 40px 30px; }
    .login-container h1 { font-size: 42px; }
}
@media (max-height: 800px) {
    .digital-finance-management-system-page-container { padding: 25px; }
    .digital-finance-management-system-page-container h1 { font-size: 36px; }
    .digital-finance-management-system-page-container .form-group { margin-bottom: 12px; }
}