/* === dashboard.css === */
html.pa-app-open,
body.pa-app-open{

    overflow:hidden !important;
    height:100% !important;
}




#pa-app{

    --pa-bg:#020914;
    --pa-bg-2:#06142a;

    --pa-card:rgba(5,18,42,.88);

    --pa-border:rgba(66,101,165,.28);
    --pa-border-light:rgba(94,126,188,.20);

    --pa-purple:#6655ff;
    --pa-purple-2:#4838e8;

    --pa-blue:#3989ff;

    --pa-text:#f5f7ff;
    --pa-muted:#8291ad;

    --pa-green:#00d99b;

    --pa-grid-shift-x:-20px;
    --pa-grid-shift-y:50px;

    --pa-scale:1;

    
    --pa-sidebar-w:300px;
    --pa-sidebar-min-w:300px;
    --pa-sidebar-pad-x:14px;

    --pa-nav-gap:5px;
    --pa-nav-item-h:50px;
    --pa-nav-item-gap:12px;
    --pa-nav-item-pad-x:14px;
    --pa-nav-radius:10px;
    --pa-nav-font:13.5px;

    --pa-nav-icon-box:28px;
    --pa-nav-icon-font:17px;
    --pa-nav-icon-svg:20px;

    --pa-nav-badge-font:8.5px;

    --pa-welcome-height:
        calc(127px + (var(--pa-scale) * 5px));

    --pa-welcome-padding:
        calc(13px + (var(--pa-scale) * 1px));

    --pa-welcome-gap:
        calc(8px + (var(--pa-scale) * 1px));

    --pa-avatar-size:
        calc(53px + (var(--pa-scale) * 3px));

    --pa-avatar-font:
        calc(24px + (var(--pa-scale) * 2px));

    --pa-online-size:
        calc(10px + (var(--pa-scale) * 1px));

    --pa-title-font:
        calc(16px + (var(--pa-scale) * 1px));

    --pa-title-icon:
        calc(13px + (var(--pa-scale) * 1px));

    --pa-desc-font:
        calc(8px + (var(--pa-scale) * .5px));

    --pa-mini-icon:
        calc(17px + (var(--pa-scale) * 1px));

    --pa-mini-small:
        calc(6.5px + (var(--pa-scale) * .5px));

    --pa-mini-strong:
        calc(8px + (var(--pa-scale) * .5px));

    --pa-mini-divider:
        calc(25px + (var(--pa-scale) * 1px));

    --pa-btn-padding-v:
        calc(8px + (var(--pa-scale) * 1px));

    --pa-btn-padding-h:
        calc(13px + (var(--pa-scale) * 1.5px));

    --pa-btn-font:
        calc(7.5px + (var(--pa-scale) * .5px));

    --pa-btn-span:
        calc(10px + (var(--pa-scale) * .5px));

    --pa-card-header-height:
        calc(43px + (var(--pa-scale) * 2px));

    --pa-card-header-h2:
        calc(9px + (var(--pa-scale) * .5px));

    --pa-card-header-p:
        calc(6.5px + (var(--pa-scale) * .3px));

    --pa-action-height:
        calc(62px + (var(--pa-scale) * 3px));

    --pa-action-icon-size:
        calc(26px + (var(--pa-scale) * 2px));

    --pa-action-icon-font:
        calc(10px + (var(--pa-scale) * .5px));

    --pa-action-strong:
        calc(6.5px + (var(--pa-scale) * .3px));

    --pa-subscription-height:
        calc(76px + (var(--pa-scale) * 4px));

    --pa-subscription-padding:
        calc(10px + (var(--pa-scale) * 1px));

    --pa-subscription-icon:
        calc(37px + (var(--pa-scale) * 2px));

    --pa-plan-name:
        calc(9px + (var(--pa-scale) * .5px));

    position:fixed !important;

    inset:0 !important;

    width:100vw !important;
    height:100vh !important;
    min-height:100vh !important;

    z-index:1 !important;

    display:flex !important;

    overflow:hidden !important;

    background:
        radial-gradient(
            circle at 45% -10%,
            rgba(51,52,190,.20),
            transparent 32%
        ),
        radial-gradient(
            circle at 90% 70%,
            rgba(53,42,150,.12),
            transparent 30%
        ),
        var(--pa-bg) !important;

    color:var(--pa-text);

    font-family:
        Inter,
        Arial,
        Helvetica,
        sans-serif;

    box-sizing:border-box;
}


#pa-app *,
#pa-app *::before,
#pa-app *::after{

    box-sizing:border-box;
}




#pa-app .pa-sidebar{

    width:var(--pa-sidebar-w);
    min-width:var(--pa-sidebar-min-w);
    flex:0 0 var(--pa-sidebar-w);
    height:100vh;

    display:flex;
    flex-direction:column;

    padding:25px var(--pa-sidebar-pad-x) 22px;

    background:
        linear-gradient(
            180deg,
            #06172f 0%,
            #031021 52%,
            #020b18 100%
        );

    border-right:
        1px solid
        rgba(73,106,166,.25);

    position:relative;

    z-index:10;
}




#pa-app .pa-sidebar-brand{

    display:flex;
    align-items:center;

    gap:var(--pa-brand-gap, 9px);

    height:var(--pa-brand-height, 43px);

    padding:0 6px;

    margin-bottom:var(--pa-brand-margin-bottom, 28px);
}


#pa-app .pa-brand-logo{

    width:var(--pa-brand-logo-size, 34px);
    height:var(--pa-brand-logo-size, 34px);

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:
        linear-gradient(
            135deg,
            #6959ff,
            #3628c7
        );

    color:#fff;

    font-size:var(--pa-brand-logo-font, 10px);
    font-weight:800;

    letter-spacing:-.5px;

    box-shadow:
        0 0 20px
        rgba(90,74,255,.38);
}


#pa-app .pa-brand-text{

    display:flex;
    flex-direction:column;

    line-height:1;
}


#pa-app .pa-brand-text strong{

    color:#fff;

    font-size:var(--pa-brand-strong-font, 11px);

    letter-spacing:1.4px;
}


#pa-app .pa-brand-text span{

    color:#7587aa;

    font-size:var(--pa-brand-span-font, 7px);

    letter-spacing:2.5px;

    margin-top:4px;
}




#pa-app .pa-sidebar-nav{

    display:flex;
    flex-direction:column;

    gap:var(--pa-nav-gap);

    width:100%;
}


#pa-app .pa-nav-item{

    position:relative;

    width:100%;
    min-height:var(--pa-nav-item-h);

    display:flex;
    align-items:center;

    gap:var(--pa-nav-item-gap);

    padding:0 var(--pa-nav-item-pad-x);

    border-radius:var(--pa-nav-radius);

    color:#9eacc4;

    text-decoration:none;

    font-size:var(--pa-nav-font);
    font-weight:500;

    transition:
        background .20s ease,
        color .20s ease,
        transform .20s ease;

    white-space:nowrap;
}


#pa-app .pa-nav-item:hover{

    color:#fff;

    background:
        rgba(91,76,255,.12);

    transform:
        translateX(2px);
}


#pa-app .pa-nav-item.active{

    color:#fff;

    background:
        linear-gradient(
            100deg,
            #4638c9,
            #252c80
        );

    box-shadow:
        0 7px 18px
        rgba(38,33,157,.25);
}


#pa-app .pa-nav-icon{

    width:var(--pa-nav-icon-box);
    min-width:var(--pa-nav-icon-box);
    height:var(--pa-nav-icon-box);

    display:flex;
    align-items:center;
    justify-content:center;

    color:#c4cde0;

    font-size:var(--pa-nav-icon-font);
    line-height:1;
}


#pa-app .pa-nav-item.active .pa-nav-icon{
    color:#fff;
}


#pa-app .pa-nav-label{

    overflow:hidden;

    text-overflow:ellipsis;
}


#pa-app .pa-nav-badge{

    margin-left:auto;

    padding:3px 8px;

    border-radius:10px;

    background:
        linear-gradient(
            90deg,
            #745fff,
            #5144e8
        );

    color:#fff;

    font-size:var(--pa-nav-badge-font);
    font-weight:800;

    letter-spacing:.2px;
}



#pa-app{
    
    --pa-nav-offset: 26px;
}

#pa-app .pa-sidebar-nav{
    transform: translateY(var(--pa-nav-offset));
}



#pa-app .pa-sidebar-bottom{

    margin-top:auto;

    padding-top:24px;

    border-top:
        1px solid
        rgba(74,107,163,.18);
}


#pa-app .pa-logout{

    min-height:var(--pa-nav-item-h);

    display:flex;
    align-items:center;

    gap:var(--pa-nav-item-gap);

    padding:0 var(--pa-nav-item-pad-x);

    color:#9aa9c0;

    text-decoration:none;

    font-size:var(--pa-nav-font);

    border-radius:var(--pa-nav-radius);

    transition:.2s ease;
}


#pa-app .pa-logout .pa-nav-icon,
#pa-app .pa-logout > svg{
    width:var(--pa-nav-icon-svg);
    height:var(--pa-nav-icon-svg);
    min-width:var(--pa-nav-icon-svg);
}


#pa-app .pa-logout:hover{

    color:#fff;

    background:
        rgba(255,255,255,.05);
}




#pa-app .pa-main{

    flex:1;

    min-width:0;
    min-height:100vh;

    overflow:hidden;

    position:relative;
}


#pa-app .pa-content{

    width:100%;
    height:100vh;

    overflow-y:auto;
    overflow-x:hidden;

    padding:25px 14px 35px;

    scrollbar-width:thin;

    scrollbar-color:
        rgba(96,82,255,.35)
        transparent;
}


#pa-app .pa-content::-webkit-scrollbar{
    width:5px;
}


#pa-app .pa-content::-webkit-scrollbar-track{
    background:transparent;
}


#pa-app .pa-content::-webkit-scrollbar-thumb{

    background:
        rgba(96,82,255,.35);

    border-radius:10px;
}




#pa-app .pa-dashboard-grid{

    width:100%;

    max-width:1100px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        200px;

    gap:14px;

    align-items:stretch;

    transform:
        translate(
            var(--pa-grid-shift-x),
            var(--pa-grid-shift-y)
        );
}




#pa-app .pa-center{

    min-width:0;

    display:flex;

    flex-direction:column;

    gap:8px;

    align-self:stretch;

    min-height:0;
}




#pa-app .pa-welcome{

    min-height:var(--pa-welcome-height);

    padding:var(--pa-welcome-padding);

    border-radius:8px;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    grid-template-rows:
        auto auto;

    gap:
        var(--pa-welcome-gap)
        calc(8px + (var(--pa-scale) * 1px));

    background:
        linear-gradient(
            135deg,
            rgba(15,28,75,.98),
            rgba(10,19,57,.96)
        );

    border:
        1px solid
        rgba(78,86,207,.28);

    box-shadow:
        0 12px 30px
        rgba(0,0,0,.20);

    position:relative;

    overflow:hidden;
}


#pa-app .pa-welcome::after{

    content:"";

    position:absolute;

    width:150px;
    height:150px;

    right:-45px;
    top:-65px;

    transform:rotate(45deg);

    background:
        linear-gradient(
            135deg,
            transparent,
            rgba(89,61,255,.25)
        );

    pointer-events:none;
}




#pa-app .pa-user{

    display:flex;
    align-items:center;

    gap:
        calc(11px + (var(--pa-scale) * 1px));

    min-width:0;

    position:relative;

    z-index:2;
}




#pa-app .pa-avatar{

    position:relative;

    flex:0 0 auto;

    width:var(--pa-avatar-size);
    height:var(--pa-avatar-size);

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #6655ff,
            #4b3ee1
        );

    color:#fff;

    font-size:var(--pa-avatar-font);

    font-weight:500;

    box-shadow:
        0 0 25px
        rgba(93,75,255,.40);
}


#pa-app .pa-online{

    position:absolute;

    width:var(--pa-online-size);
    height:var(--pa-online-size);

    right:1px;
    bottom:3px;

    border-radius:50%;

    background:#00d99b;

    border:
        2px solid
        #08132c;

    box-shadow:
        0 0 10px
        rgba(0,217,155,.5);
}




#pa-app .pa-welcome-text{
    min-width:0;
}


#pa-app .pa-welcome-text h1{

    margin:
        0 0
        calc(3px + (var(--pa-scale) * .5px));

    font-size:var(--pa-title-font);

    line-height:1.2;

    letter-spacing:-.4px;

    color:#fff;

    display:flex;
    align-items:center;
}


#pa-app .pa-welcome-text h1 span{

    color:#8577ff;

    font-size:var(--pa-title-icon);

    margin-left:
        calc(3px + (var(--pa-scale) * .5px));
}


#pa-app .pa-welcome-text p{

    margin:0;

    color:#8190ae;

    font-size:var(--pa-desc-font);

    line-height:1.45;
}




#pa-app .pa-welcome-info{

    grid-column:1 / -1;

    display:flex;
    align-items:center;

    gap:
        calc(13px + (var(--pa-scale) * 1px));

    position:relative;

    z-index:2;
}


#pa-app .pa-mini-item{

    display:flex;
    align-items:center;

    gap:
        calc(6px + (var(--pa-scale) * .5px));

    min-width:0;
}


#pa-app .pa-mini-icon{

    width:var(--pa-mini-icon);
    height:var(--pa-mini-icon);

    display:flex;
    align-items:center;
    justify-content:center;

    color:#8d6fff;

    font-size:
        calc(12px + (var(--pa-scale) * .5px));
}


#pa-app .pa-mini-item small{

    display:block;

    color:#7787a7;

    font-size:var(--pa-mini-small);

    margin-bottom:
        calc(2px + (var(--pa-scale) * .2px));
}


#pa-app .pa-mini-item strong{

    display:flex;
    align-items:center;

    gap:
        calc(5px + (var(--pa-scale) * .3px));

    color:#e7ebf7;

    font-size:var(--pa-mini-strong);

    font-weight:600;

    white-space:nowrap;
}


#pa-app .pa-mini-item strong em{

    font-style:normal;

    color:#e6c857;

    background:
        rgba(212,172,52,.12);

    border:
        1px solid
        rgba(212,172,52,.18);

    border-radius:4px;

    padding:
        calc(2px + (var(--pa-scale) * .2px))
        calc(4px + (var(--pa-scale) * .3px));

    font-size:
        calc(5px + (var(--pa-scale) * .3px));
}


#pa-app .pa-active-text{
    color:#00d99b !important;
}


#pa-app .pa-mini-divider{

    width:1px;

    height:var(--pa-mini-divider);

    background:
        rgba(90,115,170,.22);
}




#pa-app .pa-primary-button{

    position:relative;

    z-index:3;

    align-self:center;

    padding:
        var(--pa-btn-padding-v)
        var(--pa-btn-padding-h);

    min-width:
        calc(105px + (var(--pa-scale) * 5px));

    display:flex;
    align-items:center;
    justify-content:center;

    gap:
        calc(5px + (var(--pa-scale) * .3px));

    border-radius:6px;

    background:
        linear-gradient(
            135deg,
            #6556ff,
            #4d3de6
        );

    color:#fff;

    text-decoration:none;

    font-size:var(--pa-btn-font);

    font-weight:600;

    box-shadow:
        0 8px 18px
        rgba(77,61,230,.25);

    transition:.2s ease;
}


#pa-app .pa-primary-button:hover{

    transform:translateY(-1px);

    box-shadow:
        0 10px 22px
        rgba(77,61,230,.38);
}


#pa-app .pa-primary-button span{

    font-size:var(--pa-btn-span);
}




#pa-app .pa-card{

    background:
        linear-gradient(
            145deg,
            rgba(5,19,44,.96),
            rgba(3,14,32,.96)
        );

    border:
        1px solid
        var(--pa-border);

    border-radius:8px;

    overflow:hidden;

    box-shadow:
        0 9px 25px
        rgba(0,0,0,.12);
}


#pa-app .pa-card-header{

    min-height:var(--pa-card-header-height);

    padding:
        calc(9px + (var(--pa-scale) * .5px))
        calc(13px + (var(--pa-scale) * .5px));

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:
        calc(10px + (var(--pa-scale) * .5px));
}


#pa-app .pa-card-header h2{

    margin:0;

    color:#e9edfa;

    font-size:var(--pa-card-header-h2);

    font-weight:650;

    display:flex;
    align-items:center;
}


#pa-app .pa-card-header h2 svg{

    width:
        calc(11px + (var(--pa-scale) * .5px));

    height:
        calc(11px + (var(--pa-scale) * .5px));

    color:#8e79ff;

    margin-right:
        calc(4px + (var(--pa-scale) * .2px));

    flex:0 0 auto;
}


#pa-app .pa-card-header p{

    margin:
        calc(3px + (var(--pa-scale) * .2px))
        0
        0;

    color:#7383a1;

    font-size:var(--pa-card-header-p);
}


#pa-app .pa-see-all{

    color:#8b7cff;

    text-decoration:none;

    font-size:
        calc(6.5px + (var(--pa-scale) * .3px));

    white-space:nowrap;
}


#pa-app .pa-see-all:hover{
    color:#fff;
}




#pa-app .pa-actions{

    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:
        calc(7px + (var(--pa-scale) * .3px));

    padding:
        0
        calc(9px + (var(--pa-scale) * .5px))
        calc(9px + (var(--pa-scale) * .5px));
}


#pa-app .pa-action{

    min-height:var(--pa-action-height);

    display:flex;

    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:
        calc(6px + (var(--pa-scale) * .3px));

    padding:
        calc(7px + (var(--pa-scale) * .3px))
        calc(3px + (var(--pa-scale) * .2px));

    border-radius:7px;

    background:
        linear-gradient(
            145deg,
            rgba(15,33,70,.82),
            rgba(7,23,49,.85)
        );

    border:
        1px solid
        rgba(64,94,151,.22);

    text-decoration:none;

    transition:.2s ease;
}


#pa-app .pa-action:hover{

    transform:translateY(-2px);

    border-color:
        rgba(112,94,255,.40);

    background:
        rgba(25,35,80,.95);
}


#pa-app .pa-action-icon{

    width:var(--pa-action-icon-size);
    height:var(--pa-action-icon-size);

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:var(--pa-action-icon-font);

    color:#fff;
}


#pa-app .pa-action-icon svg{

    width:
        calc(13px + (var(--pa-scale) * .5px));

    height:
        calc(13px + (var(--pa-scale) * .5px));
}


#pa-app .pa-action-icon.purple{
    background:#765cff;
    box-shadow:0 0 15px rgba(118,92,255,.35);
}


#pa-app .pa-action-icon.blue{
    background:#4d85ff;
}


#pa-app .pa-action-icon.green{
    background:#00bf93;
}


#pa-app .pa-action-icon.pink{
    background:#ef4f9b;
}


#pa-app .pa-action-icon.navy{
    background:#304c83;
}


#pa-app .pa-action-icon.violet{
    background:#5d56a6;
}


#pa-app .pa-action strong{

    color:#dce2f1;

    text-align:center;

    font-size:var(--pa-action-strong);

    line-height:
        calc(1.35 + (var(--pa-scale) * .05));

    font-weight:500;
}




#pa-app .pa-subscription{

    margin:
        0
        calc(9px + (var(--pa-scale) * .5px))
        calc(9px + (var(--pa-scale) * .5px));

    padding:
        var(--pa-subscription-padding)
        calc(12px + (var(--pa-scale) * 1px));

    min-height:var(--pa-subscription-height);

    border-radius:8px;

    position:relative;

    overflow:hidden;

    background:
        linear-gradient(
            110deg,
            rgba(53,27,137,.78),
            rgba(47,26,130,.58),
            rgba(34,23,101,.45)
        );

    border:
        1px solid
        rgba(116,79,255,.36);
}


#pa-app .pa-subscription-main{

    display:flex;

    align-items:center;

    gap:8px;

    position:relative;

    z-index:2;
}


#pa-app .pa-subscription-icon{

    width:var(--pa-subscription-icon);
    height:var(--pa-subscription-icon);

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:#bba8ff;

    background:
        rgba(123,83,255,.24);

    font-size:
        calc(19px + (var(--pa-scale) * 1px));

    box-shadow:
        inset 0 0 18px
        rgba(132,92,255,.16);
}


#pa-app .pa-subscription-icon svg{

    width:
        calc(18px + (var(--pa-scale) * .5px));

    height:
        calc(18px + (var(--pa-scale) * .5px));
}


#pa-app .pa-plan-name{

    color:#fff;

    font-size:var(--pa-plan-name);

    font-weight:700;
}


#pa-app .pa-plan-name span{

    margin-left:
        calc(5px + (var(--pa-scale) * .3px));

    padding:
        calc(2px + (var(--pa-scale) * .2px))
        calc(5px + (var(--pa-scale) * .3px));

    border-radius:5px;

    background:#684ff2;

    color:#fff;

    font-size:
        calc(5px + (var(--pa-scale) * .2px));
}


#pa-app .pa-subscription-main p{

    margin:
        calc(3px + (var(--pa-scale) * .2px))
        0
        0;

    color:#9a9bc8;

    font-size:
        calc(6.5px + (var(--pa-scale) * .3px));
}


#pa-app .pa-features{

    display:flex;

    align-items:center;

    gap:
        calc(13px + (var(--pa-scale) * .5px));

    margin:
        calc(8px + (var(--pa-scale) * .3px))
        0
        0
        calc(45px + (var(--pa-scale) * 1px));

    position:relative;

    z-index:2;
}


#pa-app .pa-features span{

    color:#aab0d0;

    font-size:
        calc(6px + (var(--pa-scale) * .2px));

    white-space:nowrap;
}


#pa-app .pa-renewal{

    position:absolute;

    right:11px;
    top:13px;

    display:flex;

    flex-direction:column;

    align-items:flex-end;

    gap:5px;

    z-index:3;
}


#pa-app .pa-renewal small{

    color:#8587b6;

    font-size:
        calc(5.5px + (var(--pa-scale) * .2px));
}


#pa-app .pa-renewal strong{

    color:#d9dcf5;

    font-size:
        calc(6px + (var(--pa-scale) * .2px));
}


#pa-app .pa-manage{

    padding:
        calc(6px + (var(--pa-scale) * .3px))
        calc(10px + (var(--pa-scale) * .5px));

    border-radius:6px;

    background:
        rgba(95,76,220,.55);

    color:#fff;

    font-size:
        calc(6px + (var(--pa-scale) * .2px));

    text-decoration:none;

    border:
        1px solid
        rgba(143,123,255,.22);
}




#pa-app .pa-purchases{
    width:100%;
}


#pa-app .pa-purchase-head{

    display:grid;

    grid-template-columns:
        1.7fr
        .8fr
        1fr
        .65fr
        20px;

    gap:8px;

    padding:
        0
        calc(10px + (var(--pa-scale) * .5px))
        calc(7px + (var(--pa-scale) * .3px));

    color:#61708d;

    font-size:
        calc(5.5px + (var(--pa-scale) * .2px));
}


#pa-app .pa-purchase{

    min-height:
        calc(39px + (var(--pa-scale) * 1px));

    display:grid;

    grid-template-columns:
        1.7fr
        .8fr
        1fr
        .65fr
        20px;

    gap:
        calc(8px + (var(--pa-scale) * .3px));

    align-items:center;

    padding:
        calc(5px + (var(--pa-scale) * .3px))
        calc(10px + (var(--pa-scale) * .5px));

    border-top:
        1px solid
        rgba(69,98,148,.13);

    transition:.2s ease;
}


#pa-app .pa-purchase:hover{

    background:
        rgba(64,78,147,.08);
}


#pa-app .pa-product{

    display:flex;

    align-items:center;

    gap:
        calc(6px + (var(--pa-scale) * .3px));

    min-width:0;
}


#pa-app .pa-product-image{

    width:
        calc(22px + (var(--pa-scale) * 1px));

    height:
        calc(25px + (var(--pa-scale) * 1px));

    flex:0 0 auto;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:3px;

    background:
        linear-gradient(
            135deg,
            #5036bb,
            #162c64
        );

    color:#fff;

    font-size:
        calc(7px + (var(--pa-scale) * .3px));

    font-weight:700;
}


#pa-app .pa-product strong{

    display:block;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    color:#cbd3e6;

    font-size:
        calc(6px + (var(--pa-scale) * .2px));

    font-weight:500;
}


#pa-app .pa-product small{

    display:block;

    color:#64728e;

    font-size:
        calc(5px + (var(--pa-scale) * .1px));

    margin-top:
        calc(2px + (var(--pa-scale) * .1px));
}


#pa-app .pa-purchase-date,
#pa-app .pa-payment{

    color:#8592ac;

    font-size:
        calc(5.5px + (var(--pa-scale) * .2px));

    line-height:1.4;
}


#pa-app .pa-purchase-date small,
#pa-app .pa-payment small{
    color:#687791;
}


#pa-app .pa-status{

    justify-self:start;

    padding:
        calc(3px + (var(--pa-scale) * .2px))
        calc(6px + (var(--pa-scale) * .3px));

    border-radius:10px;

    background:
        rgba(0,211,151,.12);

    color:#00d99b;

    font-size:
        calc(5px + (var(--pa-scale) * .1px));

    white-space:nowrap;
}


#pa-app .pa-row-arrow{

    color:#71819d;

    font-size:14px;
}




#pa-app .pa-right{

    min-width:0;

    display:flex;

    flex-direction:column;

    gap:10px;

    

    align-self:stretch;

    min-height:0;

    height:auto;

    justify-content:space-between;
}




#pa-app .pa-promo{

    width:100%;

    min-height:125px;

    height:125px;

    flex:0 0 125px;

    border-radius:9px;

    overflow:hidden;

    position:relative;

    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(99,67,255,.55),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #162e72,
            #26145d 52%,
            #071633
        );

    border:
        1px solid
        rgba(94,111,211,.30);

    box-shadow:
        0 10px 25px
        rgba(0,0,0,.16);
}


#pa-app .pa-promo::before{

    content:"";

    position:absolute;

    width:130px;
    height:130px;

    right:-28px;
    top:-25px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(125,95,255,.55),
            transparent 65%
        );
}


#pa-app .pa-promo-content{

    position:relative;

    z-index:2;

    padding:17px 14px;
}


#pa-app .pa-promo-content > span{

    color:#a395ff;

    font-size:6px;

    font-weight:800;

    letter-spacing:1.3px;
}


#pa-app .pa-promo h2{

    margin:
        7px 0 6px;

    color:#fff;

    font-size:14px;

    line-height:1.10;

    letter-spacing:-.3px;
}


