/* pc/Pages/V2/Auth/AuthLayout.razor.rz.scp.css */
/* Auth Page - Full screen layout */
.auth-page[b-i1nhjlcxrm] {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    font-family: 'Montserrat Alternates', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Background layers */
.auth-background[b-i1nhjlcxrm] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.auth-gradient[b-i1nhjlcxrm] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 0%, rgba(139, 0, 0, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 100%, rgba(47, 79, 79, 0.15) 0%, transparent 50%),
        linear-gradient(160deg, #0d0d0d 0%, #1a1a1a 50%, #0d0d0d 100%);
}

.auth-pattern[b-i1nhjlcxrm] {
    position: absolute;
    inset: 0;
    opacity: 0.03;
    background-image:
        linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px);
    background-size: 50px 50px;
}

/* Content container - RadzenStack */
[b-i1nhjlcxrm] .auth-content {
    position: relative;
    z-index: 1;
    padding: 2rem 1rem;
    width: 100%;
    max-width: 420px;
}

/* Brand section */
[b-i1nhjlcxrm] .auth-brand {
    text-align: center;
    color: #ffffff;
}

/* Logo - RadzenImage */
[b-i1nhjlcxrm] .auth-logo {
    width: 200px;
    height: auto;
    animation: pulse-glow-b-i1nhjlcxrm 3s ease-in-out infinite;
    filter: drop-shadow(0 0 20px rgba(139, 0, 0, 0.4));
}

@keyframes pulse-glow-b-i1nhjlcxrm {
    0%, 100% {
        filter: drop-shadow(0 0 20px rgba(139, 0, 0, 0.4));
        transform: scale(1);
    }
    50% {
        filter: drop-shadow(0 0 30px rgba(139, 0, 0, 0.6));
        transform: scale(1.02);
    }
}

/* Card - RadzenCard */
[b-i1nhjlcxrm] .auth-card.rz-card {
    width: 100%;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 2.5rem 2rem;
    box-shadow:
        0 25px 50px -12px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Footer - RadzenStack with links */
[b-i1nhjlcxrm] .auth-footer {
    font-size: 0.75rem;
}

[b-i1nhjlcxrm] .auth-footer .rz-link {
    color: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    font-size: 0.75rem;
    transition: color 0.2s ease;
}

[b-i1nhjlcxrm] .auth-footer .rz-link:hover {
    color: rgba(255, 255, 255, 0.8);
}

[b-i1nhjlcxrm] .auth-footer .separator {
    color: rgba(255, 255, 255, 0.2);
    font-size: 0.75rem;
}

/* Responsive */
@media (max-width: 480px) {
    [b-i1nhjlcxrm] .auth-content {
        padding: 1.5rem 1rem;
    }

    [b-i1nhjlcxrm] .auth-card.rz-card {
        padding: 2rem 1.5rem;
        border-radius: 16px;
    }

    [b-i1nhjlcxrm] .auth-logo {
        width: 160px;
    }
}

@media (min-height: 800px) {
    [b-i1nhjlcxrm] .auth-content {
        gap: 3rem;
    }
}
/* pc/Pages/V2/Auth/Code.razor.rz.scp.css */
/* Form Container */
.form-container[b-risri50o4g] {
    width: 100%;
}

.form-icon[b-risri50o4g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 0 auto 1.5rem;
    color: rgba(205, 92, 92, 0.8);
    background: rgba(139, 0, 0, 0.1);
    border-radius: 16px;
    border: 1px solid rgba(139, 0, 0, 0.2);
    font-size: 2rem;
}

.form-title[b-risri50o4g] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
}

.form-subtitle[b-risri50o4g] {
    margin: 0.5rem 0 2rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    line-height: 1.5;
}

/* Form Groups */
.form-group[b-risri50o4g] {
    margin-bottom: 1.25rem;
    text-align: center;
}

/* Code Input Wrapper */
.code-input-wrapper[b-risri50o4g] {
    display: flex;
    justify-content: center;
}

