.auth-page[data-v-a06ecdf9] {
            min-height: 100vh;
            background: linear-gradient(135deg, #f8fafc, #eff6ff 50%, #f0f9ff);
            display: flex;
            flex-direction: column
        }

        .auth-main[data-v-a06ecdf9] {
            flex: 1;
            align-items: center;
            padding: 120px 20px 60px
        }

        .auth-inner[data-v-a06ecdf9],
        .auth-main[data-v-a06ecdf9] {
            display: flex;
            justify-content: center
        }

        .auth-inner[data-v-a06ecdf9] {
            width: 100%;
        }

        .auth-card[data-v-a06ecdf9] {
            width: 100%;
            max-width: 480px;
            background: #fff;
            border-radius: 24px;
            padding: 40px;
            box-shadow: 0 4px 24px #0000000f
        }

        .auth-header[data-v-a06ecdf9] {
            text-align: center;
            margin-bottom: 32px
        }

        .auth-logo[data-v-a06ecdf9] {
            display: flex;
            justify-content: center;
            margin-bottom: 20px
        }

        .auth-title[data-v-a06ecdf9] {
            font-size: 24px;
            font-weight: 800;
            color: #1f2937;
            margin-bottom: 8px
        }

        .auth-subtitle[data-v-a06ecdf9] {
            font-size: 14px;
            color: #6b7280
        }

        .auth-form[data-v-a06ecdf9] {
            margin-bottom: 24px
        }

        .auth-message[data-v-a06ecdf9] {
            display: none;
            margin-bottom: 20px;
            padding: 12px 14px;
            border-radius: 12px;
            font-size: 14px;
            line-height: 1.5
        }

        .auth-message.is-visible[data-v-a06ecdf9] {
            display: block
        }

        .auth-message.is-error[data-v-a06ecdf9] {
            background: #fef2f2;
            color: #b91c1c;
            border: 1px solid #fecaca
        }

        .auth-message.is-success[data-v-a06ecdf9] {
            background: #ecfdf5;
            color: #047857;
            border: 1px solid #a7f3d0
        }

        .form-group[data-v-a06ecdf9] {
            margin-bottom: 20px
        }

        .form-label[data-v-a06ecdf9] {
            display: block;
            font-size: 14px;
            font-weight: 600;
            color: #374151;
            margin-bottom: 8px
        }

        .form-input-wrapper[data-v-a06ecdf9] {
            position: relative
        }

        .form-icon[data-v-a06ecdf9] {
            position: absolute;
            left: 14px;
            top: 50%;
            transform: translateY(-50%);
            color: #9ca3af;
            pointer-events: none
        }

        .form-input[data-v-a06ecdf9] {
            width: 100%;
            padding: 12px 14px 12px 42px;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            font-size: 14px;
            color: #1f2937;
            background: #f9fafb;
            transition: all .2s;
            box-sizing: border-box
        }

        .form-input[data-v-a06ecdf9]:focus {
            outline: none;
            border-color: #3b82f6;
            background: #fff;
            box-shadow: 0 0 0 3px #3b82f61a
        }

        .form-input[data-v-a06ecdf9]::-moz-placeholder {
            color: #9ca3af
        }

        .form-input[data-v-a06ecdf9]::placeholder {
            color: #9ca3af
        }

        .form-options[data-v-a06ecdf9] {
            margin-bottom: 24px;
            font-size: 14px
        }

        .agreement[data-v-a06ecdf9] {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            color: #4b5563;
            cursor: pointer;
            line-height: 1.5
        }

        .agreement input[data-v-a06ecdf9] {
            width: 16px;
            height: 16px;
            margin-top: 2px;
            accent-color: #3b82f6;
            flex-shrink: 0
        }

        .agreement-link[data-v-a06ecdf9] {
            color: #3b82f6;
            text-decoration: none;
            font-weight: 500
        }

        .agreement-link[data-v-a06ecdf9]:hover {
            text-decoration: underline
        }

        .btn-submit[data-v-a06ecdf9] {
            width: 100%;
            padding: 14px;
            background: #3b82f6;
            color: #fff;
            border: none;
            border-radius: 12px;
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
            transition: background .2s
        }

        .btn-submit[data-v-a06ecdf9]:hover {
            background: #1e40af
        }

        .btn-submit[data-v-a06ecdf9]:disabled {
            opacity: .7;
            cursor: not-allowed
        }

        .auth-divider[data-v-a06ecdf9] {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 24px;
            color: #9ca3af;
            font-size: 13px
        }

        .auth-divider[data-v-a06ecdf9]:after,
        .auth-divider[data-v-a06ecdf9]:before {
            content: "";
            flex: 1;
            height: 1px;
            background: #e5e7eb
        }

        .social-login[data-v-a06ecdf9] {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            margin-bottom: 24px
        }

        .social-btn[data-v-a06ecdf9] {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 12px;
            background: #fff;
            border: 1px solid #e5e7eb;
            border-radius: 10px;
            font-size: 14px;
            font-weight: 500;
            color: #4b5563;
            cursor: pointer;
            transition: all .2s
        }

        .social-btn[data-v-a06ecdf9]:hover {
            border-color: #3b82f6;
            color: #3b82f6;
            background: #f8faff
        }

        .social-btn svg[data-v-a06ecdf9] {
            flex-shrink: 0
        }

        .auth-footer[data-v-a06ecdf9] {
            text-align: center;
            font-size: 14px;
            color: #6b7280
        }

        .auth-link[data-v-a06ecdf9] {
            color: #3b82f6;
            font-weight: 600;
            text-decoration: none;
            margin-left: 4px
        }

        .auth-link[data-v-a06ecdf9]:hover {
            text-decoration: underline
        }

        .auth-closed[data-v-a06ecdf9] {
            padding: 28px 20px;
            margin-bottom: 24px;
            border-radius: 16px;
            background: #f8fafc;
            border: 1px dashed #cbd5e1;
            text-align: center;
            font-size: 24px;
            font-weight: 700;
            color: #475569
        }

        @media(max-width:480px) {
            .auth-card[data-v-a06ecdf9] {
                padding: 32px 24px;
                border-radius: 20px
            }

            .social-login[data-v-a06ecdf9] {
                grid-template-columns: 1fr
            }
        }