#pa-app .pa-promo p{

    width:145px;

    margin:0;

    color:#a3b0cf;

    font-size:6.5px;

    line-height:1.45;
}


#pa-app .pa-play-button{

    position:absolute;

    right:13px;
    bottom:13px;

    width:32px;
    height:32px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:
        1px solid
        rgba(151,131,255,.55);

    border-radius:50%;

    color:#fff;

    background:
        rgba(63,45,168,.55);

    font-size:10px;

    cursor:pointer;

    box-shadow:
        0 0 18px
        rgba(91,70,255,.20);

    transition:.2s ease;
}


#pa-app .pa-play-button:hover{

    transform:scale(1.06);

    background:
        rgba(91,68,215,.75);
}


#pa-app .pa-play-button svg{

    width:14px;
    height:14px;
}




#pa-app .pa-side-card{

    width:100%;

    padding:
        13px 12px 7px;

    border-radius:9px;

    background:
        linear-gradient(
            145deg,
            rgba(6,21,46,.97),
            rgba(3,14,32,.97)
        );

    border:
        1px solid
        var(--pa-border);

    box-shadow:
        0 10px 25px
        rgba(0,0,0,.12);

    
}


#pa-app .pa-side-card h2{

    margin:
        0 0 9px;

    color:#edf1fc;

    font-size:9px;

    line-height:1.2;

    display:flex;

    align-items:center;

    gap:5px;
}


#pa-app .pa-side-card h2 svg{

    width:12px;
    height:12px;

    color:#9b86ff;

    flex:0 0 auto;
}




#pa-app .pa-side-action{

    width:100%;

    min-height:47px;

    display:flex;

    align-items:center;

    gap:8px;

    padding:
        7px 2px;

    border-top:
        1px solid
        rgba(72,100,151,.17);

    text-decoration:none;

    transition:
        background .20s ease,
        padding .20s ease,
        transform .20s ease;
}


#pa-app .pa-side-action:hover{

    padding-left:5px;

    background:
        rgba(82,69,220,.07);
}




#pa-app .pa-side-icon{

    width:27px;
    height:27px;

    min-width:27px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:8px;

    background:
        linear-gradient(
            145deg,
            rgba(91,79,190,.25),
            rgba(54,67,124,.16)
        );

    color:#a696ff;

    font-size:12px;

    border:
        1px solid
        rgba(121,103,255,.12);

    box-shadow:
        inset 0 0 12px
        rgba(102,85,255,.07);
}


#pa-app .pa-side-icon svg{

    width:14px;
    height:14px;
}




#pa-app .pa-side-info{

    flex:1;

    min-width:0;
}


#pa-app .pa-side-info strong{

    display:block;

    color:#dce3f3;

    font-size:7px;

    font-weight:600;

    line-height:1.25;

    white-space:normal;
}


#pa-app .pa-side-info small{

    display:block;

    color:#72819d;

    font-size:5.5px;

    line-height:1.25;

    margin-top:3px;
}




#pa-app .pa-side-arrow{

    width:16px;

    color:#7786a3;

    font-size:17px;

    line-height:1;

    text-align:center;

    flex:0 0 auto;

    transition:
        color .2s ease,
        transform .2s ease;
}


#pa-app .pa-side-action:hover .pa-side-arrow{

    color:#a99aff;

    transform:translateX(2px);
}




#pa-app .pa-support{

    width:100%;

    padding:
        15px 13px;

    text-align:left;

    border-radius:9px;

    background:
        linear-gradient(
            145deg,
            rgba(7,24,52,.98),
            rgba(5,16,36,.98)
        );

    border:
        1px solid
        var(--pa-border);

    box-shadow:
        0 10px 25px
        rgba(0,0,0,.10);
}


#pa-app .pa-support-icon{

    width:30px;
    height:30px;

    display:flex;

    align-items:center;
    justify-content:center;

    margin-bottom:7px;

    border-radius:50%;

    color:#b7aaff;

    background:
        rgba(100,82,255,.15);

    font-size:14px;

    box-shadow:
        0 0 15px
        rgba(100,82,255,.10);
}


#pa-app .pa-support-icon svg{

    width:16px;
    height:16px;
}


#pa-app .pa-support h2{

    margin:0;

    color:#edf1fa;

    font-size:9px;

    line-height:1.2;
}


#pa-app .pa-support p{

    margin:
        5px 0 11px;

    color:#71809d;

    font-size:6px;

    line-height:1.45;
}


#pa-app .pa-support > a{

    width:100%;

    min-height:29px;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:7px;

    border-radius:7px;

    background:
        linear-gradient(
            135deg,
            #6354ff,
            #4c3ee0
        );

    color:#fff;

    text-decoration:none;

    font-size:6.5px;

    font-weight:600;

    box-shadow:
        0 7px 15px
        rgba(76,62,224,.20);

    transition:.2s ease;
}


#pa-app .pa-support > a:hover{

    transform:translateY(-1px);

    box-shadow:
        0 9px 18px
        rgba(76,62,224,.35);
}




#pa-app .pa-secure{

    width:100%;

    padding:
        13px;

    border-radius:9px;

    background:
        linear-gradient(
            145deg,
            rgba(6,19,40,.96),
            rgba(4,14,30,.96)
        );

    border:
        1px solid
        var(--pa-border);

    box-shadow:
        0 8px 20px
        rgba(0,0,0,.10);
}


#pa-app .pa-secure-title{

    color:#e1e7f5;

    font-size:8px;

    font-weight:650;

    display:flex;

    align-items:center;

    gap:5px;
}


#pa-app .pa-secure-title svg{

    width:12px;
    height:12px;

    color:#9181ff;

    flex:0 0 auto;
}


#pa-app .pa-secure p{

    margin:
        4px 0 10px;

    color:#697995;

    font-size:5.5px;

    line-height:1.3;
}


#pa-app .pa-payments{

    display:flex;

    align-items:center;

    gap:14px;

    color:#c0c9da;

    font-size:7px;
}


#pa-app .pa-payments strong:nth-child(2){

    color:#ff4b58;
}




@media(min-width:851px){

    #pa-app .pa-right{

        align-self:stretch;

        height:100% !important;

        min-height:100%;

        display:flex;

        flex-direction:column;

        justify-content:space-between;

        gap:10px;
    }
}




#pa-app svg{

    display:block;

    fill:none;

    overflow:visible;
}


#pa-app .pa-nav-icon svg{

    width:var(--pa-nav-icon-svg);
    height:var(--pa-nav-icon-svg);
}


#pa-app .pa-mini-icon svg{

    width:12px;
    height:12px;
}


#pa-app .pa-welcome-text h1 svg{

    width:13px;
    height:13px;

    color:#8577ff;

    margin-left:4px;

    flex:0 0 auto;
}




body:has(#pa-app)
.woocommerce-MyAccount-navigation{

    display:none !important;
}


body:has(#pa-app)
.woocommerce-MyAccount-content{

    display:none !important;
}


body:has(#pa-app)
.woocommerce{

    display:block !important;

    width:100% !important;
    max-width:none !important;

    padding:0 !important;
    margin:0 !important;

    background:transparent !important;
}




body:has(#pa-app)
.elementor-widget-html{

    margin:0 !important;
    padding:0 !important;
}


body:has(#pa-app)
.elementor-element{

    --margin-top:0px !important;
}




@media(max-width:1050px){

    #pa-app .pa-sidebar{

        width:215px;

        min-width:215px;

        flex:0 0 215px;

        --pa-nav-item-h:44px;
        --pa-nav-font:12px;
        --pa-nav-item-gap:10px;
        --pa-nav-item-pad-x:11px;
        --pa-nav-icon-box:24px;
        --pa-nav-icon-svg:17px;
    }


    #pa-app .pa-dashboard-grid{

        grid-template-columns:
            minmax(0,1fr)
            185px;

        align-items:stretch;
    }


    #pa-app .pa-actions{

        grid-template-columns:
            repeat(3,1fr);
    }


    #pa-app .pa-welcome{

        grid-template-columns:
            1fr;
    }


    #pa-app .pa-primary-button{

        position:absolute;

        right:12px;
        bottom:12px;
    }


    #pa-app .pa-promo{

        min-height:115px;
        height:115px;
        flex-basis:115px;
    }


    #pa-app .pa-side-action{

        min-height:43px;
    }
}




@media(max-width:850px){

    #pa-app .pa-sidebar{

        width:96px;
        min-width:96px;

        flex:0 0 96px;

        padding:20px 8px;
    }


    #pa-app .pa-brand-text{
        display:none;
    }


    #pa-app .pa-sidebar-brand{

        justify-content:center;

        padding:0;

        margin-bottom:22px;
    }


    #pa-app .pa-nav-item{

        justify-content:center;

        padding:0;
    }


    #pa-app .pa-nav-label,
    #pa-app .pa-nav-badge,
    #pa-app .pa-logout span:last-child{

        display:none;
    }


    #pa-app .pa-nav-icon{
        margin:0;
    }


    #pa-app .pa-dashboard-grid{

        grid-template-columns:1fr;

        align-items:stretch;
    }


    #pa-app .pa-right{

        display:grid;

        grid-template-columns:
            repeat(2,1fr);

        align-self:auto;

        height:auto !important;

        min-height:0;

        gap:10px;

        justify-content:initial;
    }


    #pa-app .pa-promo{

        grid-column:1 / -1;

        height:115px;

        min-height:115px;
    }


    #pa-app .pa-side-card,
    #pa-app .pa-support,
    #pa-app .pa-secure{

        height:auto;
    }
}




@media(max-width:600px){

    #pa-app{

        position:fixed !important;

        height:100dvh !important;
    }


    #pa-app .pa-sidebar{

        position:fixed;

        left:0;
        right:0;
        bottom:0;

        width:100%;
        min-width:100%;

        height:65px;

        padding:5px;

        display:block;

        border-right:0;

        border-top:
            1px solid
            rgba(73,106,166,.25);

        background:
            rgba(3,13,29,.97);

        backdrop-filter:
            blur(18px);
    }


    #pa-app .pa-sidebar-brand,
    #pa-app .pa-sidebar-bottom{

        display:none;
    }


    #pa-app .pa-sidebar-nav{

        height:100%;

        display:grid;

        grid-template-columns:
            repeat(5,1fr);

        gap:2px;
    }


    #pa-app .pa-nav-item{

        height:55px;

        min-height:55px;

        display:flex;

        flex-direction:column;

        justify-content:center;

        gap:2px;

        border-radius:7px;
    }


    #pa-app .pa-nav-icon{

        width:26px;
        height:26px;
        min-width:26px;

        font-size:16px;
    }

    #pa-app .pa-nav-icon svg{
        width:18px;
        height:18px;
    }


    #pa-app .pa-nav-label{

        display:block;

        max-width:60px;

        font-size:6px;

        text-align:center;

        white-space:nowrap;
    }


    #pa-app .pa-nav-item:nth-child(n+6){
        display:none;
    }


    #pa-app .pa-main{

        width:100%;

        height:100dvh;
    }


    #pa-app .pa-content{

        height:100dvh;

        padding:
            12px 10px 78px;
    }


    #pa-app .pa-dashboard-grid{

        display:block;

        width:100%;

        align-items:initial;
    }


    #pa-app .pa-center{

        width:100%;

        align-self:auto;
    }


    #pa-app .pa-welcome{

        display:block;

        padding:12px;

        min-height:auto;
    }


    #pa-app .pa-user{

        margin-bottom:12px;
    }


    #pa-app .pa-welcome-info{

        display:grid;

        grid-template-columns:
            repeat(3,1fr);

        gap:5px;

        margin-bottom:11px;
    }


    #pa-app .pa-mini-divider{
        display:none;
    }


    #pa-app .pa-mini-item{

        justify-content:center;

        padding:5px 2px;

        background:
            rgba(255,255,255,.025);

        border-radius:5px;
    }


    #pa-app .pa-mini-icon{
        display:none;
    }


    #pa-app .pa-mini-item small,
    #pa-app .pa-mini-item strong{

        text-align:center;

        font-size:5.5px;
    }


    #pa-app .pa-mini-item strong em{
        display:none;
    }


    #pa-app .pa-primary-button{

        position:relative;

        right:auto;
        bottom:auto;

        width:100%;

        min-height:31px;
    }


    #pa-app .pa-actions{

        grid-template-columns:
            repeat(3,1fr);

        padding:
            0 7px 7px;
    }


    #pa-app .pa-action{

        min-height:68px;
    }


    #pa-app .pa-subscription{

        min-height:150px;
    }


    #pa-app .pa-features{

        margin-left:0;

        flex-wrap:wrap;

        gap:7px;
    }


    #pa-app .pa-renewal{

        position:relative;

        right:auto;
        top:auto;

        margin-top:10px;

        flex-direction:row;

        align-items:center;

        justify-content:space-between;
    }


    #pa-app .pa-purchase-head{
        display:none;
    }


    #pa-app .pa-purchase{

        grid-template-columns:
            1fr auto;

        gap:6px;

        padding:8px;
    }


    #pa-app .pa-purchase-date,
    #pa-app .pa-payment{

        display:none;
    }


    #pa-app .pa-status{

        grid-column:2;
        grid-row:1;
    }


    #pa-app .pa-row-arrow{
        display:none;
    }


    #pa-app .pa-right{

        display:none !important;

        height:auto !important;

        min-height:0 !important;
    }
}




@media(min-width:851px){

    #pa-app .pa-dashboard-grid{

        align-items:stretch !important;
    }


    #pa-app .pa-center{

        align-self:stretch !important;

        min-height:0 !important;
    }


    #pa-app .pa-right{

        align-self:stretch !important;

        min-height:0 !important;

        height:100% !important;

        max-height:none !important;

        overflow:visible !important;
    }
}



#pa-app .pa-sidebar-brand{
    display:none !important;
}




#pa-dashboard-content .pa-payment-inline-frame {
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    flex:1 1 auto!important;
    border:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    
    overflow:hidden!important;
}


#pa-app .pa-dashboard-grid[data-pa-page="payment"] {
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:var(--pa-grid-height, 630px)!important;
    min-height:var(--pa-grid-height, 630px)!important;
    max-height:var(--pa-grid-height, 630px)!important;
    overflow:hidden!important;
    isolation:isolate!important;
}


#pa-app .pa-dashboard-grid[data-pa-page="payment"] .pa-payment-inline-frame {
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:var(--pa-grid-height, 630px)!important;
    max-height:var(--pa-grid-height, 630px)!important;
    flex:none!important;
}

/* === dashboard-overrides.css === */
#pa-app .pa-promo {
    display: none !important;
}




#pa-app {

    
    --pa-grid-x: 18px;

    
    --pa-grid-y: 50px;

    
    --pa-grid-width: 96%;

    
    --pa-grid-height: 630px;

    
    --pa-center-width: 70%;
    --pa-right-width: 30%;


    

    
    --pa-sidebar-nav-y: 34px;


    

    --pa-sidebar-w: 280px;
    --pa-sidebar-min-w: 280px;
    --pa-sidebar-pad-x: 13px;

    --pa-nav-gap: 4.7px;
    --pa-nav-item-h: 46.7px;
    --pa-nav-item-gap: 11.2px;
    --pa-nav-item-pad-x: 13px;
    --pa-nav-radius: 9.3px;
    --pa-nav-font: 12.6px;

    --pa-nav-icon-box: 26.1px;
    --pa-nav-icon-font: 15.9px;
    --pa-nav-icon-svg: 18.7px;

    --pa-nav-badge-font: 7.9px;

    
    --pa-brand-logo-size: 31.7px;
    --pa-brand-height: 40.1px;
    --pa-brand-gap: 8.4px;
    --pa-brand-margin-bottom: 26.1px;
    --pa-brand-logo-font: 9.3px;
    --pa-brand-strong-font: 10.3px;
    --pa-brand-span-font: 6.5px;
}




#pa-app .pa-dashboard-grid {

    
    width: var(--pa-grid-width) !important;
    height: var(--pa-grid-height);

    
    max-width: none !important;

    
    display: grid !important;

    grid-template-columns:
        var(--pa-center-width)
        var(--pa-right-width);

    
    box-sizing: border-box;

    
    margin-left: 0 !important;
    margin-right: 0 !important;

    
    transform:
        translate3d(
            var(--pa-grid-x),
            var(--pa-grid-y),
            0
        ) !important;
}




#pa-app .pa-center {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}




#pa-app .pa-right {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}




#pa-app .pa-dashboard-grid:not([data-pa-page="inicio"]) {
    grid-template-columns: 1fr;
}

#pa-app .pa-dashboard-grid:not([data-pa-page="inicio"]) > * {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}




#pa-app .pa-center > *,
#pa-app .pa-right > * {
    max-width: 100%;
    box-sizing: border-box;
}




#pa-app .pa-card,
#pa-app .pa-welcome,
#pa-app .pa-side-card,
#pa-app .pa-support,
#pa-app .pa-secure {
    width: 100%;
    box-sizing: border-box;
}




#pa-app .pa-center,
#pa-app .pa-right,
#pa-app .pa-card,
#pa-app .pa-welcome,
#pa-app .pa-side-card,
#pa-app .pa-support,
#pa-app .pa-secure {
    max-width: 100%;
}






#pa-app aside.pa-sidebar > nav.pa-sidebar-nav {
    transform: translate3d(
        0,
        var(--pa-sidebar-nav-y),
        0
    );
}




#pa-app .pa-purchases-slider {
    display: flex;
    align-items: stretch;

    gap: calc(8px + (var(--pa-scale) * .3px));

    padding: 4px calc(10px + (var(--pa-scale) * .5px)) calc(12px + (var(--pa-scale) * .5px));

    overflow-x: auto;
    overflow-y: hidden;

    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;

    scrollbar-width: thin;
    scrollbar-color: rgba(96, 82, 255, .35) transparent;
}

#pa-app .pa-purchases-slider::-webkit-scrollbar {
    height: 5px;
}

#pa-app .pa-purchases-slider::-webkit-scrollbar-track {
    background: transparent;
}

#pa-app .pa-purchases-slider::-webkit-scrollbar-thumb {
    background: rgba(96, 82, 255, .35);
    border-radius: 10px;
}

#pa-app .pa-purchase-card {
    flex: 0 0 auto;

    width: 150px;

    scroll-snap-align: start;

    display: flex;
    flex-direction: column;

    gap: calc(6px + (var(--pa-scale) * .3px));

    padding: calc(9px + (var(--pa-scale) * .4px));

    border-radius: 7px;

    background:
        linear-gradient(
            145deg,
            rgba(15, 33, 70, .82),
            rgba(7, 23, 49, .85)
        );

    border: 1px solid rgba(64, 94, 151, .22);

    text-decoration: none;
    color: inherit;

    transition: .2s ease;
}

#pa-app .pa-purchase-card:hover {
    transform: translateY(-2px);

    border-color: rgba(112, 94, 255, .40);

    background: rgba(25, 35, 80, .95);
}

#pa-app .pa-purchase-card .pa-product-image {
    width: 100%;
    height: 54px;

    flex: 0 0 auto;

    border-radius: 5px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            135deg,
            #5036bb,
            #162c64
        );

    color: #fff;

    font-size: 16px;
    font-weight: 700;
}

#pa-app .pa-purchase-card .pa-purchase-card-title {
    display: block;

    color: #cbd3e6;

    font-size: calc(6px + (var(--pa-scale) * .2px));
    font-weight: 500;

    line-height: 1.35;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#pa-app .pa-purchase-card .pa-purchase-card-sub {
    display: block;

    color: #64728e;

    font-size: calc(5px + (var(--pa-scale) * .1px));

    margin-top: 2px;
}

#pa-app .pa-purchase-card .pa-purchase-card-meta {
    margin-top: auto;

    display: flex;
    flex-direction: column;

    gap: 4px;
}

#pa-app .pa-purchase-card .pa-purchase-card-date,
#pa-app .pa-purchase-card .pa-purchase-card-payment {
    color: #8592ac;

    font-size: calc(5.5px + (var(--pa-scale) * .2px));

    line-height: 1.4;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#pa-app .pa-purchase-card .pa-status {
    align-self: flex-start;
}

#pa-app .pa-purchases-empty {
    width: 100%;

    padding: 20px 12px;

    color: #7383a1;

    font-size: 8px;
}




#pa-app #pa-cu-fragment {
    color: var(--pa-text);
    font-size: 13px;
    line-height: 1.5;
}


#pa-app #pa-cu-fragment .pms-account-navigation ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;

    margin: 0 0 18px;
    padding: 0;

    list-style: none;

    border-bottom: 1px solid var(--pa-border);
}

#pa-app #pa-cu-fragment .pms-account-navigation-link a {
    display: inline-block;

    padding: 10px 14px;

    color: var(--pa-muted);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;

    border-bottom: 2px solid transparent;
    transform: translateY(1px);
}

#pa-app #pa-cu-fragment .pms-account-navigation-link a:hover {
    color: var(--pa-text);
}

#pa-app #pa-cu-fragment .pms-account-navigation-link a.pms-account-navigation-link--active,
#pa-app #pa-cu-fragment .pms-account-navigation-link a[aria-current="page"] {
    color: var(--pa-text);
    border-bottom-color: var(--pa-purple);
}


#pa-app #pa-cu-fragment table.pms-account-subscription-details-table {
    width: 100%;

    border-collapse: separate;
    border-spacing: 0;

    background: var(--pa-card);
    border: 1px solid var(--pa-border);
    border-radius: 14px;

    overflow: hidden;
}

#pa-app #pa-cu-fragment table.pms-account-subscription-details-table td {
    padding: 14px 18px;

    border-bottom: 1px solid var(--pa-border-light);

    font-size: 13px;
    vertical-align: middle;
}

#pa-app #pa-cu-fragment table.pms-account-subscription-details-table tr:last-child td {
    border-bottom: none;
}

#pa-app #pa-cu-fragment table.pms-account-subscription-details-table td:first-child {
    width: 220px;

    color: var(--pa-muted);
    font-weight: 600;
}

#pa-app #pa-cu-fragment .status-active {
    color: var(--pa-green);
    font-weight: 700;
}


#pa-app #pa-cu-fragment table.pms-account-subscription-details-table td:has(.pms-account-subscription-action-link) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#pa-app #pa-cu-fragment .pms-account-subscription-action-link {
    display: inline-flex;
    align-items: center;

    padding: 7px 14px;

    border-radius: 999px;

    font-size: 12px;
    font-weight: 600;
    text-decoration: none;

    border: 1px solid var(--pa-border);
    color: var(--pa-text);

    transition: filter .15s ease, background .15s ease;
}

#pa-app #pa-cu-fragment .pms-account-subscription-action-link:hover {
    filter: brightness(1.15);
}

#pa-app #pa-cu-fragment .pms-account-subscription-action-link__change {
    background: linear-gradient(135deg, var(--pa-purple), var(--pa-purple-2));
    border-color: transparent;
    color: #fff;
}

#pa-app #pa-cu-fragment .pms-account-subscription-action-link__cancel {
    background: transparent;
}

#pa-app #pa-cu-fragment .pms-account-subscription-action-link__abandon {
    color: #ff7a90;
    border-color: rgba(255, 122, 144, .35);
}


#pa-app #pa-cu-fragment .pms-form,
#pa-app #pa-cu-fragment form[id^="pms-"] {
    max-width: 560px;

    margin-top: 18px;
    padding: 20px 22px;

    background: var(--pa-card);
    border: 1px solid var(--pa-border);
    border-radius: 14px;
}

#pa-app #pa-cu-fragment .pms-form p,
#pa-app #pa-cu-fragment form[id^="pms-"] p {
    margin: 0 0 16px;

    color: var(--pa-muted);
}

#pa-app #pa-cu-fragment .pms-form label,
#pa-app #pa-cu-fragment form[id^="pms-"] label {
    display: block;

    padding: 10px 12px;
    margin-bottom: 4px;

    border-radius: 10px;

    cursor: pointer;
}

#pa-app #pa-cu-fragment .pms-form label:hover,
#pa-app #pa-cu-fragment form[id^="pms-"] label:hover {
    background: rgba(255, 255, 255, .04);
}

#pa-app #pa-cu-fragment input[type="radio"],
#pa-app #pa-cu-fragment input[type="checkbox"] {
    accent-color: var(--pa-purple);

    margin-right: 8px;
}

#pa-app #pa-cu-fragment input[type="submit"] {
    display: inline-block;

    margin: 16px 8px 0 0;
    padding: 10px 20px;

    background: linear-gradient(135deg, var(--pa-purple), var(--pa-purple-2));
    color: #fff;

    border: none;
    border-radius: 999px;

    font-size: 12px;
    font-weight: 700;

    cursor: pointer;

    transition: filter .15s ease;
}

#pa-app #pa-cu-fragment input[type="submit"]:hover {
    filter: brightness(1.12);
}


#pa-app #pa-cu-fragment input[type="submit"][name="pms_redirect_back"] {
    background: transparent;
    color: var(--pa-muted);

    border: 1px solid var(--pa-border);
}





#pa-app #pa-cu-fragment .pa-no-payment-methods {
    padding: 2rem;
}

#pa-app #pa-cu-fragment .pa-error-container {
    text-align: center;
    padding: 3rem 2rem;
    background: linear-gradient(135deg, #fff5f5 0%, #ffe0e0 100%);
    border-radius: 12px;
    border-left: 4px solid #dc2626;
}

#pa-app #pa-cu-fragment .pa-error-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
}

#pa-app #pa-cu-fragment .pa-error-container h2 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    color: #7f1d1d;
    font-weight: 600;
}

#pa-app #pa-cu-fragment .pa-error-container p {
    color: #991b1b;
    margin-bottom: 1.5rem;
    line-height: 1.6;
    font-size: 1rem;
}

#pa-app #pa-cu-fragment .pa-button-group {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

#pa-app #pa-cu-fragment .pa-button {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    font-weight: 500;
}

#pa-app #pa-cu-fragment .pa-button-primary {
    background-color: #3b82f6;
    color: #fff;
}

#pa-app #pa-cu-fragment .pa-button-primary:hover {
    background-color: #2563eb;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

#pa-app #pa-cu-fragment .pa-return-button-container {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #e5e7eb;
    text-align: center;
    animation: pa-slide-in-up 0.3s ease-out;
}

#pa-app #pa-cu-fragment .pa-return-button {
    padding: 0.75rem 1.5rem;
    background-color: #10b981;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    display: inline-block;
}

#pa-app #pa-cu-fragment .pa-return-button:hover {
    background-color: #059669;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