/* Special code input styling */
.code-input[b-risri50o4g] {
    width: 100%;
    max-width: 280px;
    padding: 1.25rem 1.5rem;
    font-size: 1.75rem;
    font-family: 'JetBrains Mono', 'Fira Code', monospace, inherit;
    font-weight: 600;
    letter-spacing: 0.5rem;
    text-align: center;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    outline: none;
    transition: all 0.2s ease;
}

.code-input[b-risri50o4g]::placeholder {
    color: rgba(255, 255, 255, 0.2);
    letter-spacing: 0.75rem;
}

.code-input:hover[b-risri50o4g] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
}

.code-input:focus[b-risri50o4g] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(139, 0, 0, 0.6);
    box-shadow: 0 0 0 4px rgba(139, 0, 0, 0.15);
}

/* Validation Error */
.form-error[b-risri50o4g] {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #ff6b6b;
    text-align: center;
}

/* Primary Button */
.btn-primary[b-risri50o4g] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1rem 1.5rem;
    margin-top: 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    font-family: inherit;
    color: #ffffff;
    background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.3);
}

.btn-primary:hover:not(:disabled)[b-risri50o4g] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(139, 0, 0, 0.4);
}

.btn-primary:active:not(:disabled)[b-risri50o4g] {
    transform: translateY(0);
}

.btn-primary:disabled[b-risri50o4g] {
    opacity: 0.7;
    cursor: not-allowed;
}

[b-risri50o4g] .btn-icon {
    font-size: 1.25rem;
}

/* Button Spinner */
.btn-spinner[b-risri50o4g] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spin-b-risri50o4g 0.8s linear infinite;
}

@keyframes spin-b-risri50o4g {
    to {
        transform: rotate(360deg);
    }
}

/* Form Links */
.form-links[b-risri50o4g] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 2rem;
    text-align: center;
}

.link[b-risri50o4g] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    transition: color 0.2s ease;
}

.link:hover[b-risri50o4g] {
    color: rgba(205, 92, 92, 0.9);
}

.separator[b-risri50o4g] {
    color: rgba(255, 255, 255, 0.2);
}

/* Loading Overlay */
.loading-overlay[b-risri50o4g] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
}

.loading-spinner[b-risri50o4g] {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-top-color: #CD5C5C;
    border-radius: 50%;
    animation: spin-b-risri50o4g 0.8s linear infinite;
}

/* Responsive */
@media (max-width: 480px) {
    .form-title[b-risri50o4g] {
        font-size: 1.25rem;
    }

    .form-icon[b-risri50o4g] {
        width: 56px;
        height: 56px;
    }

    .code-input[b-risri50o4g] {
        font-size: 1.5rem;
        padding: 1rem 1.25rem;
        letter-spacing: 0.35rem;
    }

    .btn-primary[b-risri50o4g] {
        padding: 0.875rem 1.25rem;
    }
}
/* pc/Pages/V2/Auth/Login.razor.rz.scp.css */
/* Form Container */
.form-container[b-3yd40k2ceb] {
    width: 100%;
}

.form-title[b-3yd40k2ceb] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
}

.form-subtitle[b-3yd40k2ceb] {
    margin: 0.5rem 0 2rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
}

/* Form Groups */
.form-group[b-3yd40k2ceb] {
    margin-bottom: 1.25rem;
}

.form-label[b-3yd40k2ceb] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Input Wrapper */
.input-wrapper[b-3yd40k2ceb] {
    position: relative;
    display: flex;
    align-items: center;
}

[b-3yd40k2ceb] .input-icon {
    position: absolute;
    left: 1rem;
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.3);
    pointer-events: none;
    transition: color 0.2s ease;
}

.form-input[b-3yd40k2ceb] {
    width: 100%;
    padding: 0.875rem 1rem 0.875rem 3rem;
    font-size: 1rem;
    font-family: inherit;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    outline: none;
    transition: all 0.2s ease;
}

.form-input[b-3yd40k2ceb]::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.form-input:hover[b-3yd40k2ceb] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
}

.form-input:focus[b-3yd40k2ceb] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(139, 0, 0, 0.5);
    box-shadow: 0 0 0 3px rgba(139, 0, 0, 0.15);
}

[b-3yd40k2ceb] .input-wrapper:focus-within .input-icon {
    color: rgba(205, 92, 92, 0.8);
}

