@inherits LayoutComponentBase

<div class="auth-container">
    <!-- Left Panel - Branding -->
    <MudHidden Breakpoint="Breakpoint.SmAndDown" Invert="true" Class="auth-left-panel">
        <div class="auth-branding">
            <div class="auth-logo">
                <MudIcon Icon="@Icons.Material.Filled.Dashboard" Size="Size.Large" />
            </div>
            <MudText Typo="Typo.h3" Class="auth-title">
                QuantEngine
            </MudText>
            <MudText Typo="Typo.body1" Class="auth-subtitle">
                퇴직 자산 포트폴리오 관리 시스템
            </MudText>
            <div class="auth-features mt-8">
                <div class="auth-feature">
                    <MudIcon Icon="@Icons.Material.Filled.CheckCircle" />
                    <MudText Typo="Typo.body2">실시간 자산 모니터링</MudText>
                </div>
                <div class="auth-feature">
                    <MudIcon Icon="@Icons.Material.Filled.CheckCircle" />
                    <MudText Typo="Typo.body2">AI 기반 분석</MudText>
                </div>
                <div class="auth-feature">
                    <MudIcon Icon="@Icons.Material.Filled.CheckCircle" />
                    <MudText Typo="Typo.body2">종합 보고서</MudText>
                </div>
            </div>
        </div>

    </MudHidden>

    <!-- Right Panel - Auth Content -->
    <div class="auth-right-panel">
        <!-- Mobile Header -->
        <MudHidden Breakpoint="Breakpoint.MdAndUp" Invert="true">
            <div class="auth-mobile-header">
                <MudText Typo="Typo.h5" Class="d-flex align-center">
                    <MudIcon Icon="@Icons.Material.Filled.Dashboard" Size="Size.Medium" Class="mr-2" />
                    QuantEngine
                </MudText>
            </div>
        </MudHidden>

        <!-- Content -->
        <div class="auth-content">
            @Body
        </div>

        <!-- Footer -->
        <div class="auth-footer">
            <MudText Typo="Typo.caption" Class="auth-footer-text">
                © 2026 QuantEngine. 모든 권리 예약.
            </MudText>
            <div class="auth-footer-links">
                <MudLink Href="/" Typo="Typo.caption">서비스 약관</MudLink>
                <MudText Typo="Typo.caption">·</MudText>
                <MudLink Href="/" Typo="Typo.caption">개인정보 처리방침</MudLink>
            </div>
        </div>
    </div>
</div>

@code {
}