@keyframes pa-slide-in-up {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
    #pa-app #pa-cu-fragment .pa-error-container { padding: 2rem 1rem; }
    #pa-app #pa-cu-fragment .pa-error-icon { font-size: 2.5rem; }
    #pa-app #pa-cu-fragment .pa-error-container h2 { font-size: 1.25rem; }
    #pa-app #pa-cu-fragment .pa-button-group { flex-direction: column; }
    #pa-app #pa-cu-fragment .pa-button,
    #pa-app #pa-cu-fragment .pa-return-button { width: 100%; }
}


.pa-mobile-pms-action-content .pa-no-payment-methods { padding: 1.25rem 0.5rem; }
.pa-mobile-pms-action-content .pa-error-container {
    text-align: center;
    padding: 2rem 1rem;
    background: linear-gradient(135deg, #fff5f5 0%, #ffe0e0 100%);
    border-radius: 12px;
    border-left: 4px solid #dc2626;
}
.pa-mobile-pms-action-content .pa-error-icon { font-size: 2.5rem; margin-bottom: 0.75rem; display: block; }
.pa-mobile-pms-action-content .pa-error-container h2 { font-size: 1.1rem; margin-bottom: 0.5rem; color: #7f1d1d; font-weight: 600; }
.pa-mobile-pms-action-content .pa-error-container p { color: #991b1b; margin-bottom: 1.25rem; line-height: 1.5; font-size: 0.9rem; }
.pa-mobile-pms-action-content .pa-button-group { display: flex; justify-content: center; }
.pa-mobile-pms-action-content .pa-button {
    padding: 0.7rem 1.25rem;
    border: none;
    border-radius: 6px;
    font-size: 0.95rem;
    text-decoration: none;
    display: inline-block;
    font-weight: 500;
    width: 100%;
}
.pa-mobile-pms-action-content .pa-button-primary { background-color: #3b82f6; color: #fff; }



#pa-app #pa-dashboard-content[data-pa-page="payment"] .woocommerce-MyAccount-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

#pa-app #pa-dashboard-content[data-pa-page="payment"] .woocommerce-MyAccount-content form,
#pa-app #pa-dashboard-content[data-pa-page="payment"] .woocommerce-MyAccount-content #payment,
#pa-app #pa-dashboard-content[data-pa-page="payment"] .woocommerce-MyAccount-content .woocommerce-PaymentMethods {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#pa-app #pa-dashboard-content[data-pa-page="payment"] .woocommerce-MyAccount-content .woocommerce-PaymentBox {
    display: block !important;
}

#pa-app #pa-dashboard-content[data-pa-page="payment"] .woocommerce-MyAccount-content .woocommerce-PaymentBox[style*="display: none"] {
    display: block !important;
}




#pa-app .pa-sidebar-nav {
    --pa-sidebar-move-y: 15px;

    position: relative !important;
    top: var(--pa-sidebar-move-y) !important;
}




#pa-dashboard-content {
    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;
}


#pa-dashboard-content .pelisanime-unified-pms-account,
#pa-dashboard-content form#pms-change-subscription-form {
    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;

    box-sizing: border-box;
}


#pa-dashboard-content .pms-upgrade__groups {
    width: 100% !important;
    max-width: none !important;

    box-sizing: border-box;
}



#pa-dashboard-content .pms-upgrade__group--change {
    width: 100% !important;
    max-width: none !important;

    box-sizing: border-box;
}

#pa-dashboard-content .pa-plan-columns {
    width: 100% !important;
    max-width: none !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 20px;

    box-sizing: border-box;
}


#pa-dashboard-content .pa-plan-column {
    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;

    box-sizing: border-box;
}


#pa-dashboard-content .pa-plan-list {
    width: 100% !important;
    box-sizing: border-box;
}




#pa-app{
    

    --pa-main-padding-top: 90px;
    --pa-main-padding-right: 40px;
    --pa-main-padding-bottom: 30px;
    --pa-main-padding-left: 40px;

    
    --pa-main-padding:
        var(--pa-main-padding-top)
        var(--pa-main-padding-right)
        var(--pa-main-padding-bottom)
        var(--pa-main-padding-left);

    
    --pa-grid-x: 0px;
    --pa-grid-y: 0px;

    
    --pa-grid-width: 100%;
    --pa-grid-height: auto;
}



#pa-app .pa-main{
    flex:1 1 auto !important;
    min-width:0 !important;
    min-height:0 !important;

    width:100% !important;
    height:100% !important;

    position:relative !important;

    box-sizing:border-box !important;

    padding:
        var(--pa-main-padding-top)
        var(--pa-main-padding-right)
        var(--pa-main-padding-bottom)
        var(--pa-main-padding-left) !important;

    
    overflow:auto !important;

    scrollbar-width:thin;
    scrollbar-color:rgba(96,82,255,.35) transparent;
}

#pa-app .pa-main::-webkit-scrollbar{
    width:6px;
}

#pa-app .pa-main::-webkit-scrollbar-track{
    background:transparent;
}

#pa-app .pa-main::-webkit-scrollbar-thumb{
    background:rgba(96,82,255,.35);
    border-radius:10px;
}



#pa-app .pa-content{
    width:100% !important;
    min-width:0 !important;

    height:auto !important;
    min-height:100% !important;

    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;
}



#pa-app #pa-dashboard-content.pa-dashboard-grid{
    box-sizing:border-box !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    min-width:0 !important;

    
    padding:0 !important;

    height:auto !important;
    min-height:100% !important;

    transform:none !important;
}


#pa-app #pa-dashboard-content.pa-dashboard-grid:not([data-pa-page="inicio"]){
    display:block !important;
}


#pa-app #pa-dashboard-content.pa-dashboard-grid[data-pa-page="inicio"]{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(260px,30%) !important;
    gap:14px;
    align-items:stretch;
}


#pa-app #pa-dashboard-content > *{
    min-width:0;
    box-sizing:border-box;
}


#pa-app #pa-dashboard-content .pa-center,
#pa-app #pa-dashboard-content .pa-right{
    min-height:0;
    height:auto;
}


#pa-app #pa-dashboard-content #pa-cu-fragment,
#pa-app #pa-dashboard-content .pa-cu-fragment{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}




#pa-app .pa-dashboard-grid{
    height: 630px !important;
    min-height: 630px !important;
    max-height: 630px !important;

    box-sizing: border-box !important;

    
    overflow-y: auto !important;
    overflow-x: hidden !important;

    
    align-items: start !important;

    scrollbar-width: thin;
    scrollbar-color: rgba(96,82,255,.45) transparent;
}

#pa-app .pa-dashboard-grid::-webkit-scrollbar{
    width: 6px;
}

#pa-app .pa-dashboard-grid::-webkit-scrollbar-track{
    background: transparent;
}

#pa-app .pa-dashboard-grid::-webkit-scrollbar-thumb{
    background: rgba(96,82,255,.45);
    border-radius: 999px;
}

#pa-app .pa-dashboard-grid::-webkit-scrollbar-thumb:hover{
    background: rgba(96,82,255,.70);
}


#pa-app .pa-dashboard-grid > .pa-center,
#pa-app .pa-dashboard-grid > .pa-right{
    min-height: 0 !important;
    box-sizing: border-box !important;
}


#pa-app .pa-dashboard-grid .pa-center{
    height: auto !important;
}

#pa-app .pa-dashboard-grid .pa-right{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}


#pa-app .pa-content:has(#pa-dashboard-content[data-pa-page="inicio"]){
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}



#pa-app .pa-dashboard-grid[data-pa-page]:not([data-pa-page="inicio"]){
    height: 630px !important;
    min-height: 630px !important;
    max-height: 630px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}


#pa-app .pa-dashboard-grid[data-pa-page="payment"] .pa-payment-inline-frame{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:630px !important;
    min-height:630px !important;
    max-height:630px !important;
}




@media (max-width: 850px){
    #pa-app .pa-dashboard-grid{
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    #pa-app .pa-content{
        overflow-y: auto !important;
    }
}

/* === scroll-system.css === */
@media (min-width: 851px) {
    
    html,
    body {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        overflow: hidden !important;
    }

    html.pa-app-open,
    body.pa-app-open {
        overflow: hidden !important;
        height: 100% !important;
    }

    #pa-app {
        height: 100vh !important;
        min-height: 100vh !important;
        max-height: 100vh !important;
        overflow: hidden !important;
    }

    #pa-app .pa-main {
        min-width: 0 !important;
        min-height: 0 !important;
        height: 100vh !important;
        max-height: 100vh !important;
        overflow: hidden !important;
    }

    
    #pa-app .pa-content {
        min-width: 0 !important;
        min-height: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    #pa-app .pa-content::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }

    
    #pa-app .pa-dashboard-grid {
        min-width: 0 !important;
        min-height: 0 !important;
        max-height: var(--pa-grid-height, 630px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;

        
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    #pa-app .pa-dashboard-grid::-webkit-scrollbar {
        width: 7px !important;
        height: 7px !important;
    }

    #pa-app .pa-dashboard-grid::-webkit-scrollbar-track {
        background: transparent !important;
        border-radius: 10px !important;
    }

    #pa-app .pa-dashboard-grid::-webkit-scrollbar-thumb {
        background: transparent !important;
        border-radius: 10px !important;
        border: 1px solid transparent !important;
        background-clip: padding-box !important;
        transition: background-color .18s ease !important;
    }

    
    #pa-app .pa-dashboard-grid.pa-scroll-active {
        scrollbar-width: thin !important;
        scrollbar-color: rgba(102,85,255,.72) transparent !important;
    }

    #pa-app .pa-dashboard-grid.pa-scroll-active::-webkit-scrollbar-thumb {
        background: rgba(102,85,255,.72) !important;
    }

    #pa-app .pa-dashboard-grid.pa-scroll-active::-webkit-scrollbar-thumb:hover {
        background: rgba(130,115,255,.92) !important;
    }

    
    #pa-app .pa-dashboard-grid:not([data-pa-page="payment"]) {
        overflow-y: auto !important;
    }

    
    #pa-app .pa-dashboard-grid[data-pa-page="payment"] {
        overflow: hidden !important;
    }
}