/* Validation Error */
.form-error[b-3yd40k2ceb] {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #ff6b6b;
}

/* Primary Button */
.btn-primary[b-3yd40k2ceb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1rem 1.5rem;
    margin-top: 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    font-family: inherit;
    color: #ffffff;
    background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.3);
}

.btn-primary:hover:not(:disabled)[b-3yd40k2ceb] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(139, 0, 0, 0.4);
}

.btn-primary:active:not(:disabled)[b-3yd40k2ceb] {
    transform: translateY(0);
}

.btn-primary:disabled[b-3yd40k2ceb] {
    opacity: 0.7;
    cursor: not-allowed;
}

[b-3yd40k2ceb] .btn-arrow {
    font-size: 1.25rem;
    transition: transform 0.2s ease;
}

.btn-primary:hover:not(:disabled)[b-3yd40k2ceb]  .btn-arrow {
    transform: translateX(4px);
}

/* Button Spinner */
.btn-spinner[b-3yd40k2ceb] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spin-b-3yd40k2ceb 0.8s linear infinite;
}

@keyframes spin-b-3yd40k2ceb {
    to {
        transform: rotate(360deg);
    }
}

/* Form Links */
.form-links[b-3yd40k2ceb] {
    margin-top: 1rem;
    text-align: center;
}

.link[b-3yd40k2ceb] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    transition: color 0.2s ease;
}

.link:hover[b-3yd40k2ceb] {
    color: rgba(205, 92, 92, 0.9);
}

/* Divider */
.form-divider[b-3yd40k2ceb] {
    display: flex;
    align-items: center;
    margin: 1.5rem 0;
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.form-divider[b-3yd40k2ceb]::before,
.form-divider[b-3yd40k2ceb]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}

.form-divider span[b-3yd40k2ceb] {
    padding: 0 1rem;
}

/* Secondary Button */
.btn-secondary[b-3yd40k2ceb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1rem 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    font-family: inherit;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-3yd40k2ceb] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

/* Loading Overlay */
.loading-overlay[b-3yd40k2ceb] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
}

.loading-spinner[b-3yd40k2ceb] {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-top-color: #CD5C5C;
    border-radius: 50%;
    animation: spin-b-3yd40k2ceb 0.8s linear infinite;
}

/* Responsive */
@media (max-width: 480px) {
    .form-title[b-3yd40k2ceb] {
        font-size: 1.25rem;
    }

    .form-input[b-3yd40k2ceb] {
        padding: 0.75rem 1rem 0.75rem 2.75rem;
    }

    .btn-primary[b-3yd40k2ceb],
    .btn-secondary[b-3yd40k2ceb] {
        padding: 0.875rem 1.25rem;
    }
}
/* pc/Pages/V2/Auth/Recovery.razor.rz.scp.css */
/* Form Container */
.form-container[b-9pkbhitfwc] {
    width: 100%;
}

.form-icon[b-9pkbhitfwc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 0 auto 1.5rem;
    color: rgba(205, 92, 92, 0.8);
    background: rgba(139, 0, 0, 0.1);
    border-radius: 16px;
    border: 1px solid rgba(139, 0, 0, 0.2);
    font-size: 2rem;
}

.form-title[b-9pkbhitfwc] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
}

.form-subtitle[b-9pkbhitfwc] {
    margin: 0.5rem 0 2rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    line-height: 1.5;
}

/* Form Groups */
.form-group[b-9pkbhitfwc] {
    margin-bottom: 1.25rem;
}

.form-label[b-9pkbhitfwc] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Input Wrapper */
.input-wrapper[b-9pkbhitfwc] {
    position: relative;
    display: flex;
    align-items: center;
}

[b-9pkbhitfwc] .input-icon {
    position: absolute;
    left: 1rem;
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.3);
    pointer-events: none;
    transition: color 0.2s ease;
}

.form-input[b-9pkbhitfwc] {
    width: 100%;
    padding: 0.875rem 1rem 0.875rem 3rem;
    font-size: 1rem;
    font-family: inherit;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    outline: none;
    transition: all 0.2s ease;
}

.form-input[b-9pkbhitfwc]::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.form-input:hover[b-9pkbhitfwc] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
}

