.FooterFormMaster {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0;
    font-family: "NeueMontreal", -apple-system, BlinkMacSystemFont, sans-serif;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);

    .footer-header {
        background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
        padding: 2.5rem 2rem;
        border-radius: 20px 20px 0 0;
        color: white;
        margin-bottom: 0;
        box-shadow: 0 4px 20px rgba(45, 55, 72, 0.3);

        h1 {
            margin: 0;
            font-size: 2rem;
            font-weight: 700;
            letter-spacing: -0.5px;
        }
    }

    .footer-form {
        padding: 2.5rem;

        .input-group {
            margin-bottom: 1.5rem;

            label {
                display: block;
                margin-bottom: 0.75rem;
                font-weight: 600;
                color: #2d3748;
                font-size: 0.95rem;
            }

            input {
                width: 100%;
                padding: 0.875rem 1rem;
                border: 2px solid #e2e8f0;
                border-radius: 12px;
                font-size: 0.95rem;
                transition: all 0.3s ease;
                background: #f8fafc;
                font-family: inherit;

                &:focus {
                    outline: none;
                    border-color: #4a5568;
                    background: #ffffff;
                    box-shadow: 0 0 0 4px rgba(74, 85, 104, 0.1);
                }

                &::placeholder {
                    color: #a0aec0;
                }
            }
        }

        .form-buttons {
            display: flex;
            gap: 1rem;
            margin-bottom: 2rem;
            padding-bottom: 2rem;
            border-bottom: 2px solid #e2e8f0;

            button {
                flex: 1;
                padding: 0.875rem 1.5rem;
                border: none;
                border-radius: 12px;
                font-size: 0.95rem;
                font-weight: 600;
                cursor: pointer;
                transition: all 0.3s ease;

                &.save-btn {
                    background: linear-gradient(135deg, #2d3748, #1a202c);
                    color: white;
                    box-shadow: 0 4px 12px rgba(45, 55, 72, 0.2);

                    &:hover {
                        transform: translateY(-2px);
                        box-shadow: 0 6px 16px rgba(45, 55, 72, 0.3);
                    }
                }

                &.clear-btn {
                    background: #edf2f7;
                    color: #4a5568;
                    border: 2px solid #cbd5e1;

                    &:hover {
                        background: #e2e8f0;
                    }
                }
            }
        }

        .saved-numbers {
            margin-bottom: 2.5rem;

            h3 {
                margin: 0 0 1.5rem 0;
                font-size: 1.5rem;
                font-weight: 700;
                color: #2d3748;
            }

            .no-data {
                text-align: center;
                padding: 3rem 2rem;
                background: linear-gradient(135deg, #f8fafc, #edf2f7);
                border-radius: 12px;
                border: 2px dashed #cbd5e1;

                p {
                    margin: 0;
                    color: #718096;
                }
            }

            .numbers-cards {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
                gap: 1rem;

                @media (max-width: 768px) {
                    grid-template-columns: 1fr;
                }

                .number-card {
                    background: linear-gradient(135deg, #ffffff, #f8fafc);
                    border-radius: 16px;
                    overflow: hidden;
                    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
                    border: 2px solid transparent;
                    transition: all 0.3s ease;

                    &.active {
                        border-color: #48bb78;
                    }

                    &.inactive {
                        border-color: #f6ad55;
                        opacity: 0.85;
                    }

                    &:hover {
                        transform: translateY(-2px);
                        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
                    }

                    .card-content {
                        padding: 1.5rem;

                        .number-header {
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            gap: 1rem;
                            margin-bottom: 1rem;

                            img {
                                flex-shrink: 0;
                            }

                            h4 {
                                margin: 0;
                                font-size: 1.1rem;
                                font-weight: 600;
                                color: #2d3748;
                                flex: 1;
                                word-break: break-all;
                            }

                            .status-badge {
                                padding: 0.375rem 0.875rem;
                                border-radius: 12px;
                                font-size: 0.8rem;
                                font-weight: 600;
                                flex-shrink: 0;

                                &.active {
                                    background: #c6f6d5;
                                    color: #22543d;
                                }

                                &.inactive {
                                    background: #fed7d7;
                                    color: #742a2a;
                                }
                            }
                        }

                        .card-footer {
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            padding-top: 1rem;
                            border-top: 2px solid #e2e8f0;
                            flex-wrap: wrap;
                            gap: 0.75rem;

                            .card-badge {
                                font-size: 0.8rem;
                                color: #718096;
                                font-weight: 500;
                            }

                            .number-actions {
                                display: flex;
                                gap: 0.5rem;
                                flex-wrap: wrap;

                                button {
                                    padding: 0.5rem 1rem;
                                    border: none;
                                    border-radius: 8px;
                                    font-size: 0.85rem;
                                    font-weight: 600;
                                    cursor: pointer;
                                    transition: all 0.2s ease;

                                    &.edit-btn {
                                        background: #4299e1;
                                        color: white;

                                        &:hover {
                                            background: #3182ce;
                                            transform: translateY(-1px);
                                        }
                                    }

                                    &.delete-btn {
                                        background: #fc8181;
                                        color: white;

                                        &:hover {
                                            background: #f56565;
                                            transform: translateY(-1px);
                                        }
                                    }

                                    &.toggle-btn {
                                        background: #f6ad55;
                                        color: white;

                                        &:hover {
                                            background: #ed8936;
                                            transform: translateY(-1px);
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

        .social-media-section {
            padding-top: 2.5rem;
            border-top: 3px solid #e2e8f0;
            margin-top: 2.5rem;
        }
    }
}