/* === payment-methods.css === */
#pa-dashboard-content[data-pa-page="payment"] .pa-payment-view,
#pa-dashboard-content[data-pa-page="payment"] .pa-payment-view * {
    box-sizing: border-box !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-view {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: clamp(4px, 1vw, 10px) 0 24px !important;
    color: #fff !important;
    overflow: hidden !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-view-header {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin: 0 0 26px !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-view-heading {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-view-icon {
    position: relative !important;
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 72px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 19px !important;
    border: 1px solid rgba(143,111,255,.42) !important;
    background: radial-gradient(circle at 50% 20%, rgba(75,84,255,.58), rgba(27,13,69,.96) 72%) !important;
    box-shadow: 0 14px 36px rgba(66,36,190,.22), inset 0 1px rgba(255,255,255,.1) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-symbol {
    position: relative !important;
    width: 34px !important;
    height: 24px !important;
    border: 2px solid #b98cff !important;
    border-radius: 5px !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-symbol::before {
    content: "" !important;
    position: absolute !important;
    left: -2px !important;
    right: -2px !important;
    top: 6px !important;
    height: 2px !important;
    background: #b98cff !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-symbol::after {
    content: "" !important;
    position: absolute !important;
    left: 5px !important;
    bottom: 4px !important;
    width: 9px !important;
    height: 2px !important;
    border-radius: 3px !important;
    background: #b98cff !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-view h1 {
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: clamp(28px, 2.6vw, 42px) !important;
    line-height: 1.05 !important;
    font-weight: 750 !important;
    letter-spacing: -1.3px !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-view-header p {
    margin: 0 !important;
    padding: 0 !important;
    color: #8d99bd !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-add-top {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 44px !important;
    padding: 0 17px !important;
    border: 1px solid rgba(127,94,255,.45) !important;
    border-radius: 12px !important;
    background: rgba(86,53,207,.12) !important;
    color: #d8ccff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    transition: .2s ease !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-add-top:hover {
    color: #fff !important;
    border-color: rgba(155,126,255,.7) !important;
    background: rgba(99,62,238,.2) !important;
    transform: translateY(-1px) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-panel {
    position: relative !important;
    isolation: isolate !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 500px !important;
    display: grid !important;
    grid-template-columns: minmax(300px, .92fr) minmax(0, 1.08fr) !important;
    align-items: center !important;
    gap: clamp(25px, 4vw, 70px) !important;
    padding: clamp(32px, 4vw, 52px) clamp(28px, 4.2vw, 62px) !important;
    border: 1px solid rgba(101,78,255,.36) !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 9% 62%, rgba(60,52,220,.16), transparent 29%),
        radial-gradient(circle at 95% 0%, rgba(89,46,235,.12), transparent 34%),
        linear-gradient(135deg, #070b18, #090d1c 54%, #0c0d24) !important;
    box-shadow: 0 24px 60px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.025) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-panel::before,
#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-panel::after {
    content: "" !important;
    position: absolute !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-panel::before {
    width: 380px !important;
    height: 380px !important;
    left: -230px !important;
    bottom: -250px !important;
    background: radial-gradient(circle, rgba(61,45,255,.16), transparent 70%) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-panel::after {
    width: 360px !important;
    height: 360px !important;
    right: -230px !important;
    top: -245px !important;
    background: radial-gradient(circle, rgba(82,45,255,.12), transparent 70%) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-visual {
    position: relative !important;
    width: 100% !important;
    height: 390px !important;
    min-width: 0 !important;
    display: grid !important;
    place-items: center !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-orbit {
    position: absolute !important;
    border: 1px solid rgba(77,58,226,.38) !important;
    border-radius: 50% !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-orbit-one {
    width: min(350px, 92%) !important;
    aspect-ratio: 1 !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-orbit-two {
    width: min(285px, 75%) !important;
    aspect-ratio: 1 !important;
    border-color: rgba(102,80,255,.13) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-stack {
    position: relative !important;
    width: 295px !important;
    height: 190px !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-back,
#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-front {
    position: absolute !important;
    width: 295px !important;
    height: 185px !important;
    border: 1px solid rgba(137,115,255,.52) !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, #22275b, #171b43 52%, #0d1128) !important;
    box-shadow: 0 26px 58px rgba(0,0,0,.42), 0 0 34px rgba(72,39,255,.16), inset 0 1px rgba(255,255,255,.08) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-back {
    transform: translate(-23px,-23px) rotate(-14deg) !important;
    opacity: .72 !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-back::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 36px !important;
    height: 31px !important;
    background: #080b18 !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-front {
    z-index: 2 !important;
    transform: translate(18px,19px) rotate(-12deg) !important;
    overflow: hidden !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-front::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(120deg, rgba(255,255,255,.08), transparent 35%, transparent 70%, rgba(137,100,255,.08)) !important;
    pointer-events: none !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-chip {
    position: absolute !important;
    left: 26px !important;
    top: 27px !important;
    width: 44px !important;
    height: 33px !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #c8b7ff, #745ad9) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-brand {
    position: absolute !important;
    right: 25px !important;
    top: 29px !important;
    color: #aaa2d6 !important;
    font-size: 9px !important;
    letter-spacing: 1.4px !important;
    font-weight: 700 !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-number {
    position: absolute !important;
    left: 26px !important;
    top: 100px !important;
    color: #c6c9e4 !important;
    font-size: 11px !important;
    letter-spacing: 1.3px !important;
    white-space: nowrap !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-footer {
    position: absolute !important;
    left: 26px !important;
    right: 26px !important;
    bottom: 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    color: #9298bb !important;
    font-size: 8px !important;
    letter-spacing: 1.1px !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-plus {
    position: absolute !important;
    right: 4% !important;
    bottom: 18px !important;
    width: 70px !important;
    height: 70px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    border: 2px solid rgba(205,181,255,.35) !important;
    background: radial-gradient(circle at 35% 25%, #b889ff, #7131ff 65%, #4d18c1) !important;
    color: #fff !important;
    font-size: 43px !important;
    font-weight: 200 !important;
    line-height: 1 !important;
    box-shadow: 0 12px 36px rgba(83,37,255,.4), 0 0 26px rgba(100,45,255,.25) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-info {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: 620px !important;
    min-width: 0 !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-status {
    width: fit-content !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    margin: 0 0 17px !important;
    border: 1px solid rgba(117,76,255,.52) !important;
    border-radius: 999px !important;
    color: #ad8bff !important;
    background: rgba(92,58,220,.07) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 1.7px !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-status-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #a978ff !important;
    box-shadow: 0 0 10px rgba(168,120,255,.75) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-info h2 {
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: clamp(30px, 3vw, 48px) !important;
    line-height: 1.08 !important;
    font-weight: 750 !important;
    letter-spacing: -1.7px !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-info h2 span {
    display: block !important;
    background: linear-gradient(100deg, #9364ff, #bd7eff) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-info > p {
    max-width: 560px !important;
    margin: 0 0 27px !important;
    padding: 0 !important;
    color: #8e9bc3 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-primary-button,
#pa-dashboard-content[data-pa-page="payment"] .pa-payment-secondary-button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 62px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    padding: 0 56px !important;
    border-radius: 15px !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    transition: .2s ease !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-primary-button {
    background: linear-gradient(100deg, #7135ff, #793cff, #6030ed) !important;
    color: #fff !important;
    box-shadow: 0 17px 40px rgba(81,38,255,.28), inset 0 1px rgba(255,255,255,.16) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-primary-button:hover {
    color: #fff !important;
    transform: translateY(-2px) !important;
    filter: brightness(1.07) !important;
    box-shadow: 0 23px 47px rgba(81,38,255,.4) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-button-plus {
    position: absolute !important;
    left: 23px !important;
    font-size: 27px !important;
    font-weight: 250 !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-button-arrow {
    position: absolute !important;
    right: 23px !important;
    font-size: 25px !important;
    font-weight: 250 !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-method-list {
    display: grid !important;
    gap: 9px !important;
    margin: 0 0 14px !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-method {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px !important;
    border: 1px solid rgba(104,87,175,.22) !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.025) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-method-mini-card {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 27px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 7px !important;
    border: 1px solid rgba(158,133,255,.42) !important;
    background: linear-gradient(135deg, #292d66, #10152e) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-method-mini-card span {
    width: 22px !important;
    height: 2px !important;
    background: rgba(191,171,255,.7) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-method-data {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-method-data strong {
    color: #e8e9f7 !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-method-data small {
    color: #7783a8 !important;
    font-size: 10px !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-method-actions {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-method-actions a,
#pa-dashboard-content[data-pa-page="payment"] .pa-payment-method-active {
    color: #9f86ff !important;
    text-decoration: none !important;
    font-size: 10px !important;
    font-weight: 650 !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-method-delete {
    color: #7e87a9 !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-secondary-button {
    min-height: 50px !important;
    color: #c3b4ff !important;
    border: 1px solid rgba(118,89,224,.35) !important;
    background: rgba(82,53,190,.08) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-secondary-button:hover {
    color: #fff !important;
    background: rgba(92,58,220,.16) !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-secondary-button span {
    margin-right: 8px !important;
    font-size: 21px !important;
    font-weight: 300 !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-footnote {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 12px !important;
    color: #697493 !important;
    font-size: 10px !important;
}

#pa-dashboard-content[data-pa-page="payment"] .pa-payment-footnote > span {
    width: 17px !important;
    height: 17px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(130,142,180,.25) !important;
    border-radius: 50% !important;
    font-size: 9px !important;
}


#pa-dashboard-content[data-pa-page="payment"] > .woocommerce-info,
#pa-dashboard-content[data-pa-page="payment"] > .woocommerce-Message,
#pa-dashboard-content[data-pa-page="payment"] > .woocommerce-message {
    box-sizing: border-box !important;
}


@media (max-width: 1050px) {
    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-panel {
        grid-template-columns: minmax(260px, .82fr) minmax(0, 1.18fr) !important;
        gap: 25px !important;
        padding: 32px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-stack,
    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-back,
    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-front {
        width: 255px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-back,
    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-front {
        height: 160px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-stack {
        height: 165px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-chip {
        top: 23px !important;
        left: 23px !important;
        width: 39px !important;
        height: 29px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-number {
        top: 86px !important;
        left: 23px !important;
        font-size: 10px !important;
    }
}


@media (max-width: 767px) {
    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-view {
        padding: 0 0 18px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-view-header {
        align-items: flex-start !important;
        gap: 12px !important;
        margin-bottom: 17px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-view-heading {
        gap: 11px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-view-icon {
        flex-basis: 56px !important;
        width: 56px !important;
        height: 56px !important;
        border-radius: 15px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-symbol {
        transform: scale(.78) !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-view h1 {
        font-size: 25px !important;
        letter-spacing: -1px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-view-header p {
        max-width: 240px !important;
        font-size: 10px !important;
        line-height: 1.4 !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-add-top {
        min-height: 36px !important;
        padding: 0 10px !important;
        border-radius: 10px !important;
        font-size: 9px !important;
        white-space: nowrap !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-panel {
        min-height: auto !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 20px 15px 17px !important;
        border-radius: 17px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-visual {
        height: 225px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-orbit-one {
        width: 210px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-orbit-two {
        width: 168px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-stack {
        width: 205px !important;
        height: 135px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-back,
    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-front {
        width: 205px !important;
        height: 128px !important;
        border-radius: 15px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-back {
        transform: translate(-15px,-16px) rotate(-13deg) !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-front {
        transform: translate(12px,12px) rotate(-11deg) !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-chip {
        left: 19px !important;
        top: 19px !important;
        width: 31px !important;
        height: 23px !important;
        border-radius: 6px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-brand {
        top: 19px !important;
        right: 17px !important;
        font-size: 7px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-number {
        left: 19px !important;
        top: 69px !important;
        font-size: 7px !important;
        letter-spacing: .8px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-card-footer {
        left: 19px !important;
        right: 19px !important;
        bottom: 13px !important;
        font-size: 6px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-plus {
        width: 52px !important;
        height: 52px !important;
        right: 3% !important;
        bottom: 1px !important;
        font-size: 32px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-info {
        text-align: center !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-status {
        margin-left: auto !important;
        margin-right: auto !important;
        min-height: 29px !important;
        padding: 0 10px !important;
        font-size: 8px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-info h2 {
        margin-bottom: 13px !important;
        font-size: 28px !important;
        letter-spacing: -1.2px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-info > p {
        margin-bottom: 19px !important;
        font-size: 12px !important;
        line-height: 1.55 !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-primary-button {
        min-height: 56px !important;
        border-radius: 13px !important;
        font-size: 13px !important;
        padding-left: 48px !important;
        padding-right: 48px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-button-plus {
        left: 18px !important;
        font-size: 24px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-button-arrow {
        right: 18px !important;
        font-size: 22px !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-method {
        text-align: left !important;
        flex-wrap: wrap !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-method-actions {
        width: 100% !important;
        padding-left: 50px !important;
        justify-content: flex-end !important;
    }

    #pa-dashboard-content[data-pa-page="payment"] .pa-payment-footnote {
        justify-content: center !important;
        text-align: left !important;
        line-height: 1.35 !important;
    }
}

/* === subscription-view.css === */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');

#pa-dashboard-content[data-pa-page="subscription"]{
    --pa-bg-0:#080b12;
    --pa-bg-1:#0e131c;
    --pa-bg-2:#131a26;
    --pa-border:rgba(151,166,199,.14);
    --pa-border-strong:rgba(151,166,199,.26);

    --pa-text-1:#eef1f7;
    --pa-text-2:#9aa4ba;
    --pa-text-3:#636e85;

    --pa-gold:#d8a94c;
    --pa-gold-soft:rgba(216,169,76,.14);
    --pa-gold-strong:rgba(216,169,76,.4);

    --pa-blue:#5c7cfa;
    --pa-blue-soft:rgba(92,124,250,.14);

    --pa-green:#34d399;
    --pa-green-soft:rgba(52,211,153,.14);

    --pa-red:#f0785a;

    --pa-radius-s:6px;
    --pa-radius-m:10px;
    --pa-radius-l:14px;

    --pa-shadow-1:0 10px 30px -12px rgba(0,0,0,.55);

    
    --pa-plan-icon-size:32px;
    --pa-plan-name-size:15px;

    
    --pa-manage-bg-1:#090811;
    --pa-manage-bg-2:#0d0b1b;
    --pa-manage-bg-3:#080910;

    --pa-purple-1:#7540ed;
    --pa-purple-2:#582fc5;
    --pa-purple-accent:#7442ff;
    --pa-purple-border:rgba(113,72,255,.42);
    --pa-purple-border-hover:rgba(143,103,255,.80);

    --pa-pink-1:#d83bb7;
    --pa-pink-2:#982488;
    --pa-pink-accent:#df39bc;
    --pa-pink-border:rgba(220,55,181,.48);

    --pa-manage-text-heading:#f7f5ff;
    --pa-manage-text-subtitle:#a19bc9;
    --pa-manage-text-description:#aaa4d0;

    --pa-radius-lg:16px;
    --pa-radius-md:14px;
    --pa-radius-sm:11px;

    --pa-transition-fast:.18s cubic-bezier(.4,0,.2,1);
    --pa-transition-base:.25s cubic-bezier(.4,0,.2,1);

    --pa-manage-header-icon:48px;
    --pa-manage-title-size:19px;
    --pa-manage-subtitle-size:11px;

    --pa-option-icon:52px;
    --pa-option-icon-svg:26px;
    --pa-option-title-size:14.5px;
    --pa-option-description-size:11px;
    --pa-option-arrow:42px;
    --pa-option-arrow-svg:22px;
    --pa-option-gap:16px;
    --pa-option-padding:10px 16px 10px 18px;

    width:100%;
    max-width:100%;
    box-sizing:border-box;
    color:var(--pa-text-1);
    font-family:'Inter',Arial,sans-serif;
}

#pa-dashboard-content[data-pa-page="subscription"] *,
#pa-dashboard-content[data-pa-page="subscription"] *::before,
#pa-dashboard-content[data-pa-page="subscription"] *::after{
    box-sizing:border-box;
}




.pa-new-subscription{
    display:flex;
    flex-direction:column;
    gap:12px;

    width:100%;
    min-height:640px;

    color:var(--pa-text-1);
}




.pa-new-header{
    position:relative;
    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;

    padding:13px 22px;
    overflow:hidden;

    border:1px solid var(--pa-border);
    border-radius:var(--pa-radius-l);

    background:
        radial-gradient(circle at 82% 20%, rgba(216,169,76,.12), transparent 45%),
        linear-gradient(120deg,#0a0e16 0%,#0d1220 55%,#0a0e17 100%);
}

.pa-header-left{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    gap:16px;
    min-width:0;
}

.pa-header-crown{
    flex:none;
    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:var(--pa-gold);

    border-radius:50%;
    border:1px solid var(--pa-gold-strong);
    background:var(--pa-gold-soft);
}

.pa-header-crown svg{
    width:18px;
    height:18px;
}

.pa-header-title h2{
    margin:0;
    color:var(--pa-text-1);
    font-family:'Fraunces',serif;
    font-size:19px;
    font-weight:600;
    line-height:1.2;
    letter-spacing:.1px;
}

.pa-header-title p{
    margin:4px 0 0;
    max-width:46ch;
    color:var(--pa-text-2);
    font-size:12px;
    line-height:1.4;
}

.pa-header-status{
    position:relative;
    z-index:3;
    flex:none;

    display:flex;
    align-items:center;
    gap:10px;

    padding:10px 16px;

    border:1px solid var(--pa-border);
    border-radius:999px;
    background:rgba(6,12,22,.6);
}

.pa-status-light{
    flex:none;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--pa-green);
    box-shadow:0 0 0 4px var(--pa-green-soft);
}

.pa-header-status strong{
    display:block;
    color:var(--pa-green);
    font-size:12.5px;
    font-weight:600;
}

.pa-header-status span{
    display:block;
    margin-top:1px;
    color:var(--pa-text-3);
    font-size:11px;
}




.pa-main-row{
    flex:1 1 auto;
    min-height:0;

    display:grid;
    grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);
    gap:12px;
}




.pa-box{
    display:flex;
    flex-direction:column;
    position:relative;
    min-height:0;
    overflow:hidden;

    border:1px solid var(--pa-border);
    border-radius:var(--pa-radius-m);
    background:linear-gradient(160deg,var(--pa-bg-1),var(--pa-bg-0));
}

.pa-box-title{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:14px;
    color:var(--pa-text-1);
    font-size:13.5px;
    font-weight:600;
}

.pa-box-title-icon{
    flex:none;
    width:26px;
    height:26px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:var(--pa-gold);
    border-radius:7px;
    background:var(--pa-gold-soft);
}

.pa-box-title-icon svg{
    width:14px;
    height:14px;
}




.pa-current{
    padding:18px 22px;
}

.pa-current-layout{
    flex:1;
    min-height:0;

    display:grid;
    grid-template-columns:200px minmax(0,1fr);
    gap:18px;
}

.pa-plan-card{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:9px;

    height:100%;
    min-height:150px;
    padding:20px 16px;
    overflow:hidden;
    text-align:center;

    border-radius:var(--pa-radius-m);
    box-shadow:var(--pa-shadow-1);

    background:
        radial-gradient(circle at 15% 10%, rgba(255,255,255,.16), transparent 30%),
        linear-gradient(150deg,#3a2a63 0%,#2a2f74 45%,#0c2c63 100%);
}

.pa-plan-card::after{
    content:"";
    position:absolute;
    right:-40px;
    bottom:-40px;
    width:150px;
    height:150px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
}

.pa-plan-badge{
    position:absolute;
    right:10px;
    top:10px;
    padding:4px 10px;

    border-radius:999px;
    background:rgba(9,14,26,.55);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(2px);

    color:#fff;
    font-size:9.5px;
    font-weight:600;
    letter-spacing:.3px;
}

.pa-plan-symbol{
    display:flex;
    justify-content:center;
    color:#fff;
    filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));
}

.pa-plan-symbol svg{
    width:var(--pa-plan-icon-size);
    height:var(--pa-plan-icon-size);
}

.pa-plan-name{
    color:#fff;
    font-family:'Fraunces',serif;
    font-size:var(--pa-plan-name-size);
    font-weight:600;
    line-height:1.25;
}

.pa-plan-desc{
    max-width:100%;
    color:rgba(255,255,255,.82);
    font-size:10.5px;
    line-height:1.45;
}

.pa-plan-information{
    min-width:0;
    min-height:0;
    flex:1;
    overflow-y:auto;

    display:flex;
    flex-direction:column;
    justify-content:center;
}

.pa-plan-heading{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-bottom:5px;
}

.pa-plan-heading-name{
    color:var(--pa-text-1);
    font-family:'Fraunces',serif;
    font-size:17px;
    font-weight:600;
}

.pa-plan-active{
    padding:3px 9px;
    border-radius:999px;
    background:var(--pa-green-soft);
    color:var(--pa-green);
    font-size:10px;
    font-weight:600;
}

.pa-plan-description{
    color:var(--pa-text-2);
    font-size:12px;
    line-height:1.4;
    margin-bottom:14px;
    max-width:52ch;
}

.pa-plan-details{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
    gap:10px 16px;
}

.pa-plan-detail{
    display:flex;
    align-items:center;
    gap:10px;
}

.pa-detail-icon{
    flex:none;
    width:28px;
    height:28px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid var(--pa-border);
    border-radius:8px;
    color:var(--pa-text-2);
}

.pa-detail-icon svg{
    width:15px;
    height:15px;
}

.pa-detail-label{
    color:var(--pa-text-3);
    font-size:10.5px;
    margin-bottom:2px;
}

.pa-detail-value{
    color:var(--pa-text-1);
    font-size:13px;
    font-weight:600;
}

.pa-plan-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:16px;
}

.pa-plan-button{
    flex:1 1 auto;
    min-width:150px;
    min-height:36px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    padding:0 18px;
    border-radius:var(--pa-radius-s);

    font-size:12.5px;
    font-weight:600;
    text-decoration:none!important;

    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.pa-plan-button svg{
    width:14px;
    height:14px;
}

.pa-plan-button:hover{
    transform:translateY(-1px);
}

.pa-manage{
    color:#0b0d13!important;
    background:linear-gradient(135deg,#e7bd6c,var(--pa-gold));
    box-shadow:0 10px 22px -8px rgba(216,169,76,.45);
}

.pa-cancel{
    color:var(--pa-text-2)!important;
    border:1px solid var(--pa-border-strong);
    background:transparent;
}

.pa-cancel:hover{
    border-color:rgba(240,120,90,.5);
    color:#f3a08c!important;
}




.pa-benefits{
    padding:14px 18px;
}

.pa-benefits-sub{
    margin-top:-4px;
    margin-bottom:4px;
    color:var(--pa-text-3);
    font-size:11px;
}

.pa-benefits-list{
    flex:1;
    min-height:0;
    overflow-y:auto;
}

.pa-benefit{
    min-height:34px;
    display:flex;
    align-items:center;
    gap:10px;
    border-bottom:1px solid var(--pa-border);
}

.pa-benefit:last-child{
    border-bottom:0;
}

.pa-benefit-icon{
    flex:none;
    width:28px;
    height:28px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:9px;
    background:var(--pa-blue-soft);
    color:var(--pa-blue);
    font-size:11px;
    font-weight:700;
}

.pa-benefit-icon svg{
    width:16px;
    height:16px;
}

.pa-benefit-text{
    flex:1;
    min-width:0;
}

.pa-benefit-name{
    color:var(--pa-text-1);
    font-size:12.5px;
    font-weight:600;
}

.pa-benefit-description{
    margin-top:2px;
    color:var(--pa-text-3);
    font-size:11px;
}

.pa-benefit-arrow{
    flex:none;
    color:var(--pa-text-3);
}

.pa-benefit-arrow svg{
    width:15px;
    height:15px;
}




.pa-bottom-grid{
    flex:0 0 auto;
    min-height:170px;

    display:grid;
    grid-template-columns:1.05fr .9fr 1.3fr;
    gap:12px;
}

.pa-bottom-box{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:0;
    padding:16px 20px;
    overflow:hidden;
}

.pa-details-grid{
    flex:1;
    min-height:0;
    overflow-y:auto;

    display:grid;
    grid-template-columns:1fr 1fr;
    align-content:start;
    gap:12px 18px;
}

.pa-detail-block label{
    display:block;
    margin-bottom:4px;
    color:var(--pa-text-3);
    font-size:10.5px;
}

.pa-detail-block span{
    color:var(--pa-text-1);
    font-size:13px;
    font-weight:500;
}

.pa-detail-edit,
.pa-payment-edit,
.pa-history-more{
    position:absolute;
    right:20px;
    top:22px;

    display:inline-flex;
    align-items:center;
    gap:5px;

    color:var(--pa-gold)!important;
    font-size:11px;
    font-weight:600;
    text-decoration:none!important;
    cursor:pointer;
}

.pa-detail-edit svg,
.pa-payment-edit svg,
.pa-history-more svg{
    width:12px;
    height:12px;
}

.pa-payment{
    flex:1;
    min-height:0;
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:14px;
}

.pa-visa{
    flex:none;
    width:42px;
    height:28px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:6px;
    background:linear-gradient(135deg,#1c2c5c,#101a38);
    color:#fff;
    font-size:9px;
    font-weight:700;
    letter-spacing:.4px;
}

.pa-card-number{
    color:var(--pa-text-1);
    font-size:13px;
}

.pa-card-expiry{
    margin-top:3px;
    color:var(--pa-text-3);
    font-size:11px;
}

.pa-payment-button{
    flex:none;
    width:100%;
    height:34px;
    margin-top:8px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    border:1px solid var(--pa-border-strong);
    border-radius:var(--pa-radius-s);
    background:var(--pa-bg-2);

    color:var(--pa-text-2);
    font-size:12px;
    font-weight:600;
    cursor:pointer;

    transition:border-color .15s ease, color .15s ease;
}

.pa-payment-button svg{
    width:14px;
    height:14px;
}

.pa-payment-button:hover{
    border-color:var(--pa-gold-strong);
    color:var(--pa-gold);
}

.pa-history-list{
    flex:1;
    min-height:0;
    margin-top:4px;
    overflow-y:auto;
}

.pa-history-item{
    display:grid;
    grid-template-columns:1.3fr .8fr 68px 16px;
    align-items:center;
    min-height:32px;
    border-bottom:1px solid var(--pa-border);
    color:var(--pa-text-2);
    font-size:12px;
}

.pa-history-item:last-child{
    border-bottom:0;
}

.pa-history-price{
    color:var(--pa-text-1);
    font-weight:500;
}

.pa-paid{
    justify-self:start;
    padding:3px 9px;
    border-radius:999px;
    background:var(--pa-green-soft);
    color:var(--pa-green);
    font-size:10px;
    font-weight:600;
}

.pa-unpaid{
    background:rgba(240,120,90,.14);
    color:var(--pa-red);
}

.pa-history-arrow{
    color:var(--pa-text-3);
}

.pa-history-arrow svg{
    width:14px;
    height:14px;
}

.pa-empty-row{
    padding:14px 2px;
    color:var(--pa-text-3);
    font-size:12px;
    text-align:center;
}




.pa-help{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;

    padding:12px 22px;
    border:1px solid var(--pa-border);
    border-radius:var(--pa-radius-l);
    background:linear-gradient(100deg,var(--pa-bg-1),var(--pa-bg-0));
}

.pa-help-left{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
}

.pa-help-icon{
    flex:none;
    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;
    background:var(--pa-gold-soft);
    color:var(--pa-gold);
}

.pa-help-icon svg{
    width:17px;
    height:17px;
}

.pa-help-title{
    color:var(--pa-text-1);
    font-size:13px;
    font-weight:600;
}

.pa-help-description{
    margin-top:3px;
    color:var(--pa-text-3);
    font-size:11.5px;
}

.pa-help-button{
    flex:none;
    height:38px;

    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:0 16px;
    border:1px solid var(--pa-gold-strong);
    border-radius:var(--pa-radius-s);
    background:var(--pa-gold-soft);

    color:var(--pa-gold)!important;
    font-size:12px;
    font-weight:600;
    text-decoration:none!important;

    transition:background .15s ease;
}

.pa-help-button svg{
    width:14px;
    height:14px;
}

.pa-help-button:hover{
    background:rgba(216,169,76,.24);
}




#pa-dashboard-content[data-pa-page="subscription"].pa-ui-ready
.pms-account-navigation,
#pa-dashboard-content[data-pa-page="subscription"].pa-ui-ready
.pms-account-subscription-details-table{
    display:none!important;
}




#pa-dashboard-content[data-pa-page="subscription"] a:focus-visible,
#pa-dashboard-content[data-pa-page="subscription"] button:focus-visible{
    outline:2px solid var(--pa-gold);
    outline-offset:2px;
}

@media (prefers-reduced-motion:reduce){
    #pa-dashboard-content[data-pa-page="subscription"] *{
        transition:none!important;
        animation:none!important;
    }
}




@media(max-width:980px){

    .pa-new-subscription{
        height:auto;
        overflow:visible;
    }

    .pa-main-row{
        grid-template-columns:1fr;
    }

    .pa-current-layout{
        grid-template-columns:1fr;
    }

    .pa-plan-card{
        min-height:130px;
    }

    .pa-benefits-list{
        overflow-y:visible;
    }

    .pa-bottom-grid{
        grid-template-columns:1fr;
    }

    .pa-bottom-box{
        min-height:150px;
    }

    .pa-details-grid,
    .pa-history-list{
        overflow-y:visible;
    }
}

@media(max-width:600px){

    .pa-new-header{
        padding:18px;
        align-items:flex-start;
    }

    .pa-header-title p{
        display:none;
    }

    .pa-header-status{
        padding:8px 12px;
    }

    .pa-header-status span{
        display:none;
    }

    .pa-header-title h2{
        font-size:19px;
    }

    .pa-current-layout{
        grid-template-columns:1fr;
    }

    .pa-plan-card{
        min-height:170px;
    }

    .pa-plan-button{
        flex:1;
    }

    .pa-help{
        justify-content:flex-start;
    }

    .pa-help-description{
        display:none;
    }

    .pa-help-button{
        width:100%;
        justify-content:center;
    }
}




#pa-dashboard-content[data-pa-page="subscription"]
.pa-box.pa-benefits.pa-management-open {

    display:flex;
    flex-direction:column;
    height:100%;
    min-height:0;
    padding:18px 20px;
    overflow:hidden;

    background:
        radial-gradient(120% 140% at 0% 0%, rgba(117,64,237,.10), transparent 55%),
        linear-gradient(145deg, var(--pa-manage-bg-1) 0%, var(--pa-manage-bg-2) 55%, var(--pa-manage-bg-3) 100%);

    border-radius:20px;
    animation: pa-panel-in var(--pa-transition-base) both;
}

@keyframes pa-panel-in {
    from { opacity:0; transform:translateY(6px); }
    to   { opacity:1; transform:translateY(0); }
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-manage-header {
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    gap:12px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(111,78,255,.28);
}

.pa-manage-header-left {
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}

.pa-manage-header-icon {
    width:var(--pa-manage-header-icon);
    height:var(--pa-manage-header-icon);
    flex:none;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid rgba(112,72,255,.55);
    border-radius:14px;
    color:#c197ff;

    background:radial-gradient(circle at 30% 25%, rgba(150,110,255,.35), rgba(46,25,100,.10) 70%);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 22px rgba(99,54,255,.20);
}

.pa-manage-header-icon svg {
    width:28px;
    height:28px;
    filter: drop-shadow(0 0 6px rgba(166,103,255,.55));
}

.pa-manage-heading {
    min-width:0;
}

.pa-manage-heading-title {
    color:var(--pa-manage-text-heading);
    font-size:var(--pa-manage-title-size);
    font-weight:700;
    line-height:1.15;
    letter-spacing:-.01em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.pa-manage-heading-subtitle {
    margin-top:3px;
    color:var(--pa-manage-text-subtitle);
    font-size:var(--pa-manage-subtitle-size);
    line-height:1.3;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-manage-close {
    width:44px;
    height:44px;
    flex:none;

    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;

    border:1px solid rgba(125,119,165,.18);
    border-radius:14px;
    background:rgba(36,34,59,.72);
    color:var(--pa-manage-text-heading);
    cursor:pointer;

    transition:
        background var(--pa-transition-fast),
        border-color var(--pa-transition-fast),
        transform var(--pa-transition-fast);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-manage-close svg {
    width:22px;
    height:22px;
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-manage-close:hover {
    background:rgba(56,51,83,.90);
    border-color:rgba(134,98,255,.55);
    transform:scale(1.04);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-manage-close:active {
    transform:scale(0.96);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-manage-close:focus-visible,
#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-option:focus-visible {
    outline:2px solid #b487ff;
    outline-offset:2px;
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-options {
    flex:1 1 auto;
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:14px;
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-option {
    position:relative;
    flex:1 1 0;
    min-height:0;
    width:100%;

    display:flex;
    align-items:center;
    gap:var(--pa-option-gap);

    padding:var(--pa-option-padding);
    border:1px solid var(--pa-purple-border);
    border-radius:var(--pa-radius-md);
    background:linear-gradient(110deg, #29165b 0%, #1b1239 58%, #120e27 100%);

    color:#fff;
    font:inherit;
    text-decoration:none;
    text-align:left;
    cursor:pointer;
    overflow:hidden;

    transition:
        transform var(--pa-transition-fast),
        border-color var(--pa-transition-fast),
        box-shadow var(--pa-transition-fast),
        filter var(--pa-transition-fast);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-option::before {
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:5px;
    background:var(--pa-purple-accent);
    box-shadow:0 0 16px rgba(116,66,255,.75);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-option:hover {
    transform:translateY(-2px);
    border-color:var(--pa-purple-border-hover);
    box-shadow:0 10px 26px rgba(55,28,130,.28);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-option:active {
    transform:translateY(0);
    filter:brightness(.96);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-option:hover .pa-management-arrow {
    transform:translateX(3px);
    background:rgba(111,67,213,.32);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-cancel {
    border-color:var(--pa-pink-border);
    background:linear-gradient(110deg, #4b174f 0%, #26112f 58%, #150b22 100%);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-cancel::before {
    background:var(--pa-pink-accent);
    box-shadow:0 0 16px rgba(223,57,188,.75);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-cancel:hover {
    border-color:rgba(230,110,205,.85);
    box-shadow:0 10px 26px rgba(130,28,110,.28);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-icon {
    width:var(--pa-option-icon);
    height:var(--pa-option-icon);
    flex:0 0 var(--pa-option-icon);

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:var(--pa-radius-sm);
    background:linear-gradient(145deg, var(--pa-purple-1), var(--pa-purple-2));
    color:#fff;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 8px 20px rgba(73,37,181,.30);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-icon svg {
    width:var(--pa-option-icon-svg);
    height:var(--pa-option-icon-svg);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-cancel .pa-management-icon {
    background:linear-gradient(145deg, var(--pa-pink-1), var(--pa-pink-2));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 8px 20px rgba(140,32,110,.30);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-text {
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-title {
    color:var(--pa-manage-text-heading);
    font-size:var(--pa-option-title-size);
    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-description {
    margin-top:4px;
    max-width:700px;
    color:var(--pa-manage-text-description);
    font-size:var(--pa-option-description-size);
    line-height:1.35;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-arrow {
    width:var(--pa-option-arrow);
    height:var(--pa-option-arrow);
    flex:0 0 var(--pa-option-arrow);

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid rgba(124,79,255,.38);
    border-radius:50%;
    color:#fff;
    background:rgba(91,53,167,.14);

    transition:
        transform var(--pa-transition-fast),
        background var(--pa-transition-fast);
}

#pa-dashboard-content[data-pa-page="subscription"]
.pa-management-arrow svg {
    width:var(--pa-option-arrow-svg);
    height:var(--pa-option-arrow-svg);
}

@media (max-width:600px) {

    #pa-dashboard-content[data-pa-page="subscription"] {
        --pa-manage-header-icon:44px;
        --pa-manage-title-size:16.5px;
        --pa-manage-subtitle-size:10px;

        --pa-option-icon:44px;
        --pa-option-icon-svg:22px;
        --pa-option-title-size:13px;
        --pa-option-description-size:10px;
        --pa-option-arrow:36px;
        --pa-option-arrow-svg:19px;
        --pa-option-gap:10px;
        --pa-option-padding:9px 12px 9px 14px;
    }

    #pa-dashboard-content[data-pa-page="subscription"]
    .pa-box.pa-benefits.pa-management-open {
        padding:14px;
        border-radius:16px;
    }

    #pa-dashboard-content[data-pa-page="subscription"]
    .pa-manage-header-icon {
        border-radius:12px;
    }

    #pa-dashboard-content[data-pa-page="subscription"]
    .pa-manage-close {
        width:40px;
        height:40px;
        border-radius:12px;
    }

    #pa-dashboard-content[data-pa-page="subscription"]
    .pa-manage-close svg {
        width:19px;
        height:19px;
    }

    #pa-dashboard-content[data-pa-page="subscription"]
    .pa-management-option {
        border-radius:12px;
    }
}

/* === plan-selector.css === */
#pa-cu-fragment {
    --pa-bg: #080b13;
    --pa-text: #f7f7fa;
    --pa-muted: #aeb4c4;

    --pa-basic: #8b4dff;
    --pa-basic-bright: #a76cff;
    --pa-basic-bg: rgba(139, 77, 255, .10);

    --pa-standard: #168cff;
    --pa-standard-bright: #39a0ff;
    --pa-standard-bg: rgba(22, 140, 255, .10);

    --pa-premium: #d89b00;
    --pa-premium-bright: #ffc83d;
    --pa-premium-bg: rgba(216, 155, 0, .09);
}




#pa-cu-fragment #pms-change-subscription-form {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0;
    background: transparent;
    border: 0;
    box-sizing: border-box;
}




#pa-cu-fragment .pa-plan-columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    box-sizing: border-box;
}




#pa-cu-fragment .pa-plan-column {
    position: relative;

    padding: 12px;

    border-radius: 15px;

    box-sizing: border-box;

    background: rgba(255,255,255,.025);

    overflow: hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

#pa-cu-fragment .pa-plan-column:hover {
    transform: translateY(-2px);
}




#pa-cu-fragment .pa-plan-column-basic {
    border: 1px solid rgba(139,77,255,.65);

    background:
        linear-gradient(
            145deg,
            rgba(139,77,255,.11),
            rgba(8,11,19,.92) 60%
        );

    box-shadow:
        inset 0 0 35px rgba(139,77,255,.045);
}




#pa-cu-fragment .pa-plan-column-standard {
    border: 1px solid rgba(22,140,255,.70);

    background:
        linear-gradient(
            145deg,
            rgba(22,140,255,.11),
            rgba(8,11,19,.92) 60%
        );

    box-shadow:
        inset 0 0 35px rgba(22,140,255,.045);
}




#pa-cu-fragment .pa-plan-column-premium {
    border: 1px solid rgba(216,155,0,.72);

    background:
        linear-gradient(
            145deg,
            rgba(216,155,0,.11),
            rgba(8,11,19,.94) 60%
        );

    box-shadow:
        inset 0 0 35px rgba(216,155,0,.045);
}




#pa-cu-fragment .pa-plan-header {
    display: flex;
    align-items: center;

    gap: 12px;

    min-height: 64px;

    padding: 3px 3px 12px;

    box-sizing: border-box;
}




#pa-cu-fragment .pa-plan-icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    box-sizing: border-box;
}




#pa-cu-fragment .pa-plan-column-basic .pa-plan-icon {
    color: #fff;

    background:
        radial-gradient(
            circle,
            #a96cff 0%,
            #7330e8 48%,
            #32116e 100%
        );

    border: 1px solid rgba(184,139,255,.7);

    box-shadow:
        0 0 16px rgba(139,77,255,.65),
        inset 0 0 10px rgba(255,255,255,.16);
}




#pa-cu-fragment .pa-plan-column-standard .pa-plan-icon {
    color: #fff;

    background:
        radial-gradient(
            circle,
            #42a8ff 0%,
            #0876dd 48%,
            #06376b 100%
        );

    border: 1px solid rgba(100,185,255,.75);

    box-shadow:
        0 0 16px rgba(22,140,255,.65),
        inset 0 0 10px rgba(255,255,255,.16);
}




#pa-cu-fragment .pa-plan-column-premium .pa-plan-icon {
    color: #fff;

    background:
        radial-gradient(
            circle,
            #ffd65a 0%,
            #d89600 48%,
            #664200 100%
        );

    border: 1px solid rgba(255,215,91,.75);

    box-shadow:
        0 0 16px rgba(216,155,0,.65),
        inset 0 0 10px rgba(255,255,255,.16);
}




#pa-cu-fragment .pa-plan-icon svg {
    width: 27px;
    height: 27px;

    display: block;
}




#pa-cu-fragment .pa-plan-title {
    min-width: 0;
}

#pa-cu-fragment .pa-plan-title h3 {
    margin: 0;

    color: #fff;

    font-family: inherit;

    font-size: 17px;
    line-height: 1.15;
    font-weight: 700;

    letter-spacing: -.02em;
}

#pa-cu-fragment .pa-plan-title p {
    margin: 5px 0 0;

    color: var(--pa-muted);

    font-size: 11px;
    line-height: 1.2;
}




#pa-cu-fragment .pa-plan-list {
    display: flex;
    flex-direction: column;

    gap: 5px;
}




#pa-cu-fragment .pa-custom-plan {
    position: relative;

    width: 100%;
    min-height: 51px;

    padding: 7px 9px;

    box-sizing: border-box;

    border-radius: 9px;

    background: rgba(255,255,255,.055);

    border: 1px solid rgba(255,255,255,.075);

    cursor: pointer;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}




#pa-cu-fragment .pa-custom-plan:hover {
    background: rgba(255,255,255,.085);

    border-color: rgba(255,255,255,.15);

    transform: translateY(-1px);
}




#pa-cu-fragment .pa-custom-plan input[type="radio"] {
    position: absolute;

    width: 1px;
    height: 1px;

    opacity: 0;

    pointer-events: none;
}




#pa-cu-fragment .pa-plan-card-content {
    display: grid;

    grid-template-columns: 25px minmax(0,1fr) auto;

    align-items: center;

    column-gap: 7px;

    width: 100%;
}




#pa-cu-fragment .pa-radio {
    width: 15px;
    height: 15px;

    border-radius: 50%;

    border: 2px solid rgba(255,255,255,.88);

    box-sizing: border-box;

    position: relative;
}




#pa-cu-fragment
.pa-custom-plan:has(input[type="radio"]:checked)
.pa-radio {

    border-color: #fff;
}

#pa-cu-fragment
.pa-custom-plan:has(input[type="radio"]:checked)
.pa-radio::after {

    content: "";

    position: absolute;

    width: 7px;
    height: 7px;

    left: 50%;
    top: 50%;

    transform: translate(-50%,-50%);

    border-radius: 50%;

    background: currentColor;
}




#pa-cu-fragment .pa-plan-info {
    min-width: 0;
}

#pa-cu-fragment .pa-plan-card-name {
    display: block;

    color: #fff;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#pa-cu-fragment .pa-plan-duration {
    display: block;

    margin-top: 3px;

    color: #c0c4cf;

    font-size: 10px;
    line-height: 1.1;
}




#pa-cu-fragment .pa-plan-price {
    text-align: right;

    white-space: nowrap;
}

#pa-cu-fragment .pa-price-value {
    display: block;

    color: #fff;

    font-size: 13px;
    line-height: 1.15;
    font-weight: 700;
}

#pa-cu-fragment .pa-price-period {
    display: block;

    margin-top: 3px;

    color: #d0d3dc;

    font-size: 10px;
    line-height: 1.1;
}




#pa-cu-fragment
.pa-plan-column-basic
.pa-custom-plan:has(input[type="radio"]:checked) {

    border-color: rgba(139,77,255,.95);

    background:
        linear-gradient(
            135deg,
            rgba(139,77,255,.22),
            rgba(139,77,255,.07)
        );

    box-shadow:
        0 0 0 1px rgba(139,77,255,.20),
        0 0 20px rgba(139,77,255,.13);
}

#pa-cu-fragment
.pa-plan-column-basic
.pa-custom-plan:has(input[type="radio"]:checked)
.pa-radio {

    color: var(--pa-basic-bright);
}




#pa-cu-fragment
.pa-plan-column-standard
.pa-custom-plan:has(input[type="radio"]:checked) {

    border-color: rgba(22,140,255,.98);

    background:
        linear-gradient(
            135deg,
            rgba(22,140,255,.23),
            rgba(22,140,255,.07)
        );

    box-shadow:
        0 0 0 1px rgba(22,140,255,.25),
        0 0 22px rgba(22,140,255,.17);
}

#pa-cu-fragment
.pa-plan-column-standard
.pa-custom-plan:has(input[type="radio"]:checked)
.pa-radio {

    color: var(--pa-standard-bright);
}




#pa-cu-fragment
.pa-plan-column-premium
.pa-custom-plan:has(input[type="radio"]:checked) {

    border-color: rgba(255,198,56,.95);

    background:
        linear-gradient(
            135deg,
            rgba(216,155,0,.22),
            rgba(216,155,0,.07)
        );

    box-shadow:
        0 0 0 1px rgba(216,155,0,.20),
        0 0 22px rgba(216,155,0,.15);
}

#pa-cu-fragment
.pa-plan-column-premium
.pa-custom-plan:has(input[type="radio"]:checked)
.pa-radio {

    color: var(--pa-premium-bright);
}




#pa-cu-fragment .pa-custom-plan
.pms-subscription-plan-name,
#pa-cu-fragment .pa-custom-plan
.pms-subscription-plan-price,
#pa-cu-fragment .pa-custom-plan
.pms-subscription-plan-trial,
#pa-cu-fragment .pa-custom-plan
.pms-subscription-plan-sign-up-fee,
#pa-cu-fragment .pa-custom-plan
.pms-subscription-plan-description {

    display: none !important;
}




#pa-cu-fragment .pms-subscription-plan-auto-renew {
    margin: 0 !important;

    padding: 10px 14px;

    color: #9da2b0;

    font-size: 11px;

    background: rgba(255,255,255,.025);

    border: 1px solid rgba(255,255,255,.06);

    border-radius: 9px;

    box-sizing: border-box;
}


#pa-cu-fragment .pa-subscription-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 14px !important;
    box-sizing: border-box !important;
    flex-wrap: nowrap !important;
}

#pa-cu-fragment .pa-subscription-actions .pms-subscription-plan-auto-renew {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

#pa-cu-fragment .pa-subscription-actions input[type="submit"] {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}




#pa-cu-fragment input[name="pms_change_subscription"] {

    width: auto;

    min-height: 44px;

    margin-top: 0;

    border: 0 !important;

    border-radius: 9px !important;

    background:
        linear-gradient(
            135deg,
            #8750ef,
            #6736bc
        ) !important;

    color: #fff !important;

    font-family: inherit;

    font-size: 13px !important;
    font-weight: 600 !important;

    cursor: pointer;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

#pa-cu-fragment input[name="pms_change_subscription"]:hover {

    transform: translateY(-1px);

    box-shadow:
        0 8px 25px rgba(120,70,220,.3);
}


#pa-cu-fragment input[name="pms_redirect_back"] {

    display: block;

    margin: 0;

    border: 0 !important;

    background: transparent !important;

    color: #777d8c !important;

    font-size: 11px !important;
}




@media (max-width: 900px) {

    #pa-cu-fragment .pa-plan-columns {
        grid-template-columns: 1fr;
    }

}




@media (max-width: 600px) {

    #pa-cu-fragment .pa-plan-columns {
        gap: 10px;
    }

    #pa-cu-fragment .pa-plan-column {
        padding: 10px;
    }

}

/* === mobile-account.css === */
#pa-app .pa-mobile-app{
    display:none;
}

@media (max-width:600px){
    #pa-app .pa-sidebar,
    #pa-app .pa-main{
        display:none !important;
    }

    #pa-app .pa-mobile-app{
        --m-bg:#080b12;
        --m-bg-1:#0e131c;
        --m-bg-2:#131a26;
        --m-border:rgba(151,166,199,.14);
        --m-border-strong:rgba(151,166,199,.26);
        --m-text:#eef1f7;
        --m-text-2:#9aa4ba;
        --m-text-3:#636e85;
        --m-accent:#d8a94c;
        --m-accent-soft:rgba(216,169,76,.14);
        --m-green:#34d399;
        --m-green-soft:rgba(52,211,153,.14);
        --m-red:#f0785a;
        --m-red-soft:rgba(240,120,90,.14);
        --m-blue:#5c7cfa;
        --m-blue-soft:rgba(92,124,250,.14);

        position:fixed;
        inset:0;
        z-index:100000;
        display:flex;
        flex-direction:column;
        width:100%;
        height:100dvh;
        min-height:100dvh;
        overflow:hidden;
        background:var(--m-bg);
        color:var(--m-text);
        font-family:Inter,Arial,Helvetica,sans-serif;
        -webkit-font-smoothing:antialiased;
    }

    #pa-app .pa-mobile-app *,
    #pa-app .pa-mobile-app *::before,
    #pa-app .pa-mobile-app *::after{
        box-sizing:border-box;
    }

    #pa-app .pa-mobile-content{
        flex:1 1 auto;
        min-height:0;
        overflow-y:auto;
        padding:8px 14px 86px;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    #pa-app .pa-mobile-content::-webkit-scrollbar{
        display:none;
    }

    #pa-app .pa-mobile-panel{
        display:none;
        animation:pa-mobile-fade .16s ease;
    }

    #pa-app .pa-mobile-panel.is-active{
        display:block;
    }

    @keyframes pa-mobile-fade{
        from{opacity:0;transform:translateY(3px)}
        to{opacity:1;transform:translateY(0)}
    }

    #pa-app .pa-mobile-hello{
        display:flex;
        align-items:center;
        gap:11px;
        padding:5px 2px 13px;
    }

    #pa-app .pa-mobile-hello-avatar{
        width:46px;
        height:46px;
        border-radius:50%;
        font-size:17px;
    }

    #pa-app .pa-mobile-hello h2{
        margin:0;
        font-size:17px;
        line-height:1.2;
        font-weight:700;
    }

    #pa-app .pa-mobile-hello p{
        margin:2px 0 0;
        color:var(--m-text-2);
        font-size:10.5px;
        line-height:1.3;
    }

    #pa-app .pa-mobile-stat-row{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px;
        margin-bottom:9px;
    }

    #pa-app .pa-mobile-stat{
        min-width:0;
        padding:9px 10px;
        border:1px solid var(--m-border);
        border-radius:8px;
        background:var(--m-bg-1);
    }

    #pa-app .pa-mobile-stat small{
        display:block;
        margin-bottom:2px;
        color:var(--m-text-3);
        font-size:9px;
        line-height:1.2;
    }

    #pa-app .pa-mobile-stat strong{
        display:block;
        overflow:hidden;
        color:var(--m-text);
        font-size:12px;
        line-height:1.25;
        font-weight:700;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

    #pa-app .pa-mobile-quick-grid{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:7px;
        margin-bottom:10px;
    }

    #pa-app .pa-mobile-quick{
        min-width:0;
        min-height:64px;
        padding:9px 3px 8px;
        border:1px solid var(--m-border);
        border-radius:8px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:5px;
        background:var(--m-bg-1);
        color:var(--m-text);
        text-decoration:none;
        font:inherit;
        cursor:pointer;
    }

    #pa-app .pa-mobile-quick:active{
        background:var(--m-bg-2);
    }

    #pa-app .pa-mobile-quick-icon{
        width:28px;
        height:28px;
        border-radius:8px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:var(--m-accent-soft);
        color:var(--m-accent);
    }

    #pa-app .pa-mobile-quick-icon svg{
        width:14px;
        height:14px;
    }

    #pa-app .pa-mobile-quick > span:last-child{
        max-width:100%;
        overflow:hidden;
        font-size:8.5px;
        line-height:1.2;
        font-weight:700;
        text-align:center;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    #pa-app .pa-mobile-card{
        margin-bottom:9px;
        padding:13px;
        border:1px solid var(--m-border);
        border-radius:12px;
        background:var(--m-bg-1);
    }

    #pa-app .pa-mobile-card-title{
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:8px;
        margin:0 0 8px;
        padding:0;
        border:0;
        background:transparent;
        color:var(--m-text);
        font:inherit;
        text-align:left;
    }

    #pa-app .pa-mobile-card-title h2{
        min-width:0;
        display:flex;
        align-items:center;
        gap:7px;
        margin:0;
        font-size:12px;
        line-height:1.25;
        font-weight:700;
    }

    #pa-app .pa-mobile-card-icon{
        width:22px;
        height:22px;
        flex:none;
        border-radius:6px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:var(--m-accent-soft);
        color:var(--m-accent);
    }

    #pa-app .pa-mobile-card-icon svg{
        width:12px;
        height:12px;
    }

    #pa-app .pa-mobile-link{
        padding:0;
        border:0;
        background:transparent;
        color:var(--m-accent);
        font:600 10px/1.2 Inter,Arial,sans-serif;
        cursor:pointer;
        white-space:nowrap;
    }

    #pa-app .pa-mobile-link span{
        font-size:13px;
    }

    #pa-app .pa-mobile-mini-row{
        min-width:0;
        display:flex;
        align-items:center;
        gap:9px;
        padding:8px 0;
        border-bottom:1px solid var(--m-border);
        color:inherit;
        text-decoration:none;
    }

    #pa-app .pa-mobile-mini-row:last-child{
        border-bottom:0;
    }

    #pa-app .pa-mobile-mini-icon,
    #pa-app .pa-mobile-order-icon{
        width:30px;
        height:30px;
        flex:none;
        border-radius:8px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:var(--m-blue-soft);
        color:var(--m-blue);
    }

    #pa-app .pa-mobile-mini-icon svg,
    #pa-app .pa-mobile-order-icon svg{
        width:14px;
        height:14px;
    }

    #pa-app .pa-mobile-mini-text{
        flex:1;
        min-width:0;
    }

    #pa-app .pa-mobile-mini-text strong,
    #pa-app .pa-mobile-mini-text small{
        display:block;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

    #pa-app .pa-mobile-mini-text strong{
        font-size:11.5px;
        font-weight:700;
    }

    #pa-app .pa-mobile-mini-text small{
        margin-top:1px;
        color:var(--m-text-3);
        font-size:9.5px;
    }

    #pa-app .pa-mobile-mini-amount{
        flex:none;
        color:var(--m-text);
        font-size:11px;
        font-weight:700;
    }

    #pa-app .pa-mobile-empty{
        padding:9px 0 2px;
        color:var(--m-text-3);
        font-size:10.5px;
    }

    #pa-app .pa-mobile-plan-hero{
        margin-bottom:9px;
        padding:15px;
        border:1px solid var(--m-border-strong);
        border-radius:12px;
        background:#131a26;
    }

    #pa-app .pa-mobile-plan-top{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:8px;
        margin-bottom:10px;
    }

    #pa-app .pa-mobile-plan-badge{
        padding:3px 8px;
        border:1px solid var(--m-border-strong);
        border-radius:999px;
        color:var(--m-text);
        background:#080b12;
        font-size:9px;
        font-weight:700;
    }

    #pa-app .pa-mobile-pill{
        display:inline-flex;
        align-items:center;
        gap:5px;
        padding:3px 8px;
        border-radius:999px;
        background:var(--m-green-soft);
        color:var(--m-green);
        font-size:9px;
        font-weight:700;
    }

    #pa-app .pa-mobile-pill.is-warn{
        background:var(--m-red-soft);
        color:var(--m-red);
    }

    #pa-app .pa-mobile-pill i{
        width:5px;
        height:5px;
        border-radius:50%;
        background:currentColor;
    }

    #pa-app .pa-mobile-plan-icon{
        width:34px;
        height:34px;
        display:flex;
        align-items:center;
        justify-content:center;
        color:var(--m-accent);
    }

    #pa-app .pa-mobile-plan-icon svg{
        width:26px;
        height:26px;
    }

    #pa-app .pa-mobile-plan-hero h2{
        margin:0 0 3px;
        color:var(--m-text);
        font-size:19px;
        line-height:1.15;
        font-weight:700;
    }

    #pa-app .pa-mobile-plan-hero p{
        max-width:92%;
        margin:0;
        color:var(--m-text-2);
        font-size:10.5px;
        line-height:1.4;
    }

    #pa-app .pa-mobile-detail-grid{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:9px;
    }

    #pa-app .pa-mobile-detail{
        min-width:0;
        display:flex;
        align-items:center;
        gap:8px;
    }

    #pa-app .pa-mobile-detail .ic{
        width:26px;
        height:26px;
        flex:none;
        border:1px solid var(--m-border);
        border-radius:7px;
        display:flex;
        align-items:center;
        justify-content:center;
        color:var(--m-text-2);
        font-size:9px;
        font-weight:700;
    }

    #pa-app .pa-mobile-detail div{
        min-width:0;
    }

    #pa-app .pa-mobile-detail small,
    #pa-app .pa-mobile-detail strong{
        display:block;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

    #pa-app .pa-mobile-detail small{
        color:var(--m-text-3);
        font-size:8.5px;
    }

    #pa-app .pa-mobile-detail strong{
        margin-top:1px;
        color:var(--m-text);
        font-size:11px;
        font-weight:700;
    }

    #pa-app .pa-mobile-btn-row{
        display:flex;
        gap:8px;
        margin-top:11px;
    }

    #pa-app .pa-mobile-btn{
        flex:1;
        min-width:0;
        height:35px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0 9px;
        border-radius:8px;
        font-size:10.5px;
        font-weight:700;
        text-decoration:none;
    }

    #pa-app .pa-mobile-btn-primary{
        background:var(--m-accent);
        color:#080b12;
    }

    #pa-app .pa-mobile-btn-ghost{
        border:1px solid var(--m-border-strong);
        background:transparent;
        color:var(--m-text-2);
    }

    #pa-app .pa-mobile-btn:disabled,
    #pa-app .pa-mobile-btn.is-disabled{
        opacity:.4 !important;
        cursor:not-allowed !important;
        pointer-events:none !important;
        filter:grayscale(.2);
    }

    #pa-app .pa-mobile-accordion-toggle{
        cursor:pointer;
        margin-bottom:0;
    }

    #pa-app .pa-mobile-accordion.is-open .pa-mobile-accordion-toggle{
        margin-bottom:7px;
    }

    #pa-app .pa-mobile-accordion-count{
        flex:none;
        color:var(--m-text-3);
        font-size:9px;
    }

    #pa-app .pa-mobile-accordion-count b{
        display:inline-block;
        margin-left:2px;
        color:var(--m-text-3);
        font-size:14px;
        line-height:0;
        transition:transform .18s ease;
    }

    #pa-app .pa-mobile-accordion.is-open .pa-mobile-accordion-count b{
        transform:rotate(90deg);
    }

    #pa-app .pa-mobile-accordion-body{
        display:none;
    }

    #pa-app .pa-mobile-accordion.is-open .pa-mobile-accordion-body{
        display:block;
    }

    #pa-app .pa-mobile-benefit{
        display:flex;
        align-items:center;
        gap:8px;
        padding:7px 0;
        border-bottom:1px solid var(--m-border);
        color:var(--m-text);
        font-size:10.5px;
        line-height:1.25;
    }

    #pa-app .pa-mobile-benefit:last-child{
        border-bottom:0;
    }

    #pa-app .pa-mobile-benefit span{
        width:25px;
        height:25px;
        flex:none;
        border-radius:7px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:var(--m-blue-soft);
        color:var(--m-blue);
        font-size:12px;
        font-weight:800;
    }

    #pa-app .pa-mobile-hist-row{
        min-width:0;
        display:grid;
        grid-template-columns:1fr auto auto;
        gap:7px;
        align-items:center;
        padding:7px 0;
        border-bottom:1px solid var(--m-border);
        color:inherit;
        text-decoration:none;
        font-size:10px;
    }

    #pa-app .pa-mobile-hist-row:last-child{
        border-bottom:0;
    }

    #pa-app .pa-mobile-hist-row span{
        color:var(--m-text-2);
    }

    #pa-app .pa-mobile-hist-row strong{
        color:var(--m-text);
        font-size:10.5px;
    }

    #pa-app .pa-mobile-hist-row em,
    #pa-app .pa-mobile-order-right em{
        padding:3px 7px;
        border-radius:999px;
        background:var(--m-green-soft);
        color:var(--m-green);
        font-size:8px;
        font-style:normal;
        font-weight:700;
        white-space:nowrap;
    }

    #pa-app .pa-mobile-order-row{
        min-width:0;
        display:flex;
        align-items:center;
        gap:9px;
        padding:9px 0;
        border-bottom:1px solid var(--m-border);
        color:inherit;
        text-decoration:none;
    }

    #pa-app .pa-mobile-order-row:last-child{
        border-bottom:0;
    }

    #pa-app .pa-mobile-order-text{
        flex:1;
        min-width:0;
    }

    #pa-app .pa-mobile-order-text strong,
    #pa-app .pa-mobile-order-text small{
        display:block;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

    #pa-app .pa-mobile-order-text strong{
        font-size:11.5px;
    }

    #pa-app .pa-mobile-order-text small{
        margin-top:2px;
        color:var(--m-text-3);
        font-size:9px;
    }

    #pa-app .pa-mobile-order-right{
        flex:none;
        display:flex;
        flex-direction:column;
        align-items:flex-end;
        gap:3px;
    }

    #pa-app .pa-mobile-order-right strong{
        color:var(--m-text);
        font-size:11px;
    }

    #pa-app .pa-mobile-order-right em{
        max-width:90px;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    #pa-app .pa-mobile-pay-row{
        display:flex;
        align-items:center;
        gap:10px;
    }

    #pa-app .pa-mobile-card-chip{
        width:38px;
        height:24px;
        flex:none;
        border-radius:5px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:#1c2c5c;
        color:#fff;
        font-size:7.5px;
        font-weight:800;
        letter-spacing:.3px;
    }

    #pa-app .pa-mobile-pay-row strong{
        display:block;
        font-size:11.5px;
    }

    #pa-app .pa-mobile-pay-row small{
        display:block;
        margin-top:1px;
        color:var(--m-text-3);
        font-size:9px;
    }

    #pa-app .pa-mobile-settings{
        padding:2px 13px;
    }

    #pa-app .pa-mobile-setting{
        min-width:0;
        display:flex;
        align-items:center;
        gap:10px;
        padding:10px 0;
        border-bottom:1px solid var(--m-border);
        color:var(--m-text);
        text-decoration:none;
    }

    #pa-app .pa-mobile-setting:last-child{
        border-bottom:0;
    }

    #pa-app .pa-mobile-setting .ic{
        width:30px;
        height:30px;
        flex:none;
        border:1px solid var(--m-border);
        border-radius:8px;
        display:flex;
        align-items:center;
        justify-content:center;
        color:var(--m-text-2);
        font-size:14px;
    }

    #pa-app .pa-mobile-setting > span:nth-child(2){
        flex:1;
        min-width:0;
    }

    #pa-app .pa-mobile-setting strong,
    #pa-app .pa-mobile-setting small{
        display:block;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

    #pa-app .pa-mobile-setting strong{
        font-size:11.5px;
        font-weight:700;
    }

    #pa-app .pa-mobile-setting small{
        margin-top:1px;
        color:var(--m-text-3);
        font-size:9px;
    }

    #pa-app .pa-mobile-setting > b{
        flex:none;
        color:var(--m-text-3);
        font-size:17px;
        font-weight:400;
    }

    #pa-app .pa-mobile-setting.is-danger{
        color:var(--m-red);
    }

    #pa-app .pa-mobile-tabbar{
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        z-index:5;
        display:grid;
        grid-template-columns:repeat(5,1fr);
        padding:7px 6px calc(8px + env(safe-area-inset-bottom));
        border-top:1px solid var(--m-border);
        background:var(--m-bg);
    }

    #pa-app .pa-mobile-tabbar button{
        min-width:0;
        padding:4px 0;
        border:0;
        background:transparent;
        color:var(--m-text-3);
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:3px;
        font:600 8.5px/1.2 Inter,Arial,sans-serif;
        cursor:pointer;
    }

    #pa-app .pa-mobile-tabbar button svg{
        width:18px;
        height:18px;
    }

    #pa-app .pa-mobile-tabbar button.is-active{
        color:var(--m-accent);
    }

    @media(max-width:360px){
        #pa-app .pa-mobile-content{
            padding-left:11px;
            padding-right:11px;
        }
        #pa-app .pa-mobile-quick{
            min-height:60px;
        }
        #pa-app .pa-mobile-card{
            padding:11px;
        }
        #pa-app .pa-mobile-quick > span:last-child{
            font-size:8px;
        }
    }
}