.form-input:focus[b-9pkbhitfwc] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(139, 0, 0, 0.5);
    box-shadow: 0 0 0 3px rgba(139, 0, 0, 0.15);
}

[b-9pkbhitfwc] .input-wrapper:focus-within .input-icon {
    color: rgba(205, 92, 92, 0.8);
}

/* Validation Error */
.form-error[b-9pkbhitfwc] {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #ff6b6b;
}

/* Primary Button */
.btn-primary[b-9pkbhitfwc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1rem 1.5rem;
    margin-top: 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    font-family: inherit;
    color: #ffffff;
    background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.3);
}

.btn-primary:hover:not(:disabled)[b-9pkbhitfwc] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(139, 0, 0, 0.4);
}

.btn-primary:active:not(:disabled)[b-9pkbhitfwc] {
    transform: translateY(0);
}

.btn-primary:disabled[b-9pkbhitfwc] {
    opacity: 0.7;
    cursor: not-allowed;
}

[b-9pkbhitfwc] .btn-icon {
    font-size: 1.25rem;
}

/* Button Spinner */
.btn-spinner[b-9pkbhitfwc] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spin-b-9pkbhitfwc 0.8s linear infinite;
}

@keyframes spin-b-9pkbhitfwc {
    to {
        transform: rotate(360deg);
    }
}

/* Form Links */
.form-links[b-9pkbhitfwc] {
    margin-top: 2rem;
    text-align: center;
}

.link[b-9pkbhitfwc] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    transition: color 0.2s ease;
}

.link:hover[b-9pkbhitfwc] {
    color: rgba(205, 92, 92, 0.9);
}

.back-link[b-9pkbhitfwc] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

[b-9pkbhitfwc] .back-icon {
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.back-link:hover[b-9pkbhitfwc]  .back-icon {
    transform: translateX(-4px);
}

/* Loading Overlay */
.loading-overlay[b-9pkbhitfwc] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
}

.loading-spinner[b-9pkbhitfwc] {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-top-color: #CD5C5C;
    border-radius: 50%;
    animation: spin-b-9pkbhitfwc 0.8s linear infinite;
}

/* Responsive */
@media (max-width: 480px) {
    .form-title[b-9pkbhitfwc] {
        font-size: 1.25rem;
    }

    .form-icon[b-9pkbhitfwc] {
        width: 56px;
        height: 56px;
    }

    .form-input[b-9pkbhitfwc] {
        padding: 0.75rem 1rem 0.75rem 2.75rem;
    }

    .btn-primary[b-9pkbhitfwc] {
        padding: 0.875rem 1.25rem;
    }
}
/* pc/Pages/V2/Auth/Register.razor.rz.scp.css */
/* Form Container */
.form-container[b-egslt1l1rg] {
    width: 100%;
}

.form-title[b-egslt1l1rg] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
}

.form-subtitle[b-egslt1l1rg] {
    margin: 0.5rem 0 2rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
}

/* Form Groups */
.form-group[b-egslt1l1rg] {
    margin-bottom: 1.25rem;
}

.form-label[b-egslt1l1rg] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Input Wrapper */
.input-wrapper[b-egslt1l1rg] {
    position: relative;
    display: flex;
    align-items: center;
}

[b-egslt1l1rg] .input-icon {
    position: absolute;
    left: 1rem;
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.3);
    pointer-events: none;
    transition: color 0.2s ease;
}

.form-input[b-egslt1l1rg] {
    width: 100%;
    padding: 0.875rem 1rem 0.875rem 3rem;
    font-size: 1rem;
    font-family: inherit;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    outline: none;
    transition: all 0.2s ease;
}

.form-input[b-egslt1l1rg]::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.form-input:hover[b-egslt1l1rg] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
}

.form-input:focus[b-egslt1l1rg] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(139, 0, 0, 0.5);
    box-shadow: 0 0 0 3px rgba(139, 0, 0, 0.15);
}

[b-egslt1l1rg] .input-wrapper:focus-within .input-icon {
    color: rgba(205, 92, 92, 0.8);
}

/* Validation Error */
.form-error[b-egslt1l1rg] {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #ff6b6b;
}

