body{
            background:#f2f4f5;
            overflow-x:hidden;
        }

        .accountPage{
            width:100%;
            box-sizing:border-box;
            padding:120px 16px 50px;
        }

        .accountWrap{
            width:100%;
            max-width:1180px;
            margin:0 auto;
            box-sizing:border-box;
        }

.accountHero{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 96% 8%, rgb(35 229 219 / 16%) 0 95px, transparent 96px),
        radial-gradient(circle at 2% 92%, rgba(0,47,52,.055) 0 110px, transparent 111px),
        linear-gradient(135deg, #ffffff 0%, #ffffff 54%, #f6fbfc 100%);
    border:1px solid #e1e8ea;
    border-radius:22px;
    box-shadow:0 10px 28px rgba(0,47,52,.07);
    padding:28px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:22px;
    align-items:center;
    box-sizing:border-box;
}

.accountHero::before{
    content:"";
    position:absolute;
    right:-54px;
    top:-76px;
    width:230px;
    height:230px;
    border-radius:50%;
    background:rgb(35 229 219 / 8%);
    pointer-events:none;
}

.accountHero::after{
    content:"";
    position:absolute;
    left:-70px;
    bottom:-94px;
    width:210px;
    height:210px;
    border-radius:50%;
    background:rgb(0 47 52 / 9%);
    pointer-events:none;
}

.accountAvatar,
.accountInfo,
.accountActions{
    position:relative;
    z-index:1;
}

        .accountAvatar{
            width:112px;
            height:112px;
            border-radius:28px;
            overflow:hidden;
            background:#eef3f4;
            border:1px solid #e1e8ea;
            flex:0 0 auto;
        }

        .accountAvatar img{
            width:100%;
            height:100%;
            display:block;
            object-fit:cover;
        }

        .accountInfo{
            min-width:0;
        }

        .accountBadge{
            display:inline-flex;
            align-items:center;
            min-height:28px;
            padding:0 10px;
            border-radius:999px;
            background:#e9f7f7;
            color:#002f34;
            font-size:13px;
            font-weight:800;
            margin-bottom:10px;
        }

        .accountName{
            margin:0;
            color:#002f34;
            font-size:30px;
            line-height:1.2;
            font-weight:900;
            overflow:hidden;
            text-overflow:ellipsis;
        }

        .accountMeta{
            margin-top:8px;
            color:#607d82;
            font-size:15px;
            line-height:1.45;
            font-weight:600;
        }

        .accountStats{
            margin-top:14px;
            display:flex;
            flex-wrap:wrap;
            gap:10px;
        }

        .accountStat{
            display:inline-flex;
            align-items:center;
            min-height:34px;
            padding:0 12px;
            border-radius:999px;
            background:#f6f9fa;
            border:1px solid #e1e8ea;
            color:#002f34;
            font-size:14px;
            font-weight:800;
        }

        .accountActions{
            display:flex;
            flex-direction:column;
            gap:10px;
            min-width:190px;
        }

        .accountCopyBtn{
            min-height:46px;
            padding:0 18px;
            border-radius:12px;
            border:2px solid #002f34;
            background:#fff;
            color:#002f34;
            font-size:14px;
            font-weight:900;
            cursor:pointer;
            white-space:nowrap;
        }

        .accountCopyBtn:hover{
            background:#002f34;
            color:#fff;
        }

        .accountHiddenLink{
            display:none;
        }

        .accountSection{
            margin-top:28px;
            background:#fff;
            border:1px solid #e1e8ea;
            border-radius:22px;
            box-shadow:0 10px 28px rgba(0,47,52,.07);
            padding:24px;
            box-sizing:border-box;
        }

        .accountSectionHead{
            display:flex;
            align-items:baseline;
            justify-content:space-between;
            gap:16px;
            margin-bottom:18px;
        }

        .accountSectionHead h2{
            margin:0;
            color:#002f34;
            font-size:24px;
            line-height:1.25;
            font-weight:900;
        }

        .accountEmptyText{
            color:#607d82;
            font-size:15px;
            font-weight:700;
        }

        .accountAdsGrid{
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:14px;
            width:100%;
            min-width:0;
            box-sizing:border-box;
        }

        .accountMoreBox{
            margin-top:24px;
            display:flex;
            justify-content:center;
        }

        .accountMoreBtn{
            min-height:46px;
            padding:0 26px;
            border-radius:12px;
            border:2px solid #002f34;
            background:#fff;
            color:#002f34;
            font-size:14px;
            font-weight:900;
            cursor:pointer;
        }

        .accountMoreBtn:hover{
            background:#002f34;
            color:#fff;
        }

        .accountMoreBtn:disabled{
            opacity:.55;
            cursor:default;
        }

        .accountMoreStatus{
            margin-top:14px;
            color:#607d82;
            font-size:14px;
            font-weight:700;
            text-align:center;
        }

        @media (max-width:1100px){
            .accountAdsGrid{
                grid-template-columns:repeat(3,minmax(0,1fr));
            }
        }

        @media (max-width:900px){
            .accountPage{
                padding:105px 12px 40px;
            }

            .accountHero{
                grid-template-columns:auto minmax(0,1fr);
            }

            .accountActions{
                grid-column:1 / -1;
                min-width:0;
            }

            .accountAdsGrid{
                grid-template-columns:repeat(2,minmax(0,1fr));
            }
        }

        @media (max-width:600px){
            .accountHero{
                padding:20px;
                border-radius:18px;
                gap:14px;
            }
    .accountHero::before{
        right:-88px;
        top:-96px;
    }

    .accountHero::after{
        left:-110px;
        bottom:-120px;
    }

            .accountAvatar{
                width:82px;
                height:82px;
                border-radius:22px;
            }



            .accountName{
                font-size:24px;
            }

            .accountMeta{
                font-size:14px;
            }

            .accountSection{
                padding:18px;
                border-radius:18px;
            }

            .accountSectionHead{
                flex-direction:column;
                align-items:flex-start;
                gap:8px;
            }

            .accountSectionHead h2{
                font-size:21px;
            }

            .accountAdsGrid{
                display:grid;
                grid-auto-flow:column;
                grid-auto-columns:calc((100% - 12px) / 2);
                grid-template-columns:unset;
                gap:12px;
                overflow-x:auto;
                overflow-y:hidden;
                scroll-snap-type:x proximity;
                -webkit-overflow-scrolling:touch;
                scrollbar-width:none;
                padding-bottom:8px;
            }

            .accountAdsGrid::-webkit-scrollbar{
                display:none;
            }

            .accountAdsGrid .adMiniCard{
                scroll-snap-align:start;
            }
        }

        @media (max-width:420px){
            .accountPage{
                padding-left:8px;
                padding-right:8px;
            }

            .accountHero{
                padding:16px;
            }

            .accountAvatar{
                width:72px;
                height:72px;
                border-radius:18px;
            }

            .accountName{
                font-size:21px;
            }

            .accountAdsGrid{
                grid-auto-columns:calc((100% - 10px) / 2);
                gap:10px;
            }
        }