@media (max-width: 600px) {
    :root {
        --pa-bg: #07090e;
        --pa-bg-2: #0b0e15;
        --pa-card: #0d1119;
        --pa-card-2: #11151e;
        --pa-border: rgba(255,255,255,.10);
        --pa-border-gold: rgba(224,177,76,.48);
        --pa-gold: #e6b94f;
        --pa-gold-light: #f4d477;
        --pa-text: #f5f5f7;
        --pa-muted: #8991a7;
        --pa-muted-2: #667086;
        --pa-green: #51e39a;
        --pa-radius: 18px;
        --pa-radius-small: 14px;
        --pa-mobile-nav-h: 68px;
        --pa-mobile-gap: 9px;
        --pa-mobile-radius: 14px;
    }

    #pa-app {
        background:
            radial-gradient(circle at 80% 0%, rgba(230,185,79,.055), transparent 32%),
            linear-gradient(180deg, #07090e 0%, #070a10 100%) !important;
        min-height: 100vh;
        overflow-x: hidden !important;
    }

    #pa-app .pa-mobile-app {
        background: transparent !important;
        color: var(--pa-text);
        overflow-x: hidden !important;
    }

    
    #pa-app .pa-mobile-content {
        position: relative;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 600px;
        max-height: 600px;
        margin: 0;
        padding: 80px 10px 10px;
        box-sizing: border-box;
        overflow: hidden !important;
    }

    #pa-app .pa-mobile-panel {
        position: relative;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 100%;
        margin: 0 !important;
        padding: 0;
        box-sizing: border-box;
        overflow: hidden !important;
    }

    #pa-app .pa-mobile-panel:not(.is-active) { display: none; }

    #pa-app .pa-mobile-panel[data-mobile-panel="suscripcion"],
    #pa-app .pa-mobile-panel[data-mobile-panel="compras"],
    #pa-app .pa-mobile-panel[data-mobile-panel="pagos"],
    #pa-app .pa-mobile-panel[data-mobile-panel="cuenta"] {
        top: 0 !important;
        margin-top: 0 !important;
    }

    #pa-app .pa-mobile-panel *,
    #pa-app .pa-mobile-panel *::before,
    #pa-app .pa-mobile-panel *::after { box-sizing: border-box; max-width: 100%; }

    #pa-app .pa-mobile-hello { width:100%; margin:0 0 11px; gap:9px; }
    #pa-app .pa-mobile-hello-avatar { width:48px; height:48px; min-width:48px; }
    #pa-app .pa-mobile-hello-avatar img { border-width:2px; }
    #pa-app .pa-mobile-hello h2 { margin-bottom:2px; font-size:19px; line-height:1.1; letter-spacing:-.35px; }
    #pa-app .pa-mobile-hello p { font-size:10px; line-height:1.2; }

    #pa-app .pa-mobile-stat-row { width:100%; margin-bottom:var(--pa-mobile-gap); border-radius:13px; }
    #pa-app .pa-mobile-stat { min-height:63px; padding:9px 11px; }
    #pa-app .pa-mobile-stat small { margin-bottom:3px; font-size:9px; }
    #pa-app .pa-mobile-stat strong { font-size:14px; line-height:1.1; }

    #pa-app .pa-mobile-quick-grid { width:100%; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-bottom:var(--pa-mobile-gap); }
    #pa-app .pa-mobile-quick { width:100%; min-width:0; min-height:78px; padding:7px 3px; gap:5px; border-radius:11px; }
    #pa-app .pa-mobile-quick-icon { width:34px; height:34px; min-width:34px; }
    #pa-app .pa-mobile-quick-icon svg { width:17px; height:17px; }
    #pa-app .pa-mobile-quick > span:last-child { font-size:9px; line-height:1.05; white-space:normal; }

    #pa-app .pa-mobile-card { width:100%; max-width:100%; margin-bottom:var(--pa-mobile-gap); padding:11px; border-radius:var(--pa-mobile-radius); }
    #pa-app .pa-mobile-card-title { width:100%; margin-bottom:9px; gap:6px; }
    #pa-app .pa-mobile-card-title h2 { min-width:0; gap:7px; font-size:14px; line-height:1.1; }
    #pa-app .pa-mobile-card-icon { width:30px; height:30px; min-width:30px; border-radius:9px; }
    #pa-app .pa-mobile-card-icon svg { width:16px; height:16px; }
    #pa-app .pa-mobile-link { min-height:28px; padding:0 9px; font-size:9px; }
    #pa-app .pa-mobile-link span { font-size:14px; }
    #pa-app .pa-mobile-empty { padding:15px 5px 10px; font-size:10px; line-height:1.35; }

    #pa-app .pa-mobile-plan-hero { width:100%; margin-bottom:var(--pa-mobile-gap); padding:12px 13px 13px; border-radius:14px; }
    #pa-app .pa-mobile-plan-top { margin-bottom:6px; }
    #pa-app .pa-mobile-plan-badge { font-size:9px; }
    #pa-app .pa-mobile-pill { padding:3px 7px; font-size:8px; }
    #pa-app .pa-mobile-pill i { width:5px; height:5px; }
    #pa-app .pa-mobile-plan-icon { width:34px; height:34px; margin-bottom:6px; border-radius:9px; }
    #pa-app .pa-mobile-plan-icon svg { width:19px; height:19px; }
    #pa-app .pa-mobile-plan-hero h2 { margin-bottom:3px; font-size:20px; line-height:1; }
    #pa-app .pa-mobile-plan-hero p { font-size:9px; line-height:1.25; }

    #pa-app .pa-mobile-detail-grid { width:100%; grid-template-columns:1fr 1fr; border-radius:10px; }
    #pa-app .pa-mobile-detail { min-width:0; gap:7px; padding:8px 7px; min-height:46px; }
    #pa-app .pa-mobile-detail .ic { width:24px; height:24px; min-width:24px; border-radius:7px; font-size:7px; }
    #pa-app .pa-mobile-detail small { margin-bottom:1px; font-size:7px; }
    #pa-app .pa-mobile-detail strong { font-size:9px; line-height:1.05; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

    #pa-app .pa-mobile-btn-row { width:100%; gap:6px; margin-top:8px; }
    #pa-app .pa-mobile-btn { width:100%; min-width:0; min-height:32px; padding:0 7px; border-radius:8px; font-size:9px; }

    #pa-app .pa-mobile-accordion { width:100%; padding:0; }
    #pa-app .pa-mobile-accordion .pa-mobile-card-title { min-height:48px; padding:7px 10px; margin:0; }
    #pa-app .pa-mobile-accordion .pa-mobile-card-title h2 { font-size:12px; }
    #pa-app .pa-mobile-accordion-count { font-size:9px; }
    #pa-app .pa-mobile-accordion-count b { font-size:16px; }
    #pa-app .pa-mobile-accordion-body { padding:0 10px 9px; }
    #pa-app .pa-mobile-benefit { min-height:30px; padding:6px 0; gap:6px; font-size:9px; line-height:1.15; }
    #pa-app .pa-mobile-benefit span { width:18px; height:18px; min-width:18px; font-size:9px; }

    #pa-app .pa-mobile-pay-row { width:100%; padding:9px; gap:8px; border-radius:9px; }
    #pa-app .pa-mobile-card-chip { width:32px; height:23px; min-width:32px; border-radius:5px; font-size:7px; }
    #pa-app .pa-mobile-pay-row strong { font-size:9px; }
    #pa-app .pa-mobile-pay-row small { margin-top:2px; font-size:7px; }

    #pa-app .pa-mobile-settings { padding:2px 9px; }
    #pa-app .pa-mobile-setting { grid-template-columns:31px minmax(0,1fr) 14px; gap:7px; min-height:47px; }
    #pa-app .pa-mobile-setting .ic { width:28px; height:28px; border-radius:8px; font-size:12px; }
    #pa-app .pa-mobile-setting strong { font-size:10px; line-height:1.1; }
    #pa-app .pa-mobile-setting small { margin-top:2px; font-size:7px; line-height:1.1; }
    #pa-app .pa-mobile-setting > b { font-size:17px; }

    #pa-app .pa-mobile-tabbar { height:var(--pa-mobile-nav-h); padding:5px 5px calc(5px + env(safe-area-inset-bottom)); }
    #pa-app .pa-mobile-tab { gap:2px; font-size:8px; }
    #pa-app .pa-mobile-tab svg { width:19px; height:19px; }
    #pa-app .pa-mobile-tab.is-active::after { width:30px; height:2px; }

    
    @media (max-height:700px) {
        #pa-app .pa-mobile-content { height:600px; max-height:600px; padding-top:7px; }
        #pa-app .pa-mobile-hello { margin-bottom:7px; }
        #pa-app .pa-mobile-hello-avatar { width:43px; height:43px; min-width:43px; }
        #pa-app .pa-mobile-hello h2 { font-size:17px; }
        #pa-app .pa-mobile-quick { min-height:68px; }
        #pa-app .pa-mobile-quick-icon { width:30px; height:30px; min-width:30px; }
        #pa-app .pa-mobile-stat { min-height:56px; }
        #pa-app .pa-mobile-card { margin-bottom:6px; padding:9px; }
        #pa-app .pa-mobile-plan-hero { padding:9px 11px; margin-bottom:6px; }
        #pa-app .pa-mobile-plan-icon { width:29px; height:29px; margin-bottom:4px; }
        #pa-app .pa-mobile-plan-hero h2 { font-size:18px; }
        #pa-app .pa-mobile-detail { min-height:40px; padding:6px; }
        #pa-app .pa-mobile-btn { min-height:28px; }
        #pa-app .pa-mobile-accordion .pa-mobile-card-title { min-height:41px; }
        #pa-app .pa-mobile-setting { min-height:42px; }
    }

    #pa-app img, #pa-app svg, #pa-app button, #pa-app a { max-width:100%; }
}