/* Disclaimer */
.disclaimer[b-egslt1l1rg] {
    margin: 1.25rem 0;
    padding: 1rem;
    font-size: 0.75rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.disclaimer a[b-egslt1l1rg] {
    color: rgba(205, 92, 92, 0.8);
    text-decoration: none;
}

.disclaimer a:hover[b-egslt1l1rg] {
    color: rgba(205, 92, 92, 1);
    text-decoration: underline;
}

/* Primary Button */
.btn-primary[b-egslt1l1rg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    font-family: inherit;
    color: #ffffff;
    background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.3);
}

.btn-primary:hover:not(:disabled)[b-egslt1l1rg] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(139, 0, 0, 0.4);
}

.btn-primary:active:not(:disabled)[b-egslt1l1rg] {
    transform: translateY(0);
}

.btn-primary:disabled[b-egslt1l1rg] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Button Spinner */
.btn-spinner[b-egslt1l1rg] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spin-b-egslt1l1rg 0.8s linear infinite;
}

@keyframes spin-b-egslt1l1rg {
    to {
        transform: rotate(360deg);
    }
}

/* Divider */
.form-divider[b-egslt1l1rg] {
    display: flex;
    align-items: center;
    margin: 1.5rem 0;
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.form-divider[b-egslt1l1rg]::before,
.form-divider[b-egslt1l1rg]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}

.form-divider span[b-egslt1l1rg] {
    padding: 0 1rem;
}

/* Secondary Button */
.btn-secondary[b-egslt1l1rg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1rem 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    font-family: inherit;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-egslt1l1rg] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

/* Loading Overlay */
.loading-overlay[b-egslt1l1rg] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
}

.loading-spinner[b-egslt1l1rg] {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-top-color: #CD5C5C;
    border-radius: 50%;
    animation: spin-b-egslt1l1rg 0.8s linear infinite;
}

/* Responsive */
@media (max-width: 480px) {
    .form-title[b-egslt1l1rg] {
        font-size: 1.25rem;
    }

    .form-input[b-egslt1l1rg] {
        padding: 0.75rem 1rem 0.75rem 2.75rem;
    }

    .btn-primary[b-egslt1l1rg],
    .btn-secondary[b-egslt1l1rg] {
        padding: 0.875rem 1.25rem;
    }
}
/* pc/Pages/V2/Dashboard/Account.razor.rz.scp.css */
.account-page[b-r0bzv9201m] {
    max-width: 560px;
    margin: 0 auto;
}

/* Loading State */
.loading-state[b-r0bzv9201m] {
    padding: 4rem 2rem;
    color: rgba(255, 255, 255, 0.5);
}

/* Account Card */
[b-r0bzv9201m] .account-card.rz-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 1.5rem;
}

/* Divider */
.password-divider[b-r0bzv9201m] {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin: 0.5rem 0;
}

/* Form Actions */
.form-actions[b-r0bzv9201m] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding-top: 0.75rem;
}

/* Responsive */
@media (max-width: 480px) {
    .form-actions[b-r0bzv9201m] {
        flex-direction: column-reverse;
    }

    .form-actions :deep(.rz-button)[b-r0bzv9201m] {
        width: 100%;
    }
}
/* pc/Pages/V2/Dashboard/Achievement.razor.rz.scp.css */
.achievement-page[b-lfmu9amnan] {
    max-width: 800px;
    margin: 0 auto;
}

/* Empty State */
.empty-state[b-lfmu9amnan] {
    text-align: center;
    padding: 3rem 1.5rem;
}

[b-lfmu9amnan] .empty-icon {
    width: 80px;
    height: 80px;
    color: rgba(218, 165, 32, 0.8);
    background: rgba(218, 165, 32, 0.1);
    border-radius: 20px;
    border: 1px solid rgba(218, 165, 32, 0.2);
    font-size: 2.5rem;
}

[b-lfmu9amnan] .empty-description {
    max-width: 400px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.6;
}
/* pc/Pages/V2/Dashboard/ChangeNicknameDialog.razor.rz.scp.css */
.dialog-content[b-6y7wje4pl9] {
    padding: 0.5rem 0;
    min-width: 340px;
}

.dialog-icon[b-6y7wje4pl9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin: 0 auto 1.25rem;
    background: linear-gradient(135deg, rgba(139, 0, 0, 0.15) 0%, rgba(165, 42, 42, 0.1) 100%);
    border-radius: 16px;
    border: 1px solid rgba(139, 0, 0, 0.2);
    color: #CD5C5C;
    font-size: 1.75rem;
}

.dialog-description[b-6y7wje4pl9] {
    margin: 0 0 1.5rem;
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.6;
    text-align: center;
}

.dialog-actions[b-6y7wje4pl9] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding-top: 1rem;
    margin-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
/* pc/Pages/V2/Dashboard/CreateTeamDialog.razor.rz.scp.css */
.dialog-content[b-gyx5hn7jyd] {
    padding: 0.5rem 0;
    min-width: 340px;
}

.dialog-description[b-gyx5hn7jyd] {
    margin: 0 0 1.5rem;
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.6;
}

.dialog-actions[b-gyx5hn7jyd] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding-top: 1rem;
    margin-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
/* pc/Pages/V2/Dashboard/MemberActionsDialog.razor.rz.scp.css */
.dialog-content[b-pj21ejwr7h] {
    padding: 0.25rem 0;
}

.dialog-player[b-pj21ejwr7h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    margin: 0 0 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[b-pj21ejwr7h] .dialog-player-icon {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.4);
}

.dialog-player-name[b-pj21ejwr7h] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #CD5C5C;
}

.actions-list[b-pj21ejwr7h] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.action-item[b-pj21ejwr7h] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    width: 100%;
    padding: 0.875rem 1rem;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    color: rgba(255, 255, 255, 0.7);
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
    transition: all 0.2s ease;
}

.action-item:hover[b-pj21ejwr7h] {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}

[b-pj21ejwr7h] .action-item .rz-icon {
    font-size: 1.25rem;
}

.action-item.danger[b-pj21ejwr7h] {
    color: #DC143C;
}

.action-item.danger:hover[b-pj21ejwr7h] {
    background: rgba(220, 20, 60, 0.08);
    color: #DC143C;
}
/* pc/Pages/V2/Dashboard/SelectTeamDialog.razor.rz.scp.css */
.dialog-content[b-68p489sz8r] {
    padding: 0.5rem 0;
}

.dialog-description[b-68p489sz8r] {
    margin: 0 0 1.25rem;
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.5;
}

.team-select-wrapper[b-68p489sz8r] {
    margin-bottom: 1.5rem;
}

.dialog-actions[b-68p489sz8r] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
/* pc/Pages/V2/Dashboard/Stats.razor.rz.scp.css */
.stats-page[b-e04s0p58gj] {
    max-width: 800px;
    margin: 0 auto;
}

/* Empty State */
.empty-state[b-e04s0p58gj] {
    text-align: center;
    padding: 3rem 1.5rem;
}

[b-e04s0p58gj] .empty-icon {
    width: 80px;
    height: 80px;
    color: rgba(70, 130, 180, 0.8);
    background: rgba(70, 130, 180, 0.1);
    border-radius: 20px;
    border: 1px solid rgba(70, 130, 180, 0.2);
    font-size: 2.5rem;
}

[b-e04s0p58gj] .empty-description {
    max-width: 400px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.6;
}
/* pc/Pages/V2/Dashboard/Team.razor.rz.scp.css */
/* Team Page - Minimal overrides, main styling in rd-theme.scss */

.team-page[b-rrefkdpqh4] {
    max-width: 800px;
    margin: 0 auto;
}

/* Loading State */
.loading-state[b-rrefkdpqh4] {
    padding: 4rem 2rem;
    color: rgba(255, 255, 255, 0.5);
}

/* Empty State */
.empty-state[b-rrefkdpqh4] {
    text-align: center;
    padding: 3rem 1.5rem;
}

[b-rrefkdpqh4] .empty-icon {
    width: 80px;
    height: 80px;
    color: rgba(205, 92, 92, 0.7);
    background: rgba(139, 0, 0, 0.1);
    border-radius: 20px;
    border: 1px solid rgba(139, 0, 0, 0.2);
    font-size: 2.5rem;
}