@media (max-width: 600px) {
    #pa-app .pa-mobile-accordion {
        position:relative;
        width:100%;
        max-width:100%;
        padding:0;
        overflow:hidden;
    }

    #pa-app .pa-mobile-accordion .pa-mobile-accordion-toggle {
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        min-height:50px;
        margin:0;
        padding:8px 10px;
        border:0;
        border-radius:inherit;
        background:transparent;
        color:inherit;
        text-align:left;
        cursor:pointer;
        appearance:none;
        -webkit-appearance:none;
    }

    #pa-app .pa-mobile-accordion .pa-mobile-accordion-toggle h2 {
        margin:0;
        display:flex;
        align-items:center;
        min-width:0;
    }

    #pa-app .pa-mobile-accordion .pa-mobile-accordion-count b {
        transform:none !important;
        transition:transform .18s ease;
    }

    #pa-app .pa-mobile-accordion .pa-mobile-accordion-body {
        display:none !important;
    }

    #pa-app .pa-mobile-action-overlay {
        position:fixed;
        inset:0;
        z-index:999999;
        display:flex;
        align-items:flex-end;
        justify-content:center;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity .18s ease, visibility .18s ease;
    }

    #pa-app .pa-mobile-action-overlay.is-open {
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    #pa-app .pa-mobile-action-backdrop {
        position:absolute;
        inset:0;
        background:rgba(0,0,0,.68);
        backdrop-filter:blur(3px);
        -webkit-backdrop-filter:blur(3px);
    }

    #pa-app .pa-mobile-action-sheet {
        position:relative;
        width:min(100%, 520px);
        max-height:calc(100vh - 34px);
        margin:0 auto;
        padding:10px 10px 14px;
        box-sizing:border-box;
        overflow:hidden;
        border:1px solid var(--pa-border, rgba(255,255,255,.09));
        border-bottom:0;
        border-radius:16px 16px 0 0;
        background:var(--pa-card, #11151d);
        box-shadow:0 -18px 50px rgba(0,0,0,.38);
        transform:translateY(22px);
        transition:transform .2s ease;
        outline:none;
    }

    #pa-app .pa-mobile-action-overlay.is-open .pa-mobile-action-sheet {
        transform:translateY(0);
    }

    #pa-app .pa-mobile-action-head {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        min-height:42px;
        padding:0 2px 7px;
        border-bottom:1px solid var(--pa-border, rgba(255,255,255,.09));
    }

    #pa-app .pa-mobile-action-title {
        min-width:0;
        flex:1;
    }

    #pa-app .pa-mobile-action-title h2 {
        display:flex;
        align-items:center;
        gap:7px;
        margin:0;
        color:var(--pa-text, #fff);
        font-size:14px;
        line-height:1.15;
    }

    #pa-app .pa-mobile-action-title .pa-mobile-card-icon {
        flex:none;
    }

    #pa-app .pa-mobile-action-close {
        flex:none;
        width:30px;
        height:30px;
        padding:0;
        border:1px solid var(--pa-border, rgba(255,255,255,.09));
        border-radius:50%;
        background:var(--pa-card-2, #171c25);
        color:var(--pa-text, #fff);
        font-size:22px;
        font-weight:300;
        line-height:28px;
        cursor:pointer;
    }

    #pa-app .pa-mobile-action-body {
        max-height:calc(100vh - 104px);
        padding:7px 2px 0;
        overflow-y:auto;
        overflow-x:hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    #pa-app .pa-mobile-action-body::-webkit-scrollbar { display:none; }

    #pa-app .pa-mobile-action-body .pa-mobile-benefit {
        min-height:36px;
        padding:7px 2px;
        font-size:10px;
    }

    #pa-app .pa-mobile-action-body .pa-mobile-hist-row {
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:3px 8px;
        padding:9px 2px;
    }

    html.pa-mobile-modal-open,
    body.pa-mobile-modal-open {
        overflow:hidden !important;
    }
}


@media (max-width:600px){
    #pa-app .pa-mobile-app{
        --m-bg:#060910;
        --m-bg-1:#0b1018;
        --m-bg-2:#111722;
        --m-border:rgba(154,168,201,.18);
        --m-border-strong:rgba(216,169,76,.52);
        --m-text:#f3f5fa;
        --m-text-2:#929cb5;
        --m-text-3:#69748c;
        --m-accent:#e2b653;
        --m-accent-soft:rgba(226,182,83,.12);
        --m-green:#45e39a;
        --m-green-soft:rgba(69,227,154,.12);
        background:#060910;
    }

    #pa-app .pa-mobile-content{
        flex:1 1 auto !important;
        height:auto !important;
        max-height:none !important;
        min-height:0 !important;
        padding:18px 18px 104px !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        scrollbar-width:none;
    }

    #pa-app .pa-mobile-content::-webkit-scrollbar{display:none;}

    #pa-app .pa-mobile-panel{
        width:100%;
        max-width:760px;
        margin:0 auto;
    }

    
    #pa-app .pa-mobile-hello{
        position:relative;
        display:grid;
        grid-template-columns:68px minmax(0,1fr) 42px;
        align-items:center;
        gap:14px;
        min-height:84px;
        padding:3px 1px 18px !important;
        margin:0 !important;
    }

    #pa-app .pa-mobile-hello-avatar{
        width:68px !important;
        height:68px !important;
        min-width:68px !important;
        border:2px solid var(--m-accent);
        border-radius:50%;
        padding:3px;
        background:#171b24;
        box-shadow:0 0 0 1px rgba(226,182,83,.12),0 7px 24px rgba(0,0,0,.28);
        overflow:hidden;
    }

    #pa-app .pa-mobile-hello-avatar img{
        width:100%;
        height:100%;
        display:block;
        border-radius:50%;
        object-fit:cover;
    }

    #pa-app .pa-mobile-hello-copy{min-width:0;}

    #pa-app .pa-mobile-hello h2{
        margin:0 !important;
        color:#f5f6f9;
        font-size:27px !important;
        line-height:1.08 !important;
        letter-spacing:-.6px;
        font-weight:800;
    }

    #pa-app .pa-mobile-hello p{
        display:flex;
        align-items:center;
        gap:7px;
        margin:7px 0 0 !important;
        color:#8e98b1;
        font-size:14px !important;
        line-height:1.25;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    #pa-app .pa-mobile-calendar-icon{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:19px;
        height:19px;
        flex:none;
        color:var(--m-text-2);
        font-size:22px;
        line-height:1;
        transform:rotate(180deg);
    }

    #pa-app .pa-mobile-settings-button{
        width:42px;
        height:42px;
        display:flex;
        align-items:center;
        justify-content:center;
        border:0;
        border-radius:50%;
        color:#aeb8d0;
        background:transparent;
        text-decoration:none;
        transition:background .18s ease,color .18s ease,transform .18s ease;
    }

    #pa-app .pa-mobile-settings-button svg{width:29px;height:29px;}
    #pa-app .pa-mobile-settings-button:active{background:rgba(255,255,255,.06);transform:scale(.94);}

    
    #pa-app .pa-mobile-current-plan{
        position:relative;
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(145px,.82fr);
        align-items:center;
        min-height:142px;
        margin:0 0 22px !important;
        padding:24px 25px;
        border:1px solid rgba(226,182,83,.58);
        border-radius:17px;
        background:#10151e;
        box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 10px 30px rgba(0,0,0,.20);
        overflow:hidden;
    }

    #pa-app .pa-mobile-current-plan::after{
        content:"";
        position:absolute;
        right:-55px;
        top:-75px;
        width:210px;
        height:250px;
        border-left:1px solid rgba(226,182,83,.18);
        background:rgba(226,182,83,.035);
        transform:rotate(31deg);
        pointer-events:none;
    }

    #pa-app .pa-mobile-current-plan-left{
        min-width:0;
        display:flex;
        align-items:center;
        gap:18px;
    }

    #pa-app .pa-mobile-current-plan-icon{
        width:80px;
        height:80px;
        min-width:80px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:19px;
        color:var(--m-accent);
        background:rgba(226,182,83,.08);
    }

    #pa-app .pa-mobile-current-plan-icon svg{width:48px;height:48px;}

    #pa-app .pa-mobile-current-plan-info{min-width:0;}

    #pa-app .pa-mobile-current-plan-info small{
        display:block;
        margin:0 0 4px;
        color:#8e98b1;
        font-size:14px;
        line-height:1.2;
    }

    #pa-app .pa-mobile-current-plan-info strong{
        display:block;
        color:#f4f5f8;
        font-size:27px;
        line-height:1.05;
        font-weight:800;
        letter-spacing:-.5px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    #pa-app .pa-mobile-current-plan-status{
        display:inline-flex;
        align-items:center;
        gap:7px;
        margin-top:11px;
        padding:5px 12px;
        border:1px solid rgba(69,227,154,.75);
        border-radius:999px;
        background:rgba(69,227,154,.07);
        color:var(--m-green);
        font-size:13px;
        line-height:1;
        font-weight:700;
    }

    #pa-app .pa-mobile-current-plan-status i{
        width:7px;height:7px;display:block;border-radius:50%;background:currentColor;
        box-shadow:0 0 7px rgba(69,227,154,.45);
    }

    #pa-app .pa-mobile-current-plan-status.is-warn{
        border-color:rgba(240,120,90,.6);
        background:rgba(240,120,90,.08);
        color:#f0785a;
    }

    #pa-app .pa-mobile-current-plan-renewal{
        position:relative;
        z-index:1;
        min-width:0;
        padding-left:30px;
        border-left:1px solid rgba(154,168,201,.35);
    }

    #pa-app .pa-mobile-current-plan-renewal small{
        display:flex;
        align-items:center;
        gap:9px;
        margin-bottom:9px;
        color:#8e98b1;
        font-size:14px;
        line-height:1.2;
        white-space:nowrap;
    }

    #pa-app .pa-mobile-current-plan-renewal small span{
        color:var(--m-accent);
        font-size:22px;
        line-height:1;
    }

    #pa-app .pa-mobile-current-plan-renewal strong{
        display:block;
        color:#f4f5f8;
        font-size:26px;
        line-height:1.05;
        font-weight:800;
        letter-spacing:-.4px;
        white-space:nowrap;
    }

    
    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] .pa-mobile-stat-row{display:none !important;}

    
    #pa-app .pa-mobile-quick-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:14px;
        margin:0 0 28px !important;
    }

    #pa-app .pa-mobile-quick{
        min-height:184px !important;
        padding:20px 10px 16px !important;
        justify-content:center;
        gap:17px;
        border:1px solid rgba(154,168,201,.22);
        border-radius:17px;
        background:#0c111a;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 8px 22px rgba(0,0,0,.12);
        color:#f1f3f8;
    }

    #pa-app .pa-mobile-quick:active{
        border-color:rgba(226,182,83,.52);
        background:#101620;
        transform:translateY(1px);
    }

    #pa-app .pa-mobile-quick-icon{
        width:76px !important;
        height:76px !important;
        min-width:76px !important;
        border:1px solid rgba(226,182,83,.26);
        border-radius:50%;
        background:rgba(226,182,83,.07);
        color:var(--m-accent);
        box-shadow:inset 0 0 0 8px rgba(226,182,83,.018);
    }

    #pa-app .pa-mobile-quick-icon svg{width:38px !important;height:38px !important;}

    #pa-app .pa-mobile-quick > span:last-child{
        display:block;
        max-width:100%;
        color:#eef1f7;
        font-size:16px !important;
        line-height:1.05 !important;
        font-weight:750;
        white-space:normal;
    }

    
    #pa-app .pa-mobile-purchases-card{
        min-height:430px;
        padding:25px 27px !important;
        margin-bottom:29px !important;
        border-color:rgba(154,168,201,.22);
        border-radius:17px;
        background:#0b1018;
    }

    #pa-app .pa-mobile-card-title{margin-bottom:0 !important;}

    #pa-app .pa-mobile-card-title h2{
        gap:13px;
        color:#f3f5f9;
        font-size:21px !important;
        line-height:1.15;
        font-weight:800;
    }

    #pa-app .pa-mobile-card-icon{
        width:58px !important;
        height:58px !important;
        min-width:58px;
        border:1px solid rgba(226,182,83,.18);
        border-radius:16px;
        background:rgba(226,182,83,.055);
        color:var(--m-accent);
    }

    #pa-app .pa-mobile-card-icon svg{width:30px !important;height:30px !important;}

    #pa-app .pa-mobile-link{
        min-height:51px;
        padding:0 21px;
        border:1px solid rgba(226,182,83,.82);
        border-radius:999px;
        color:#e2b653;
        font-size:16px !important;
        font-weight:750;
    }

    #pa-app .pa-mobile-link span{font-size:23px !important;margin-left:4px;}

    #pa-app .pa-mobile-purchases-empty{
        min-height:330px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
        padding:25px 20px 12px;
    }

    #pa-app .pa-mobile-purchases-empty-icon{
        width:116px;
        height:116px;
        display:flex;
        align-items:center;
        justify-content:center;
        margin-bottom:20px;
        border:1px solid rgba(154,168,201,.15);
        border-radius:50%;
        color:#aeb5c7;
        background:#151b25;
        box-shadow:inset 0 0 0 13px rgba(255,255,255,.012),0 8px 28px rgba(0,0,0,.25);
    }

    #pa-app .pa-mobile-purchases-empty-icon svg{width:58px;height:58px;}

    #pa-app .pa-mobile-purchases-empty strong{
        color:#f1f3f8;
        font-size:25px;
        line-height:1.15;
        font-weight:800;
    }

    #pa-app .pa-mobile-purchases-empty p{
        max-width:560px;
        margin:12px auto 0;
        color:#8c96ae;
        font-size:16px;
        line-height:1.45;
    }

    
    #pa-app .pa-mobile-summary-card{
        position:relative;
        overflow:hidden;
        margin-bottom:25px;
        padding:25px 27px 28px;
        border:1px solid rgba(226,182,83,.35);
        border-radius:17px;
        background:#10151e;
    }

    #pa-app .pa-mobile-summary-card::after{
        content:"";
        position:absolute;
        width:220px;height:250px;
        right:-65px;top:-105px;
        border-left:1px solid rgba(226,182,83,.14);
        background:rgba(226,182,83,.028);
        transform:rotate(32deg);
        pointer-events:none;
    }

    #pa-app .pa-mobile-summary-head{
        position:relative;
        z-index:1;
        display:flex;
        align-items:center;
        gap:14px;
        margin-bottom:25px;
    }

    #pa-app .pa-mobile-summary-icon{
        width:62px;height:62px;min-width:62px;
        display:flex;align-items:center;justify-content:center;
        border:1px solid rgba(154,168,201,.18);
        border-radius:17px;
        background:#151b24;
        color:var(--m-accent);
    }

    #pa-app .pa-mobile-summary-icon svg{width:34px;height:34px;}

    #pa-app .pa-mobile-summary-head strong{
        display:block;
        color:#f1f3f8;
        font-size:20px;
        line-height:1.15;
        font-weight:800;
    }

    #pa-app .pa-mobile-summary-head p{
        margin:5px 0 0;
        color:#8c96ae;
        font-size:14px;
        line-height:1.25;
    }

    #pa-app .pa-mobile-summary-grid{
        position:relative;
        z-index:1;
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

    #pa-app .pa-mobile-summary-grid > div{
        min-width:0;
        padding:0 18px;
        border-left:1px solid rgba(154,168,201,.18);
    }

    #pa-app .pa-mobile-summary-grid > div:first-child{border-left:0;padding-left:0;}
    #pa-app .pa-mobile-summary-grid > div:last-child{padding-right:0;}

    #pa-app .pa-mobile-summary-grid span{
        width:31px;height:31px;
        display:flex;align-items:center;justify-content:center;
        margin-bottom:9px;
        border:1px solid rgba(226,182,83,.78);
        border-radius:50%;
        color:var(--m-accent);
        font-size:16px;
        font-weight:800;
    }

    #pa-app .pa-mobile-summary-grid strong{
        display:block;
        color:#aeb7ca;
        font-size:13px;
        line-height:1.3;
        font-weight:500;
    }

    
    #pa-app .pa-mobile-summary-card--nosub{
        display:flex;
        flex-direction:column;
    }

    #pa-app .pa-mobile-summary-nosub-head{
        position:relative;
        z-index:1;
        display:flex;
        align-items:flex-start;
        gap:14px;
        margin-bottom:16px;
    }

    #pa-app .pa-mobile-summary-icon--crown{
        color:var(--m-accent);
    }

    #pa-app .pa-mobile-summary-nosub-copy strong{
        display:block;
        color:#f1f3f8;
        font-size:17px;
        line-height:1.28;
        font-weight:700;
    }

    #pa-app .pa-mobile-summary-nosub-copy strong b{
        color:var(--m-accent);
        font-weight:800;
    }

    #pa-app .pa-mobile-summary-nosub-copy p{
        margin:6px 0 0;
        color:#8c96ae;
        font-size:12.5px;
        line-height:1.4;
    }

    #pa-app .pa-mobile-summary-nosub-cta{
        position:relative;
        z-index:1;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        width:100%;
        height:44px;
        margin-bottom:20px;
        border-radius:12px;
        background:linear-gradient(135deg,#f3c876,var(--m-accent) 70%);
        color:#141008;
        font-size:13px;
        font-weight:800;
        text-decoration:none;
        box-shadow:0 12px 26px -14px rgba(226,182,83,.7);
        transition:transform .16s ease, box-shadow .16s ease;
    }

    #pa-app .pa-mobile-summary-nosub-cta:active{
        transform:scale(.98);
        box-shadow:0 6px 16px -10px rgba(226,182,83,.6);
    }

    #pa-app .pa-mobile-summary-nosub-cta svg{width:15px;height:15px;flex:none;}

    #pa-app .pa-mobile-summary-nosub-grid{
        position:relative;
        z-index:1;
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:10px;
    }

    #pa-app .pa-mobile-summary-nosub-grid > div{
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
        min-width:0;
    }

    #pa-app .pa-mobile-summary-nosub-grid span{
        width:38px;height:38px;
        display:flex;align-items:center;justify-content:center;
        margin-bottom:8px;
        border:1px solid rgba(226,182,83,.4);
        border-radius:50%;
        background:rgba(226,182,83,.06);
        color:var(--m-accent);
    }

    #pa-app .pa-mobile-summary-nosub-grid span svg{width:17px;height:17px;}

    #pa-app .pa-mobile-summary-nosub-grid strong{
        display:block;
        color:#aeb7ca;
        font-size:10.5px;
        line-height:1.25;
        font-weight:600;
    }

    
    #pa-app .pa-mobile-tabbar{
        position:absolute !important;
        left:0;right:0;bottom:0;
        z-index:50;
        height:94px !important;
        padding:12px 22px calc(8px + env(safe-area-inset-bottom)) !important;
        border-top:1px solid rgba(154,168,201,.17);
        background:#080c13;
        box-shadow:0 -10px 28px rgba(0,0,0,.18);
    }

    #pa-app .pa-mobile-tabbar button,
    #pa-app .pa-mobile-tabbar > button{
        position:relative;
        min-height:70px;
        border:0;
        background:transparent;
        color:#858fa8;
        gap:6px;
    }

    #pa-app .pa-mobile-tabbar button svg{width:32px;height:32px;}
    #pa-app .pa-mobile-tabbar button span{font-size:14px;font-weight:600;}

    #pa-app .pa-mobile-tabbar button.is-active{color:var(--m-accent);}

    #pa-app .pa-mobile-tabbar button.is-active::after{
        width:72px !important;
        height:4px !important;
        bottom:-1px !important;
        border-radius:999px;
        background:var(--m-accent);
    }

    
    #pa-app .pa-mobile-panel[data-mobile-panel="suscripcion"] .pa-mobile-card,
    #pa-app .pa-mobile-panel[data-mobile-panel="compras"] .pa-mobile-card,
    #pa-app .pa-mobile-panel[data-mobile-panel="pagos"] .pa-mobile-card,
    #pa-app .pa-mobile-panel[data-mobile-panel="cuenta"] .pa-mobile-card{
        border-radius:17px;
        border-color:rgba(154,168,201,.20);
    }

    
    @media (max-width:430px){
        #pa-app .pa-mobile-content{padding:14px 12px 98px !important;}
        #pa-app .pa-mobile-hello{grid-template-columns:54px minmax(0,1fr) 34px;gap:10px;min-height:68px;}
        #pa-app .pa-mobile-hello-avatar{width:54px !important;height:54px !important;min-width:54px !important;}
        #pa-app .pa-mobile-hello h2{font-size:21px !important;letter-spacing:-.4px;}
        #pa-app .pa-mobile-hello p{font-size:11px !important;margin-top:5px !important;}
        #pa-app .pa-mobile-settings-button{width:34px;height:34px;}
        #pa-app .pa-mobile-settings-button svg{width:25px;height:25px;}

        #pa-app .pa-mobile-current-plan{grid-template-columns:minmax(0,1fr) minmax(120px,.78fr);min-height:113px;padding:17px 14px;margin-bottom:16px !important;border-radius:14px;}
        #pa-app .pa-mobile-current-plan-left{gap:10px;}
        #pa-app .pa-mobile-current-plan-icon{width:55px;height:55px;min-width:55px;border-radius:15px;}
        #pa-app .pa-mobile-current-plan-icon svg{width:34px;height:34px;}
        #pa-app .pa-mobile-current-plan-info small{font-size:10px;margin-bottom:3px;}
        #pa-app .pa-mobile-current-plan-info strong{font-size:18px;}
        #pa-app .pa-mobile-current-plan-status{margin-top:7px;padding:4px 8px;font-size:9px;gap:5px;}
        #pa-app .pa-mobile-current-plan-status i{width:5px;height:5px;}
        #pa-app .pa-mobile-current-plan-renewal{padding-left:13px;}
        #pa-app .pa-mobile-current-plan-renewal small{gap:5px;font-size:9px;margin-bottom:5px;white-space:normal;}
        #pa-app .pa-mobile-current-plan-renewal small span{font-size:16px;}
        #pa-app .pa-mobile-current-plan-renewal strong{font-size:16px;white-space:normal;}

        #pa-app .pa-mobile-quick-grid{gap:7px;margin-bottom:16px !important;}
        #pa-app .pa-mobile-quick{min-height:96px !important;padding:10px 4px 9px !important;gap:8px;border-radius:12px;}
        #pa-app .pa-mobile-quick-icon{width:42px !important;height:42px !important;min-width:42px !important;}
        #pa-app .pa-mobile-quick-icon svg{width:22px !important;height:22px !important;}
        #pa-app .pa-mobile-quick > span:last-child{font-size:10px !important;}

        #pa-app .pa-mobile-purchases-card{min-height:285px;padding:15px !important;margin-bottom:16px !important;border-radius:14px;}
        #pa-app .pa-mobile-card-title h2{font-size:14px !important;gap:7px;}
        #pa-app .pa-mobile-card-icon{width:38px !important;height:38px !important;min-width:38px;border-radius:11px;}
        #pa-app .pa-mobile-card-icon svg{width:20px !important;height:20px !important;}
        #pa-app .pa-mobile-link{min-height:36px;padding:0 12px;font-size:10px !important;}
        #pa-app .pa-mobile-link span{font-size:17px !important;}
        #pa-app .pa-mobile-purchases-empty{min-height:205px;padding:12px 12px 5px;}
        #pa-app .pa-mobile-purchases-empty-icon{width:68px;height:68px;margin-bottom:11px;box-shadow:inset 0 0 0 8px rgba(255,255,255,.012);}
        #pa-app .pa-mobile-purchases-empty-icon svg{width:34px;height:34px;}
        #pa-app .pa-mobile-purchases-empty strong{font-size:16px;}
        #pa-app .pa-mobile-purchases-empty p{margin-top:7px;font-size:10px;line-height:1.4;}

        #pa-app .pa-mobile-summary-card{padding:15px 14px 16px;border-radius:14px;}
        #pa-app .pa-mobile-summary-head{gap:9px;margin-bottom:15px;}
        #pa-app .pa-mobile-summary-icon{width:42px;height:42px;min-width:42px;border-radius:12px;}
        #pa-app .pa-mobile-summary-icon svg{width:24px;height:24px;}
        #pa-app .pa-mobile-summary-head strong{font-size:14px;}
        #pa-app .pa-mobile-summary-head p{font-size:9px;margin-top:3px;}
        #pa-app .pa-mobile-summary-grid > div{padding:0 8px;}
        #pa-app .pa-mobile-summary-grid span{width:21px;height:21px;margin-bottom:5px;font-size:10px;}
        #pa-app .pa-mobile-summary-grid strong{font-size:8px;line-height:1.2;}

        #pa-app .pa-mobile-summary-nosub-head{gap:9px;margin-bottom:13px;}
        #pa-app .pa-mobile-summary-nosub-copy strong{font-size:13.5px;}
        #pa-app .pa-mobile-summary-nosub-copy p{font-size:10.5px;margin-top:4px;}
        #pa-app .pa-mobile-summary-nosub-cta{height:40px;font-size:11.5px;margin-bottom:16px;}
        #pa-app .pa-mobile-summary-nosub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 8px;}
        #pa-app .pa-mobile-summary-nosub-grid span{width:32px;height:32px;margin-bottom:6px;}
        #pa-app .pa-mobile-summary-nosub-grid span svg{width:15px;height:15px;}
        #pa-app .pa-mobile-summary-nosub-grid strong{font-size:9.5px;}

        #pa-app .pa-mobile-tabbar{height:74px !important;padding:5px 5px calc(4px + env(safe-area-inset-bottom)) !important;}
        #pa-app .pa-mobile-tabbar button{min-height:58px;gap:3px;}
        #pa-app .pa-mobile-tabbar button svg{width:22px;height:22px;}
        #pa-app .pa-mobile-tabbar button span{font-size:9px;}
        #pa-app .pa-mobile-tabbar button.is-active::after{width:44px !important;height:3px !important;}
    }
}


@media (max-width:600px){

    #pa-app .pa-mobile-content{
        width:100% !important;
        max-width:none !important;
        height:760px !important;
        min-height:760px !important;
        max-height:760px !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:80px 10px 10px !important;
        overflow:hidden !important;
        display:flex !important;
        flex-direction:column !important;
    }

    #pa-app .pa-mobile-panel{
        width:100% !important;
        max-width:none !important;
        height:100% !important;
        min-height:0 !important;
        max-height:100% !important;
        margin:0 !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    
    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"]{
        display:grid !important;
        grid-template-rows:auto auto auto minmax(0,1fr) auto !important;
        gap:10px !important;
        align-content:stretch !important;
        overflow:hidden !important;
    }

    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] > *{
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
    }

    
    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] .pa-mobile-hello{
        min-height:0 !important;
        height:auto !important;
        padding:0 1px !important;
    }

    
    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] .pa-mobile-current-plan{
        min-height:0 !important;
        height:auto !important;
    }

    
    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] .pa-mobile-quick-grid{
        min-height:0 !important;
        height:auto !important;
        margin:0 !important;
    }

    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] .pa-mobile-quick{
        min-height:0 !important;
        height:auto !important;
    }

    
    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] .pa-mobile-purchases-card{
        min-height:0 !important;
        height:100% !important;
        margin:0 !important;
        display:flex !important;
        flex-direction:column !important;
        overflow:hidden !important;
    }

    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] .pa-mobile-purchases-empty{
        min-height:0 !important;
        height:auto !important;
        flex:1 1 auto !important;
        overflow:hidden !important;
    }

    
    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] .pa-mobile-summary-card{
        min-height:0 !important;
        height:auto !important;
        margin:0 !important;
        overflow:hidden !important;
    }

    
    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] h2,
    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] strong,
    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] p,
    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] span{
        max-width:100%;
    }

    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] img,
    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] svg{
        max-width:100%;
    }
}



@media (max-width: 600px){

    :root{
        --pa-dashboard-height: 680px;
    }

    #pa-app .pa-mobile-content{
        width: 100% !important;
        max-width: 100% !important;
        height: var(--pa-dashboard-height) !important;
        min-height: var(--pa-dashboard-height) !important;
        max-height: var(--pa-dashboard-height) !important;
        box-sizing: border-box;
        padding: 80px 10px 10px !important;
        overflow: hidden !important;
        display: flex;
        flex-direction: column;
    }

    #pa-app .pa-mobile-panel{
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        box-sizing: border-box;
        overflow: hidden !important;
    }

    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"]{
        display: grid !important;
        grid-template-rows:
            auto
            auto
            auto
            minmax(0, 1fr)
            auto;
        gap: 10px;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        overflow: hidden !important;
    }

    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] .pa-mobile-hello{
        min-height: 0;
    }

    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] .pa-mobile-current-plan{
        min-height: 0;
    }

    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] .pa-mobile-quick-grid{
        min-height: 0;
    }

    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] .pa-mobile-purchases-card{
        min-height: 0 !important;
        height: 100%;
        overflow: hidden !important;
    }

    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"] .pa-mobile-summary-card{
        min-height: 0;
    }

}



@media (max-width:600px){

    #pa-app .pa-mobile-panel:not(.is-active){
        display:none !important;
    }

    #pa-app .pa-mobile-panel[data-mobile-panel="inicio"].is-active{
        display:grid !important;
    }

    #pa-app .pa-mobile-panel[data-mobile-panel="suscripcion"].is-active,
    #pa-app .pa-mobile-panel[data-mobile-panel="compras"].is-active,
    #pa-app .pa-mobile-panel[data-mobile-panel="pagos"].is-active,
    #pa-app .pa-mobile-panel[data-mobile-panel="cuenta"].is-active{
        display:block !important;
    }
}



@media (max-width:600px){
    #pa-app .pa-mobile-panel[hidden]{
        display:none !important;
    }

    #pa-app .pa-mobile-panel:not(.is-active){
        display:none !important;
        visibility:hidden !important;
        pointer-events:none !important;
    }

    #pa-app .pa-mobile-panel.is-active{
        visibility:visible !important;
        pointer-events:auto !important;
    }
}


@media (max-width:600px){
    #pa-app .pa-mobile-internal-panel{
        min-height:180px;
        padding:16px;
        text-align:center;
    }

    #pa-app .pa-mobile-internal-panel .pa-mobile-card-title{
        text-align:left;
    }

    #pa-app .pa-mobile-internal-icon{
        width:54px;
        height:54px;
        margin:18px auto 10px;
        border:1px solid var(--m-border-strong);
        border-radius:16px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:var(--m-bg-2);
        color:var(--m-accent);
    }

    #pa-app .pa-mobile-internal-icon svg{
        width:25px;
        height:25px;
    }

    #pa-app .pa-mobile-internal-panel h3{
        margin:0 0 5px;
        font-size:16px;
        line-height:1.25;
        color:var(--m-text);
    }

    #pa-app .pa-mobile-internal-panel > p{
        max-width:300px;
        margin:0 auto 15px;
        color:var(--m-text-2);
        font-size:11px;
        line-height:1.5;
    }

    #pa-app .pa-mobile-internal-panel .pa-mobile-btn-row{
        justify-content:center;
    }

    #pa-app .pa-mobile-panel.is-active{
        animation:pa-mobile-dashboard-switch .18s ease both;
    }

    @keyframes pa-mobile-dashboard-switch{
        from{opacity:0;transform:translateY(4px)}
        to{opacity:1;transform:translateY(0)}
    }
}



@media (max-width:600px){
    #pa-app .pa-mobile-panel,
    #pa-app .pa-mobile-panel:focus,
    #pa-app .pa-mobile-panel:focus-visible,
    #pa-app .pa-mobile-panel[tabindex]{
        outline:none !important;
        border:0 !important;
        box-shadow:none !important;
        -webkit-tap-highlight-color:transparent !important;
    }

    #pa-app .pa-mobile-content,
    #pa-app .pa-mobile-app{
        outline:none !important;
    }
}



@media (max-width:600px){
    #pa-app .pa-mobile-content{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    #pa-app .pa-mobile-panel{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    
    #pa-app .pa-mobile-panel[data-mobile-panel="perfil"],
    #pa-app .pa-mobile-panel[data-mobile-panel="direcciones"]{
        height:100% !important;
        max-height:100% !important;
        display:flex !important;
        flex-direction:column !important;
    }

    #pa-app .pa-mobile-panel[data-mobile-panel="perfil"]:not(.is-active),
    #pa-app .pa-mobile-panel[data-mobile-panel="direcciones"]:not(.is-active){
        display:none !important;
    }

    #pa-app .pa-mobile-account-form-panel{
        width:100% !important;
        height:100% !important;
        max-height:100% !important;
        min-height:0 !important;
        margin:0 !important;
        padding:10px !important;
        display:flex !important;
        flex:1 1 auto !important;
        flex-direction:column !important;
        overflow:hidden !important;
        text-align:left !important;
        border:1px solid var(--m-border) !important;
        border-radius:12px !important;
        background:var(--m-bg-1) !important;
    }

    #pa-app .pa-mobile-internal-head{
        flex:0 0 auto !important;
        width:100% !important;
        min-width:0 !important;
        min-height:48px !important;
        display:flex !important;
        align-items:center !important;
        gap:9px !important;
        padding:2px 2px 9px !important;
        border-bottom:1px solid var(--m-border) !important;
    }

    #pa-app .pa-mobile-back{
        flex:0 0 34px !important;
        width:34px !important;
        height:34px !important;
        padding:0 !important;
        border:1px solid var(--m-border-strong) !important;
        border-radius:9px !important;
        background:var(--m-bg-2) !important;
        color:var(--m-text) !important;
        font:24px/30px Arial,sans-serif !important;
        text-align:center !important;
        cursor:pointer !important;
    }

    #pa-app .pa-mobile-internal-head > div{
        min-width:0 !important;
        flex:1 1 auto !important;
    }

    #pa-app .pa-mobile-internal-head strong{
        display:block !important;
        min-width:0 !important;
        overflow:hidden !important;
        color:var(--m-text) !important;
        font-size:14px !important;
        line-height:1.2 !important;
        white-space:nowrap !important;
        text-overflow:ellipsis !important;
    }

    #pa-app .pa-mobile-internal-head p{
        margin:3px 0 0 !important;
        color:var(--m-text-2) !important;
        font-size:9.5px !important;
        line-height:1.25 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    
    #pa-app .pa-mobile-native-content{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        flex:1 1 auto !important;
        margin:0 !important;
        padding:10px 1px 4px !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
        -webkit-overflow-scrolling:touch !important;
        scrollbar-width:none !important;
        text-align:left !important;
    }

    #pa-app .pa-mobile-native-content::-webkit-scrollbar{
        display:none !important;
    }

    #pa-app .pa-mobile-native-content > *{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    
    #pa-app .pa-mobile-native-content .woocommerce,
    #pa-app .pa-mobile-native-content .woocommerce-EditAccountForm,
    #pa-app .pa-mobile-native-content form,
    #pa-app .pa-mobile-native-content fieldset{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    #pa-app .pa-mobile-native-content .woocommerce-EditAccountForm{
        display:block !important;
        padding:0 !important;
    }

    #pa-app .pa-mobile-native-content p.form-row,
    #pa-app .pa-mobile-native-content .form-row,
    #pa-app .pa-mobile-native-content p.woocommerce-form-row{
        float:none !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 0 10px !important;
        padding:0 !important;
        clear:both !important;
    }

    #pa-app .pa-mobile-native-content label{
        display:block !important;
        width:100% !important;
        margin:0 0 4px !important;
        color:var(--m-text-2) !important;
        font-size:10px !important;
        line-height:1.3 !important;
    }

    #pa-app .pa-mobile-native-content input,
    #pa-app .pa-mobile-native-content select,
    #pa-app .pa-mobile-native-content textarea{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        height:38px !important;
        min-height:38px !important;
        box-sizing:border-box !important;
        padding:8px 10px !important;
        border:1px solid var(--m-border-strong) !important;
        border-radius:8px !important;
        background:var(--m-bg-2) !important;
        color:var(--m-text) !important;
        font:11px/1.2 Inter,Arial,sans-serif !important;
        outline:none !important;
    }

    #pa-app .pa-mobile-native-content textarea{
        height:auto !important;
        min-height:80px !important;
        resize:vertical !important;
    }

    #pa-app .pa-mobile-native-content input:focus,
    #pa-app .pa-mobile-native-content select:focus,
    #pa-app .pa-mobile-native-content textarea:focus{
        border-color:var(--m-accent) !important;
        box-shadow:0 0 0 2px var(--m-accent-soft) !important;
    }

    #pa-app .pa-mobile-native-content span[id$="_description"]{
        display:block !important;
        margin:4px 0 0 !important;
        color:var(--m-text-3) !important;
        font-size:8.5px !important;
        line-height:1.35 !important;
    }

    #pa-app .pa-mobile-native-content fieldset{
        margin:7px 0 10px !important;
        padding:10px !important;
        border:1px solid var(--m-border) !important;
        border-radius:10px !important;
        background:rgba(19,26,38,.55) !important;
    }

    #pa-app .pa-mobile-native-content legend{
        width:auto !important;
        margin:0 !important;
        padding:0 5px !important;
        color:var(--m-text) !important;
        font-size:11px !important;
        font-weight:700 !important;
    }

    #pa-app .pa-mobile-native-content .clear{
        display:block !important;
        clear:both !important;
        height:0 !important;
    }

    #pa-app .pa-mobile-native-content button[type="submit"],
    #pa-app .pa-mobile-native-content input[type="submit"],
    #pa-app .pa-mobile-native-content .button{
        width:100% !important;
        max-width:100% !important;
        min-height:40px !important;
        height:auto !important;
        margin:2px 0 4px !important;
        padding:9px 12px !important;
        border:1px solid var(--m-accent) !important;
        border-radius:9px !important;
        background:var(--m-accent) !important;
        color:#111 !important;
        font:700 11px/1.2 Inter,Arial,sans-serif !important;
        cursor:pointer !important;
    }

    
    #pa-app .pa-mobile-address-block{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 0 10px !important;
        padding:10px !important;
        border:1px solid var(--m-border) !important;
        border-radius:10px !important;
        background:var(--m-bg-2) !important;
        overflow:hidden !important;
    }

    #pa-app .pa-mobile-address-block-head{
        width:100% !important;
        margin:0 0 9px !important;
        color:var(--m-text) !important;
        font-size:11px !important;
        line-height:1.25 !important;
    }

    #pa-app .pa-mobile-address-block .woocommerce-address-fields,
    #pa-app .pa-mobile-address-block .woocommerce-address-fields__field-wrapper{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    #pa-app .pa-mobile-address-block .select2-container{
        width:100% !important;
        max-width:100% !important;
    }

    #pa-app .pa-mobile-address-block .select2-selection{
        min-height:38px !important;
        border-color:var(--m-border-strong) !important;
        border-radius:8px !important;
        background:var(--m-bg-2) !important;
    }

    #pa-app .pa-mobile-address-block .button{
        width:100% !important;
        margin-top:2px !important;
    }

    
    #pa-app .pa-mobile-native-content .form-row-first,
    #pa-app .pa-mobile-native-content .form-row-last{
        float:none !important;
        width:100% !important;
        margin-right:0 !important;
        margin-left:0 !important;
    }
}



@media (max-width:600px){
    #pa-app .pa-mobile-subscription-manage-wrap{
        width:100%;
    }

    #pa-app .pa-mobile-subscription-actions{
        width:100%;
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:7px;
    }

    #pa-app .pa-mobile-subscription-actions .pa-mobile-btn{
        width:100% !important;
        min-width:0;
        min-height:40px;
        margin:0 !important;
        padding:9px 6px !important;
        display:flex;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
        text-align:center;
        text-decoration:none;
        border-radius:11px !important;
        font-size:10px !important;
        font-weight:650 !important;
    }

    #pa-app .pa-mobile-subscription-actions .pa-mobile-btn-primary{
        background:#f5f5f7 !important;
        color:#090a0d !important;
        border:0 !important;
    }

    #pa-app .pa-mobile-subscription-actions .pa-mobile-btn-ghost{
        background:#18191e !important;
        color:#f5f5f7 !important;
        border:0 !important;
    }

    #pa-app .pa-mobile-subscription-actions .pa-mobile-btn-danger{
        background:rgba(190,65,65,.10) !important;
        color:#e98585 !important;
        border:0 !important;
    }

    #pa-app .pa-mobile-subscription-pause-note{
        margin-top:8px;
        padding:9px 10px;
        border-radius:10px;
        background:#15161b;
        color:#888b94;
        font-size:9px;
        line-height:1.4;
        text-align:center;
    }
}


@media (max-width:600px){
    #pa-app .pa-mobile-subscription-actions-loading{
        width:100%;
        min-height:40px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:11px;
        background:#111216;
        color:#777b85;
        font-size:10px;
    }

    #pa-app .pa-mobile-subscription-actions button{
        appearance:none;
        -webkit-appearance:none;
        cursor:pointer;
    }

    #pa-app .pa-mobile-subscription-actions button:disabled{
        opacity:.35 !important;
        cursor:not-allowed;
    }

    #pa-app .pa-mobile-pms-action-panel{
        width:100% !important;
        height:100% !important;
        min-height:0 !important;
        max-height:100% !important;
        display:flex !important;
        flex-direction:column !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        overflow:hidden !important;
    }

    #pa-app .pa-mobile-pms-action-content{
        flex:1 1 auto !important;
        min-height:0 !important;
        width:100% !important;
        max-width:100% !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        padding:8px 1px 24px !important;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }

    #pa-app .pa-mobile-pms-action-content::-webkit-scrollbar{
        display:none;
    }

    #pa-app .pa-mobile-pms-action-loading,
    #pa-app .pa-mobile-pms-action-message{
        width:100%;
        padding:24px 16px;
        text-align:center;
        border-radius:16px;
        background:#111216;
        color:#a1a3aa;
        font-size:11px;
        line-height:1.5;
    }

    
    #pa-app .pa-mobile-pms-action-content .pms-account,
    #pa-app .pa-mobile-pms-action-content .pms-account-subscription,
    #pa-app .pa-mobile-pms-action-content .pms-account-subscription-details{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    #pa-app .pa-mobile-pms-action-content .pms-account-navigation{
        display:none !important;
    }

    #pa-app .pa-mobile-pms-action-content .pms-account-subscription-details-table{
        width:100% !important;
        max-width:100% !important;
        margin:0 0 14px !important;
        border-collapse:separate !important;
        border-spacing:0 !important;
        overflow:hidden !important;
        border:0 !important;
        border-radius:16px !important;
        background:#111216 !important;
    }

    #pa-app .pa-mobile-pms-action-content .pms-account-subscription-details-table td,
    #pa-app .pa-mobile-pms-action-content .pms-account-subscription-details-table th{
        padding:11px 12px !important;
        border:0 !important;
        border-bottom:1px solid rgba(255,255,255,.045) !important;
        color:#a5a7ae !important;
        font-size:10px !important;
    }

    #pa-app .pa-mobile-pms-action-content .pms-account-subscription-details-table tr:last-child td{
        border-bottom:0 !important;
    }

    #pa-app .pa-mobile-pms-action-content .pms-account-subscription-details-table td:last-child{
        color:#f5f5f7 !important;
        text-align:right !important;
        font-weight:600 !important;
    }

    #pa-app .pa-mobile-pms-action-content .pms-account-subscription-action-link{
        display:flex !important;
        width:100% !important;
        min-height:42px !important;
        align-items:center !important;
        justify-content:center !important;
        box-sizing:border-box !important;
        margin:8px 0 0 !important;
        padding:10px 14px !important;
        border:0 !important;
        border-radius:12px !important;
        background:#f5f5f7 !important;
        color:#08090c !important;
        font-size:11px !important;
        font-weight:700 !important;
        text-decoration:none !important;
    }

    #pa-app .pa-mobile-pms-action-content .pms-account-subscription-action-link__cancel{
        background:rgba(190,65,65,.12) !important;
        color:#e98585 !important;
    }

    #pa-app .pa-mobile-pms-action-content form{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:16px !important;
        box-sizing:border-box !important;
        border-radius:16px !important;
        background:#111216 !important;
    }

    #pa-app .pa-mobile-pms-action-content form input,
    #pa-app .pa-mobile-pms-action-content form select,
    #pa-app .pa-mobile-pms-action-content form textarea{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
        min-height:42px !important;
        padding:10px 12px !important;
        border:0 !important;
        border-radius:10px !important;
        background:#18191e !important;
        color:#f5f5f7 !important;
        font-size:11px !important;
        box-shadow:inset 0 0 0 1px rgba(255,255,255,.035) !important;
    }

    #pa-app .pa-mobile-pms-action-content form label{
        display:block !important;
        margin:0 0 6px !important;
        color:#9699a1 !important;
        font-size:9px !important;
    }

    #pa-app .pa-mobile-pms-action-content form button,
    #pa-app .pa-mobile-pms-action-content form input[type="submit"]{
        width:100% !important;
        min-height:43px !important;
        margin-top:12px !important;
        padding:10px 14px !important;
        border:0 !important;
        border-radius:11px !important;
        background:#f5f5f7 !important;
        color:#08090c !important;
        font-size:11px !important;
        font-weight:700 !important;
    }
}