[b-rrefkdpqh4] .empty-description {
    max-width: 400px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.6;
}

.empty-actions[b-rrefkdpqh4] {
    max-width: 280px;
    width: 100%;
}

/* Pending State */
.pending-state[b-rrefkdpqh4] {
    padding: 2rem 1rem;
}

[b-rrefkdpqh4] .pending-card.rz-card {
    text-align: center;
    max-width: 400px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

[b-rrefkdpqh4] .pending-icon {
    width: 64px;
    height: 64px;
    color: #DAA520;
    background: rgba(218, 165, 32, 0.1);
    border-radius: 16px;
    border: 1px solid rgba(218, 165, 32, 0.2);
    font-size: 2rem;
}

[b-rrefkdpqh4] .pending-team {
    color: rgba(255, 255, 255, 0.7);
}

[b-rrefkdpqh4] .pending-team strong {
    color: #CD5C5C;
}

[b-rrefkdpqh4] .pending-description {
    color: rgba(255, 255, 255, 0.5);
}

/* Team Header */
[b-rrefkdpqh4] .team-header.rz-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

[b-rrefkdpqh4] .team-members-count {
    color: rgba(255, 255, 255, 0.5);
}

/* Sections */
[b-rrefkdpqh4] .section-title .rz-icon {
    color: rgba(255, 255, 255, 0.4);
}

/* Requests Section */
[b-rrefkdpqh4] .requests-section.rz-card {
    background: rgba(218, 165, 32, 0.05);
    border: 1px solid rgba(218, 165, 32, 0.15);
}

[b-rrefkdpqh4] .requests-section .section-title .rz-icon,
[b-rrefkdpqh4] .requests-section .section-title .rz-text {
    color: #DAA520;
}

[b-rrefkdpqh4] .request-card {
    padding: 0.875rem 1rem;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 10px;
}

[b-rrefkdpqh4] .request-player {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
}

[b-rrefkdpqh4] .request-player:hover {
    color: #CD5C5C;
}

/* Members Section */
[b-rrefkdpqh4] .members-section.rz-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

[b-rrefkdpqh4] .member-card {
    padding: 0.875rem 1rem;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 10px;
    transition: background 0.2s ease;
}

[b-rrefkdpqh4] .member-card:hover {
    background: rgba(255, 255, 255, 0.05);
}

[b-rrefkdpqh4] .member-card.commander {
    background: rgba(139, 0, 0, 0.1);
    border: 1px solid rgba(139, 0, 0, 0.2);
}

[b-rrefkdpqh4] .commander-badge {
    color: #FFD700;
    font-size: 1.125rem;
}

[b-rrefkdpqh4] .member-name {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
}

[b-rrefkdpqh4] .member-name:hover {
    color: #CD5C5C;
}

[b-rrefkdpqh4] .member-card.commander .member-name {
    color: #CD5C5C;
}

[b-rrefkdpqh4] .action-btn {
    opacity: 0;
    transition: opacity 0.2s ease;
}

[b-rrefkdpqh4] .member-card:hover .action-btn {
    opacity: 1;
}

/* Rename */
[b-rrefkdpqh4] .rename-trigger-btn {
    opacity: 0;
    transition: opacity 0.2s ease;
}

[b-rrefkdpqh4] .team-name-row:hover .rename-trigger-btn {
    opacity: 1;
}

[b-rrefkdpqh4] .rename-input {
    max-width: 300px;
}

[b-rrefkdpqh4] .rename-action-btn {
    width: 32px;
    height: 32px;
    min-width: 32px;
}

[b-rrefkdpqh4] .rename-hint {
    color: rgba(255, 255, 255, 0.4);
    font-style: italic;
}

/* Commander Notice */
[b-rrefkdpqh4] .commander-notice.rz-alert {
    background: rgba(70, 130, 180, 0.1);
    border: 1px solid rgba(70, 130, 180, 0.2);
    border-radius: 12px;
}

/* Responsive */
@media (max-width: 640px) {
    [b-rrefkdpqh4] .action-btn,
    [b-rrefkdpqh4] .rename-trigger-btn {
        opacity: 1;
    }

    .empty-actions[b-rrefkdpqh4] {
        max-width: 100%;
    }
}