@media (max-width:600px){
    #pa-app .pa-mobile-pms-action-panel{background:#050609;min-height:100%;}
    #pa-app .pa-mobile-pms-action-content{padding:0 0 20px;background:#050609;min-height:calc(100dvh - 70px);}
    #pa-app .pa-mob-form-screen{padding:8px 14px 24px;color:#f5f3ee;font-family:Inter,Arial,sans-serif;}
    #pa-app .pa-mob-form-hero{margin:4px 0 12px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(150deg,#3c2c68,#2b3080 48%,#0d2d66);box-shadow:0 20px 46px -18px rgba(20,10,60,.75);}
    #pa-app .pa-mob-form-hero .pa-mob-badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:rgba(9,14,26,.55);border:1px solid rgba(255,255,255,.2);font-size:9px;font-weight:700;}
    #pa-app .pa-mob-form-hero strong{display:block;margin-top:11px;font-family:Fraunces,Georgia,serif;font-size:21px;line-height:1.2;}
    #pa-app .pa-mob-form-hero small{display:block;margin-top:5px;color:rgba(255,255,255,.76);font-size:10.5px;line-height:1.45;}
    #pa-app .pa-mob-form-hero-price{margin-top:3px !important;color:#e8b563 !important;font-weight:700;font-size:11.5px !important;}
    #pa-app .pa-mob-form-card{margin:0 0 10px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(165deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:0 14px 35px -22px rgba(0,0,0,.75);}
    #pa-app .pa-mob-form-title{font-size:12px;font-weight:700;color:#a19eb2;margin-bottom:7px;}
    #pa-app .pa-mob-form-card p{margin:0;color:#a19eb2;font-size:11px;line-height:1.5;}
    #pa-app .pa-mob-form-card p b{color:#f5f3ee;}
    #pa-app .pa-mob-tier{margin-bottom:10px;padding:6px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(255,255,255,.035);overflow:hidden;}
    #pa-app .pa-mob-tier-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 6px;border:0;background:none;color:#f5f3ee;text-align:left;cursor:pointer;font:inherit;}
    #pa-app .pa-mob-tier-left{display:flex;align-items:center;gap:10px;min-width:0;}
    #pa-app .pa-mob-tier-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(140,123,246,.16);color:#8c7bf6;flex:none;}
    #pa-app .pa-mob-tier[data-tier="estandar"] .pa-mob-tier-icon{background:rgba(61,220,151,.14);color:#3ddc97;}
    #pa-app .pa-mob-tier[data-tier="premium"] .pa-mob-tier-icon{background:rgba(232,181,99,.15);color:#e8b563;}
    #pa-app .pa-mob-tier-icon svg{width:15px;height:15px;}
    #pa-app .pa-mob-tier-left strong{display:block;font-size:13px;line-height:1.2;}
    #pa-app .pa-mob-tier-left small{display:block;margin-top:2px;color:#65637a;font-size:9.5px;}
    #pa-app .pa-mob-tier-count{display:flex;align-items:center;gap:5px;color:#65637a;font-size:10px;}
    #pa-app .pa-mob-tier-count b{font-size:18px;font-weight:400;transition:transform .25s ease;}
    #pa-app .pa-mob-tier.open .pa-mob-tier-count b{transform:rotate(90deg);}
    #pa-app .pa-mob-tier-body{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.22,1,.36,1);}
    #pa-app .pa-mob-tier.open .pa-mob-tier-body{max-height:800px;}
    #pa-app .pa-mob-tier-inner{padding:3px 6px 6px;}
    #pa-app .pa-mob-plan{position:relative;width:100%;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.045);color:#f5f3ee;text-align:left;margin-bottom:7px;cursor:pointer;font:inherit;transition:.18s ease;}
    #pa-app .pa-mob-plan:last-child{margin-bottom:0;}
    #pa-app .pa-mob-plan.selected{border-color:rgba(232,181,99,.5);background:linear-gradient(165deg,rgba(232,181,99,.15),rgba(232,181,99,.04));box-shadow:0 0 0 1px rgba(232,181,99,.35);}
    #pa-app .pa-mob-radio{width:20px;height:20px;border:1.5px solid rgba(255,255,255,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;}
    #pa-app .pa-mob-radio:after{content:"";width:10px;height:10px;border-radius:50%;background:#e8b563;transform:scale(0);transition:.18s ease;}
    #pa-app .pa-mob-plan.selected .pa-mob-radio{border-color:#e8b563;}
    #pa-app .pa-mob-plan.selected .pa-mob-radio:after{transform:scale(1);}
    #pa-app .pa-mob-plan-info{min-width:0;flex:1;}
    #pa-app .pa-mob-plan-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;}
    #pa-app .pa-mob-plan-top strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    #pa-app .pa-mob-plan-top em{font-style:normal;font-size:12px;font-weight:700;white-space:nowrap;}
    #pa-app .pa-mob-plan-info small{display:block;margin-top:3px;color:#65637a;font-size:9.5px;}
    #pa-app .pa-mob-renew{display:flex;align-items:center;justify-content:space-between;gap:10px;}
    #pa-app .pa-mob-renew strong{display:block;font-size:12px;}
    #pa-app .pa-mob-renew small{display:block;margin-top:2px;color:#65637a;font-size:9.5px;}
    #pa-app .pa-mob-switch{position:relative;width:44px;height:26px;flex:none;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);cursor:pointer;}
    #pa-app .pa-mob-switch i{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#a19eb2;transition:.22s cubic-bezier(.22,1,.36,1);}
    #pa-app .pa-mob-switch.on{background:rgba(232,181,99,.15);border-color:rgba(232,181,99,.5);}
    #pa-app .pa-mob-switch.on i{transform:translateX(18px);background:#e8b563;}
    #pa-app .pa-mob-sticky{position:sticky;bottom:0;margin:12px -14px -24px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:rgba(8,9,14,.88);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.09);z-index:4;}
    #pa-app .pa-mob-sticky>span{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;color:#a19eb2;font-size:10px;}
    #pa-app .pa-mob-sticky>span b{color:#f5f3ee;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    #pa-app .pa-mob-sticky .pa-mobile-btn{width:100%;}
    #pa-app .pa-mobile-pms-action-content .pa-mobile-btn{min-height:44px;border-radius:13px;}
    #pa-app .pa-mob-compare{display:flex;align-items:center;gap:8px;}
    #pa-app .pa-mob-compare>div{flex:1;min-width:0;padding:13px 8px;text-align:center;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);}
    #pa-app .pa-mob-compare small,#pa-app .pa-mob-compare b,#pa-app .pa-mob-compare em{display:block;}
    #pa-app .pa-mob-compare small{font-size:8.5px;color:#65637a;margin-bottom:5px;}
    #pa-app .pa-mob-compare b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    #pa-app .pa-mob-compare em{font-size:9.5px;color:#a19eb2;font-style:normal;margin-top:3px;}
    #pa-app .pa-mob-compare>span{color:#e8b563;font-size:18px;}
    #pa-app .pa-mob-note{padding:11px 12px;margin-bottom:10px;border-radius:13px;background:rgba(140,123,246,.16);border:1px solid rgba(140,123,246,.28);color:#a19eb2;font-size:10px;line-height:1.5;}
    #pa-app .pa-mob-success{text-align:center;padding:50px 14px 20px;}
    #pa-app .pa-mob-success>div{width:76px;height:76px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(61,220,151,.14);border:1px solid rgba(61,220,151,.35);color:#3ddc97;font-size:30px;}
    #pa-app .pa-mob-success h2{margin:0 0 6px;font-family:Fraunces,Georgia,serif;font-size:20px;}
    #pa-app .pa-mob-success p{margin:0 0 24px;color:#a19eb2;font-size:11px;line-height:1.5;}
}



@media (max-width:600px){
    #pa-app .pa-mobile-content > .pa-mobile-panel[data-mobile-panel="pms-accion"].is-active{
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:100% !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
        background:transparent !important;
    }

    #pa-app .pa-mobile-content > .pa-mobile-panel[data-mobile-panel="pms-accion"].is-active > .pa-mobile-internal-panel{
        flex:1 1 auto !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:100% !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        display:flex !important;
        flex-direction:column !important;
        overflow:hidden !important;
        background:transparent !important;
    }

    #pa-app .pa-mobile-content > .pa-mobile-panel[data-mobile-panel="pms-accion"] .pa-mobile-internal-head{
        flex:0 0 auto !important;
        width:100% !important;
        max-width:100% !important;
    }

    #pa-app .pa-mobile-content > .pa-mobile-panel[data-mobile-panel="pms-accion"] .pa-mobile-pms-action-content{
        flex:1 1 auto !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        height:auto !important;
        max-height:none !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
        padding:0 0 20px !important;
        background:transparent !important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    #pa-app .pa-mobile-content > .pa-mobile-panel[data-mobile-panel="pms-accion"] .pa-mobile-pms-action-content::-webkit-scrollbar{
        display:none;
    }

    #pa-app .pa-mobile-content > .pa-mobile-panel[data-mobile-panel="pms-accion"] .pa-mob-form-screen{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    #pa-app .pa-mobile-content > .pa-mobile-panel[data-mobile-panel="pms-accion"] .pa-mob-sticky{
        max-width:100% !important;
        box-sizing:border-box !important;
    }
}


@media (max-width:600px){
    #pa-app .pa-mobile-content > .pa-mobile-panel[data-mobile-panel="pago-nuevo"].is-active{
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:100% !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
        background:transparent !important;
    }

    #pa-app .pa-mobile-payment-panel{
        width:100% !important;
        height:100% !important;
        min-height:0 !important;
        max-height:100% !important;
        flex:1 1 auto !important;
        display:flex !important;
        flex-direction:column !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        overflow:hidden !important;
        padding:0 !important;
    }

    #pa-app .pa-mobile-payment-frame-wrap{
        flex:1 1 auto !important;
        min-height:0 !important;
        width:100% !important;
        max-width:100% !important;
        position:relative !important;
        padding:8px 1px 4px !important;
    }

    #pa-app .pa-mobile-payment-loading{
        position:absolute;
        inset:8px 1px 4px;
    }

    #pa-app .pa-mobile-payment-frame{
        width:100%;
        height:100%;
        min-height:100%;
        border:0;
        border-radius:14px;
        background:#fff;
    }

    #pa-app .pa-mobile-payment-frame[hidden]{
        display:none !important;
    }
}


@media (max-width:600px){
    #pa-app .pa-mobile-pms-action-panel{
        width:100% !important;
        max-width:100% !important;
        height:100% !important;
        min-height:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        border:0 !important;
    }

    #pa-app .pa-mobile-pms-action-content{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        height:auto !important;
        padding:0 0 16px !important;
        background:transparent !important;
        box-shadow:none !important;
    }

    #pa-app .pa-mob-form-screen{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:10px 14px 22px !important;
        background:transparent !important;
    }

    
    #pa-app .pa-mob-form-hero{
        width:100% !important;
        margin:0 0 12px !important;
        padding:16px 17px !important;
        border-radius:16px !important;
        box-shadow:none !important;
    }

    
    #pa-app .pa-mob-tier{
        width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
        margin-bottom:9px !important;
    }

    #pa-app .pa-mob-tier-inner{
        width:100% !important;
    }

    #pa-app .pa-mob-plan{
        width:100% !important;
        min-width:0 !important;
    }

    #pa-app .pa-mob-renew{
        width:100% !important;
        margin-bottom:8px !important;
    }

    
    #pa-app .pa-mob-sticky{
        width:100% !important;
        max-width:100% !important;
        margin:12px 0 -22px !important;
        padding:11px 0 calc(11px + env(safe-area-inset-bottom)) !important;
        background:var(--m-bg, transparent) !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        border-top:1px solid var(--m-border, rgba(151,166,199,.14)) !important;
    }

    
    #pa-app .pa-mob-compare{
        width:100% !important;
    }

    #pa-app .pa-mob-note,
    #pa-app .pa-mobile-pms-action-content .pa-mobile-btn{
        max-width:100% !important;
    }
}

@media (min-width:601px){
    #pa-app .pa-mobile-pms-action-panel,
    #pa-app .pa-mobile-pms-action-content{
        background:transparent !important;
        box-shadow:none !important;
    }
}


#pa-app .pa-mob-tier--locked{
    opacity:.5;
}
#pa-app .pa-mob-tier--locked .pa-mob-tier-head{
    cursor:not-allowed;
}
#pa-app .pa-mob-tier--locked .pa-mob-tier-icon{
    background:rgba(255,255,255,.06) !important;
    color:#65637a !important;
}
#pa-app .pa-mob-tier--locked .pa-mob-tier-count{
    display:flex;
    align-items:center;
    gap:4px;
    color:#e05a5a;
    font-size:9.5px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.02em;
}
#pa-app .pa-mob-tier--locked .pa-mob-tier-count svg{
    width:11px;
    height:11px;
    flex:none;
}
#pa-app .pa-mob-plan--locked{
    opacity:.55;
    cursor:not-allowed;
}
#pa-app .pa-mob-tier,
#pa-app .pa-mob-plan{
    transition:border-color .22s ease, box-shadow .22s ease, background .18s ease, opacity .18s ease;
}
#pa-app .pa-mob-shake{
    animation:pa-mob-shake .42s cubic-bezier(.36,.07,.19,.97);
    border-color:#e05a5a !important;
    box-shadow:0 0 0 1px rgba(224,90,90,.45) !important;
}
@keyframes pa-mob-shake{
    10%,90%{transform:translateX(-1px);}
    20%,80%{transform:translateX(2px);}
    30%,50%,70%{transform:translateX(-3px);}
    40%,60%{transform:translateX(3px);}
}



@media (max-width:600px){
    #pa-app .pa-mobile-app{
        --m-bg:#070b14;
        --m-bg-1:#111724;
        --m-bg-2:#151d2d;
        --m-border:rgba(125,151,207,.16);
        --m-border-strong:rgba(116,139,205,.28);
        --m-text:#f4f6fb;
        --m-text-2:#9ca8c1;
        --m-text-3:#68748d;
        --m-purple:#8b6cff;
        --m-blue:#5d8cff;
        --m-cyan:#48c7ff;
        --m-green:#31e39b;
        --m-purple-soft:rgba(122,92,255,.15);
        --m-blue-soft:rgba(74,128,255,.14);
        --m-green-soft:rgba(49,227,155,.14);
        background:
            radial-gradient(circle at 70% 18%,rgba(52,75,155,.11),transparent 32%),
            linear-gradient(180deg,#070b14 0%,#080c15 100%);
    }

    #pa-app .pa-mobile-content{
        padding:18px 7px calc(78px + env(safe-area-inset-bottom));
        scrollbar-width:none;
    }

    #pa-app .pa-mobile-panel{
        width:100%;
        max-width:100%;
    }

    
    #pa-app .pa-mobile-hello{
        min-height:58px;
        display:grid;
        grid-template-columns:58px minmax(0,1fr) 24px;
        align-items:center;
        column-gap:10px;
        padding:0 3px 15px;
    }

    #pa-app .pa-mobile-hello-avatar{
        width:58px;
        height:58px;
        border-radius:50%;
        border:1.5px solid transparent;
        background:
            linear-gradient(var(--m-bg),var(--m-bg)) padding-box,
            linear-gradient(135deg,#a26cff,#3aa7ff) border-box;
        box-shadow:0 0 16px rgba(109,91,255,.18);
        overflow:hidden;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#dfe6ff;
        font-size:18px;
        font-weight:800;
    }

    #pa-app .pa-mobile-hello-avatar img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    #pa-app .pa-mobile-hello-copy{
        min-width:0;
    }

    #pa-app .pa-mobile-hello h2{
        font-size:17px;
        line-height:1.1;
        letter-spacing:-.02em;
        font-weight:800;
        color:#f7f8fc;
    }

    #pa-app .pa-mobile-hello p{
        margin-top:5px;
        color:#8996b0;
        font-size:9px;
        line-height:1.25;
        white-space:nowrap;
    }

    #pa-app .pa-mobile-calendar-icon{
        display:inline-flex;
        margin-right:5px;
        color:#8ea4d7;
        font-size:11px;
    }

    #pa-app .pa-mobile-settings-button{
        width:24px;
        height:24px;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#91a2cb;
        text-decoration:none;
    }

    #pa-app .pa-mobile-settings-button svg{width:19px;height:19px;}

    
    #pa-app .pa-mobile-current-plan{
        width:100%;
        min-height:92px;
        margin:0 0 12px;
        padding:13px;
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(105px,.82fr);
        align-items:center;
        gap:8px;
        border:1px solid rgba(104,126,214,.20);
        border-radius:14px;
        background:
            radial-gradient(circle at 15% 35%,rgba(121,82,255,.20),transparent 42%),
            linear-gradient(135deg,#171d35 0%,#121a2b 52%,#111827 100%);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.16);
    }

    #pa-app .pa-mobile-current-plan-left{
        min-width:0;
        display:flex;
        align-items:center;
        gap:11px;
    }

    #pa-app .pa-mobile-current-plan-icon{
        width:55px;
        height:55px;
        flex:0 0 55px;
        border-radius:9px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:linear-gradient(145deg,rgba(77,88,165,.35),rgba(45,56,102,.35));
        color:#8b7cff;
        box-shadow:inset 0 0 18px rgba(103,81,255,.08);
    }

    #pa-app .pa-mobile-current-plan-icon svg{width:30px;height:30px;filter:drop-shadow(0 0 7px rgba(129,100,255,.35));}

    #pa-app .pa-mobile-current-plan-info{min-width:0;}
    #pa-app .pa-mobile-current-plan-info small{
        display:block;
        margin-bottom:2px;
        color:#8793ac;
        font-size:9px;
        line-height:1.1;
    }
    #pa-app .pa-mobile-current-plan-info strong{
        display:block;
        overflow:hidden;
        color:#f4f6fb;
        font-size:16px;
        line-height:1.15;
        font-weight:800;
        letter-spacing:-.02em;
        white-space:nowrap;
        text-overflow:ellipsis;
    }
    #pa-app .pa-mobile-current-plan-status{
        display:inline-flex;
        align-items:center;
        gap:4px;
        margin-top:5px;
        padding:3px 8px;
        border:1px solid rgba(49,227,155,.28);
        border-radius:999px;
        background:rgba(49,227,155,.09);
        color:#39e39f;
        font-size:8px;
        font-weight:800;
        line-height:1;
    }
    #pa-app .pa-mobile-current-plan-status i{
        width:5px;height:5px;border-radius:50%;background:#35e29c;
        box-shadow:0 0 6px rgba(53,226,156,.65);
    }

    #pa-app .pa-mobile-current-plan-renewal{
        min-width:0;
        padding-left:12px;
        border-left:1px solid rgba(130,146,190,.12);
    }
    #pa-app .pa-mobile-current-plan-renewal small{
        display:block;
        color:#8d9bb9;
        font-size:8px;
        line-height:1.15;
        white-space:nowrap;
    }
    #pa-app .pa-mobile-current-plan-renewal small span{
        margin-right:4px;color:#91a7e8;
    }
    #pa-app .pa-mobile-current-plan-renewal strong{
        display:block;
        margin-top:4px;
        color:#e8edfa;
        font-size:14px;
        line-height:1.15;
        font-weight:800;
        white-space:nowrap;
    }

    
    #pa-app .pa-mobile-quick-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:6px;
        margin-bottom:12px;
    }

    #pa-app .pa-mobile-quick{
        min-width:0;
        height:77px;
        min-height:77px;
        padding:8px 3px 7px;
        border:1px solid rgba(117,140,201,.14);
        border-radius:12px;
        background:linear-gradient(180deg,#141c2b,#111824);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
        gap:7px;
    }

    #pa-app .pa-mobile-quick:active{
        transform:scale(.985);
        background:#182033;
    }

    #pa-app .pa-mobile-quick-icon{
        width:36px;
        height:36px;
        border-radius:50%;
        background:rgba(83,104,180,.16);
        color:#8b96ff;
    }
    #pa-app .pa-mobile-quick:nth-child(2) .pa-mobile-quick-icon{color:#49bfff;background:rgba(36,137,214,.14);}
    #pa-app .pa-mobile-quick:nth-child(3) .pa-mobile-quick-icon{color:#38e39c;background:rgba(20,181,112,.13);}
    #pa-app .pa-mobile-quick:nth-child(4) .pa-mobile-quick-icon{color:#b06cff;background:rgba(145,69,224,.13);}
    #pa-app .pa-mobile-quick-icon svg{width:18px;height:18px;}
    #pa-app .pa-mobile-quick > span:last-child{
        color:#dfe4ef;
        font-size:8px;
        font-weight:600;
        letter-spacing:-.01em;
    }

    
    #pa-app .pa-mobile-card,
    #pa-app .pa-mobile-summary-card{
        margin-bottom:12px;
        padding:13px;
        border:1px solid rgba(119,143,204,.14);
        border-radius:13px;
        background:linear-gradient(145deg,#111824 0%,#101620 100%);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 7px 20px rgba(0,0,0,.12);
    }

    #pa-app .pa-mobile-card-title{
        margin-bottom:9px;
    }
    #pa-app .pa-mobile-card-title h2{
        font-size:12px;
        color:#f0f3f8;
        font-weight:800;
    }
    #pa-app .pa-mobile-card-icon{
        width:32px;
        height:32px;
        border-radius:9px;
        background:rgba(91,110,184,.13);
        color:#9ba9da;
    }
    #pa-app .pa-mobile-card-icon svg{width:16px;height:16px;}
    #pa-app .pa-mobile-link{color:#a4b1d1;font-size:8px;}
    #pa-app .pa-mobile-link span{font-size:13px;}

    
    #pa-app .pa-mobile-purchases-card{
        min-height:158px;
        padding:12px 13px 13px;
    }
    #pa-app .pa-mobile-purchases-empty{
        min-height:108px;
        padding:7px 5px 0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
    }
    #pa-app .pa-mobile-purchases-empty-icon{
        width:46px;
        height:46px;
        margin:0 0 7px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#c3cee7;
        background:rgba(87,107,171,.13);
    }
    #pa-app .pa-mobile-purchases-empty-icon svg{width:24px;height:24px;}
    #pa-app .pa-mobile-purchases-empty strong{
        color:#f2f4f8;
        font-size:13px;
        line-height:1.2;
        font-weight:800;
    }
    #pa-app .pa-mobile-purchases-empty p{
        max-width:245px;
        margin:5px 0 0;
        color:#808ca5;
        font-size:8px;
        line-height:1.45;
    }

    
    #pa-app .pa-mobile-summary-card{
        min-height:120px;
        padding:11px 12px 12px;
    }
    #pa-app .pa-mobile-summary-head{
        display:grid;
        grid-template-columns:34px minmax(0,1fr);
        gap:9px;
        align-items:center;
    }
    #pa-app .pa-mobile-summary-icon{
        width:34px;
        height:34px;
        border-radius:9px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:rgba(111,73,226,.15);
        color:#9a73ff;
    }
    #pa-app .pa-mobile-summary-icon svg{width:19px;height:19px;}
    #pa-app .pa-mobile-summary-head strong{
        display:block;
        color:#f1f4fa;
        font-size:13px;
        line-height:1.1;
        font-weight:800;
    }
    #pa-app .pa-mobile-summary-head p{
        margin:3px 0 0;
        color:#7e8aa5;
        font-size:8px;
        line-height:1.2;
    }
    #pa-app .pa-mobile-summary-grid{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        margin-top:12px;
    }
    #pa-app .pa-mobile-summary-grid > div{
        min-width:0;
        padding:0 7px;
        border-right:1px solid rgba(123,143,194,.10);
    }
    #pa-app .pa-mobile-summary-grid > div:first-child{padding-left:0;}
    #pa-app .pa-mobile-summary-grid > div:last-child{padding-right:0;border-right:0;}
    #pa-app .pa-mobile-summary-grid span{
        width:17px;height:17px;
        margin-bottom:5px;
        display:flex;
        align-items:center;
        justify-content:center;
        border:1px solid #738cff;
        border-radius:50%;
        color:#8ea0ff;
        font-size:9px;
        line-height:1;
    }
    #pa-app .pa-mobile-summary-grid strong{
        display:block;
        color:#929eb7;
        font-size:6.8px;
        line-height:1.28;
        font-weight:600;
    }

    
    #pa-app .pa-mobile-tabbar{
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        z-index:20;
        height:62px;
        padding:5px 7px calc(4px + env(safe-area-inset-bottom));
        display:grid;
        grid-template-columns:repeat(5,1fr);
        border-top:1px solid rgba(115,135,180,.13);
        background:rgba(8,12,21,.97);
        backdrop-filter:blur(16px);
        -webkit-backdrop-filter:blur(16px);
    }
    #pa-app .pa-mobile-tabbar button{
        position:relative;
        min-width:0;
        height:53px;
        padding:3px 1px 4px;
        border:0;
        background:transparent;
        color:#77839d;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        font:600 7px/1 Inter,Arial,sans-serif;
    }
    #pa-app .pa-mobile-tabbar button svg{
        width:18px;
        height:18px;
        stroke-width:1.7;
    }
    #pa-app .pa-mobile-tabbar button.is-active{
        color:#a27cff;
    }
    #pa-app .pa-mobile-tabbar button.is-active svg{
        filter:drop-shadow(0 0 6px rgba(142,103,255,.35));
    }
    #pa-app .pa-mobile-tabbar button.is-active::after{
        content:"";
        position:absolute;
        left:18%;
        right:18%;
        bottom:0;
        height:2px;
        border-radius:999px;
        background:linear-gradient(90deg,#7860ff,#b15cff);
        box-shadow:0 0 8px rgba(132,93,255,.45);
    }

    
    #pa-app .pa-mobile-panel:not([data-mobile-panel="inicio"]){
        padding-top:2px;
    }

    
    @media (max-width:340px){
        #pa-app .pa-mobile-content{padding-left:6px;padding-right:6px;}
        #pa-app .pa-mobile-hello{grid-template-columns:52px minmax(0,1fr) 22px;column-gap:8px;}
        #pa-app .pa-mobile-hello-avatar{width:52px;height:52px;}
        #pa-app .pa-mobile-current-plan{grid-template-columns:minmax(0,1fr) minmax(94px,.78fr);padding:11px;}
        #pa-app .pa-mobile-current-plan-icon{width:50px;height:50px;flex-basis:50px;}
        #pa-app .pa-mobile-current-plan-info strong{font-size:14px;}
        #pa-app .pa-mobile-current-plan-renewal strong{font-size:12px;}
        #pa-app .pa-mobile-quick{height:73px;min-height:73px;}
        #pa-app .pa-mobile-summary-grid strong{font-size:6.2px;}
    }
}

/* === elementor-priority.css === */
#pa-app {
    --pa-el-scale: 1;
    --pa-el-content-width: 95%;
    --pa-el-center-width: 70%;
    --pa-el-right-width: 30%;
    --pa-el-radius: 18px;
    --pa-el-gap: 18px;
}

:where(#pa-app) .pa-dashboard-grid {
    --pa-grid-width: var(--pa-el-content-width);
    --pa-center-width: var(--pa-el-center-width);
    --pa-right-width: var(--pa-el-right-width);
}

:where(#pa-app) .pa-card,
:where(#pa-app) .pa-welcome,
:where(#pa-app) .pa-side-card,
:where(#pa-app) .pa-support,
:where(#pa-app) .pa-secure {
    border-radius: var(--pa-el-radius);
}




#pa-app,
#pa-app * {
    --pa-el-design-transition: 180ms ease;
}


#pa-app #pa-dashboard-content[data-pa-page="subscription"],
#pa-app #pa-dashboard-content[data-pa-page="subscriptions"] {
    --pa-subscription-bg: var(--pa-bg-0, #080b12);
    --pa-subscription-text: var(--pa-text-1, #eef1f7);
    --pa-subscription-muted: var(--pa-text-2, #9aa4ba);
    --pa-subscription-accent: var(--pa-purple-accent, #7442ff);
    --pa-subscription-border: var(--pa-border, rgba(151,166,199,.14));
    --pa-subscription-radius: var(--pa-radius-l, 14px);
}


#pa-app #pa-dashboard-content[data-pa-page="subscription"] .pa-new-subscription,
#pa-app #pa-dashboard-content[data-pa-page="subscriptions"] .pa-new-subscription {
    transition: background var(--pa-el-design-transition),
                color var(--pa-el-design-transition),
                border-color var(--pa-el-design-transition),
                box-shadow var(--pa-el-design-transition);
}


#pa-app #pa-dashboard-content[data-pa-page="subscription"].pa-subscription-flat .pa-new-subscription,
#pa-app #pa-dashboard-content[data-pa-page="subscriptions"].pa-subscription-flat .pa-new-subscription {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}


#pa-app .pa-el-hide { display:none !important; }
#pa-app .pa-el-no-radius { border-radius:0 !important; }
#pa-app .pa-el-no-shadow { box-shadow:none !important; }