.pgs-legacy 400;500;700;800&display=swap');

 *{font-family: 'Tajawal', sans-serif;
            margin: 0;
            padding: 0;
            box-sizing: border-box;}.pgs-legacy .container{width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;}.pgs-legacy{--bg-site: #061018;  
  

  
  --bg-header: #101921 !important; 
  --cr-header: #fff;               

  
  --bg-hero: #061018;              
  --cr-hero-t1: #fff;              
  --cr-hero-t2: #babcbf;           
  --bg-hero-btn1: #068df1;         
  --cr-hero-btn1: #fff;            
  --cr-hero-btn2: #068df1;         

  
  --bg-features: #061018;          
  --cr-features-t1: #fff;          
  --cr-features-t2: #babcbf;       
  --bg-features-card: #068df1;     
  --cr-features-card-t1: #fff;     
  --cr-features-card-t2: #babcbf;  

  
  --bg-packs: #061018;             
  --cr-packs-t1: #fff;             
  --cr-packs-t2: #babcbf;          
  --bg-packs-card: #FFF8F9;        
  --bg-packs-card-type: #068df1;   
  --cr-packs-card-type: #fff;      
  --cr-packs-card-title: #068df1;  
  --cr-packs-card-price: #061018;  
  --cr-packs-card-omlla: #061018;  
  --bg-packs-card-btn: #068df1;    
  --cr-packs-card-btn: #fff;       
  --cr-packs-card-features-divider: #068df1; 
  --cr-packs-card-featuresOfpack: #061018;   
  --cr-packs-card-features-icon: #068df1;    
  --cr-packs-card-features-packs: #2b2b2b;   

  
  --bg-mntgat: #061018;                  
  --cr-mntgat-t1: #fff;                  
  --cr-mntgat-t2: #babcbf;               
  --bg-mntgat-card: #fff;                
  --cr-mntgat-card-title: #061018;       
  --cr-mntgat-card-description: #2b2b2b; 
  --cr-mntgat-card-go: #068df1;          

  
  --bg-faq: #061018;            
  --cr-faq-t1: #fff;            
  --cr-faq-t2: #babcbf;         
  --bg-faq-card: #181e24;       
  --bg-faq-card-q: #fff;        
  --bg-faq-card-a: #babcbf;     

  
  --bg-tutorials: #061018;                
  --cr-tutorials-t1: #fff;                
  --cr-tutorials-t2: #fff;                
  --bg-tutorials-card: #fff;              
  --bg-tutorials-card-title: #061018;     
  --bg-tutorials-card-description: #454545; 

  
  --bg-footer: #101921;        
  --cr-footer-t1: #fff;        
  --cr-footer-t2: #babcbf;     
  --bg-footer-social: #fff; 
  --cr-footer-social: #068df1;    
  --cr-footer-divider: #babcbf;
  --cr-footer-copy: #fff;      

  
  --bg-ofpage-products: #061018;        
  --products-enable: #fff;              
  --bg-products-badge: #363d47;         
  --cr-products-badge: #ff4162;         
  --bg-products-card: #fff;             
  --cr-products-card-t1: #061018;       
  --cr-products-card-new-price: #363d47;
  --cr-products-card-old-price: #ff4162;
  --cr-products-card-in-stock: #061018; 
  --cr-products-card-low-stock: #ffc107;
  --cr-products-card-out-stock: #dc3545;
  --bg-products-card-btn: #068df1;      
  --cr-products-card-btn: #fff;         

  
  --bg-ofpage-product: #061018;              

  
  --bg-product-card: #fff;                   
  --cr-product-card-t1: #061018;             
  --cr-product-card-category: #363d47;       
  --cr-product-card-price-new: #363d47;      
  --cr-product-card-price-old: #363d47;      
  --bg-product-card-badge: #363d47;          
  --cr-product-card-badge: #fff;             
  --bg-product-card-info-description: #dcdfe0; 
  --cr-product-card-in-stock: #061018;       
  --cr-product-card-low-stock: #ffc107;      
  --cr-product-card-out-stock: #dc3545;      
  --cr-product-card-description-t1: #061018; 
  --cr-product-card-descriptions: #061018;   
  --bg-product-card-btn-buy: #068df1;        
  --cr-product-card-btn-buy: #fff;           

  
  --cr-product-similar-products-t1: #fff;      
  --cr-product-similar-products-divider: #fff; 
  --bg-similar-products-badge: #6d1020;        
  --cr-similar-products-badge: #ff4162;        
  --bg-similar-products-card: #fff;            
  --cr-similar-products-card-t1: #061018;      
  --cr-similar-products-card-new-price: #363d47; 
  --cr-similar-products-card-old-price: #ff4162; 
  --cr-similar-products-card-in-stock: #061018;  
  --cr-similar-products-card-low-stock: #ffc107; 
  --cr-similar-products-card-out-stock: #dc3545; 
  --bg-similar-products-card-btn: #068df1;       
  --cr-similar-products-card-btn: #fff;          

  
  --bg-pageof-lo-re: #061018;            
  --cr-pageof-lo-re-t1: #fff;            
  --cr-pageof-lo-re-alert-error: red;            
  
  --cr-pageof-lo-re-label: #fff;         
  --bg-pageof-lo-re-input-text: #fff;    
  --cr-pageof-lo-re-input-text: #061018; 
  --cr-pageof-lo-re-icon: #068df1;       
  --bg-pageof-lo-re-btn: #068df1;        
  --cr-pageof-lo-re-btn: #fff;           
  --cr-pageof-lo-re-login-p: #fff;       
  --cr-pageof-lo-re-login-a: #babcbf;    

  
  --bg-pageof-account: #061018;               
  --bg-pageof-account-card-account: #fff;             
  --bg-pageof-account-card-account-icon: #068df1;     
  --cr-pageof-account-card-account-icon: #fff;        
  --cr-pageof-account-card-account-t1: #061018;       
  --cr-pageof-account-card-account-divider: #babcbf;  
  --cr-pageof-account-card-account-text: #061018;     
  --bg-pageof-account-card-account-btn: #171d23;      
  --cr-pageof-account-card-account-btn: #fff;         
  --bg-pageof-account-card-account-logbtn: #068df1;   
  --cr-pageof-account-card-account-logbtn: #fff;      

  
  --bg-pageof-account-purchase-history-year: #171d23;   
  --cr-pageof-account-purchase-history-year: #fff;      
  --bg-pageof-account-purchase-history-monuth: #171d23; 
  --cr-pageof-account-purchase-history-monuth: #171d23; 
  --bg-pageof-account-purchase-history-day: #171d23;    
  --cr-pageof-account-purchase-history-day: #fff;       
  --bg-pageof-account-purchase-history-day-content: #171d23; 
  --cr-pageof-account-purchase-history-day-content: #fff;    

  
  --bg-pageof-account-purchase-history-day-content-success: #132628; 
  --cr-pageof-account-purchase-history-day-content-success: #50c16f; 
  --bg-pageof-account-purchase-history-day-content-pending: #cd6a08; 
  --cr-pageof-account-purchase-history-day-content-pending: #f79a16; 
  --bg-pageof-account-purchase-history-day-content-failed: #6d1020;  
  --cr-pageof-account-purchase-history-day-content-failed: #ff4162;  

  
  --bg-pageof-account-purchase-history-day-content-code-section: #fff;   
  --cr-pageof-account-purchase-history-day-content-code-section: #363d47;
  --bg-pageof-account-purchase-history-day-content-code-section-btn: #068df1; 
  --cr-pageof-account-purchase-history-day-content-code-section-btn: #fff;    

  
  --bg-pageof-terms-page: #061018;              
  --cr-pageof-terms-page-t1: #fff;              
  --cr-pageof-terms-page-t2: #babcbf;           
  --bg-pageof-terms-page-card: #fff;            
  --bg-pageof-terms-page-card-icon: #068df1;    
  --cr-pageof-terms-page-card-icon: #fff;       
  --cr-pageof-terms-page-card-title: #2c3e50;   
  --cr-pageof-terms-page-card-divider: #2c3e50; 
  --cr-pageof-terms-page-card-dot: #068df1;     
  --cr-pageof-terms-page-card-dot-dec: #061018; 

  
  --bg-pageof-apps: #061018;             
  --bg-count-apps: #fff;             
  --cr-count-apps: #061018;             
  --bg-pageof-apps-card: #fff;           
  --cr-pageof-apps-card-name: #068df1;   
  --cr-pageof-apps-card-ver: #061018;    
  --cr-pageof-apps-card-dec: #000;       
  --cr-pageof-apps-card-more: #068df1;   
  --cr-pageof-apps-card-date: #000;      

  
  --bg-pageof-stutsDown: #061018;              
  --cr-pageof-stutsDown-loadingText: #fff; 
  --bg-pageof-stutsDown-card1: #fff;           
  --cr-pageof-stutsDown-card1-t1: #061018;     
  --cr-pageof-stutsDown-card1-t2: #061018;     
  --cr-pageof-stutsDown-card1-icon-ok: #068df1;
  --cr-pageof-stutsDown-card1-icon-band: #ff9800; 
  --cr-pageof-stutsDown-card1-icon-certNo: #f44336; 
  --bg-pageof-stutsDown-card1-btnDown: #068df1; 
  --cr-pageof-stutsDown-card1-btnDown: #fff;    
  --bg-pageof-stutsDown-card1-status-timer: #f5f7fa; 
  --cr-pageof-stutsDown-card1-status-timer: #061018; 
  --cr-pageof-stutsDown-user-section-title: #fff; 
  --bg-pageof-stutsDown-card2: #fff;           
  --cr-pageof-stutsDown-card2-t1: #061018;     
  --cr-pageof-stutsDown-card2-t2: #061018;     
  --cr-pageof-stutsDown-card2-icon: #fff;      
  --bg-pageof-stutsDown-card2-bg1: #068df1;    
  --bg-pageof-stutsDown-card2-bg2: #068df1;    
  --bg-pageof-stutsDown-card2-bg3: #068df1;    
  --bg-pageof-stutsDown-card2-bg4: #068df1;    
  --bg-pageof-stutsDown-card2-bg5: #068df1;    
  

  --primary: #5e35b1;
  --primary-light: #7e57c2;
  --primary-dark: #4527a0;
  --secondary: #00bcd4;
  --secondary-light: #26c6da;
  --secondary-dark: #0097a7;
  --accent: #f72585;

  --success: #4caf50;
  --warning: #ff9800;
  --error: #f44336;
  --red: #dc3545;
  --blue: #007bff;
  --indigo: #6610f2;
  --white: #ffffff;
  --out-of-stock-color: #6c757d;
  --products-enablle: red;

  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
  --gray: #9e9e9e;
  --gray-light: #f5f7fa;

  --text-primary: #212121;
  --text-secondary: #757575;

  --light: #f5f5f5;
  --dark: #212529;

  --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);
  --gradient-success: linear-gradient(135deg, var(--success) 0%, #2e7d32 100%);
  --gradient-warning: linear-gradient(135deg, var(--warning) 0%, #ff6d00 100%);
  --gradient-error: linear-gradient(135deg, var(--error) 0%, #d32f2f 100%);

  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 5px 20px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);
  --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  --box-shadow-hover: 0 10px 25px rgba(0, 0, 0, 0.15);
--border-radius: 12px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);}.pgs-legacy .alert-error{color: var(--cr-pageof-lo-re-alert-error);}.pgs-legacy header{background: var(--bg-header);
    backdrop-filter: blur(10px);
    color: var(--cr-header);
    padding: 15px 20px;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;}.pgs-legacy .header-container{display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;}.pgs-legacy .logo{display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.3rem;
    color: var(--cr-header);
    order: 0;}.pgs-legacy .logo img{width: 48px;
    height: 48px;
    object-fit: contain;
    vertical-align: middle;}.pgs-legacy .brand-name{font-weight: 600;}.pgs-legacy .header-actions{display: flex;
    align-items: center;
    gap: 10px;
    order: 2;}.pgs-legacy .card-account{background: var(--bg-pageof-account-card);
border-radius: var(--border-radius);
padding: 25px;
margin-bottom: 25px;
box-shadow: var(--shadow);
transition: var(--transition);}.pgs-legacy .sign-in{padding: 8px 12px;
    border: 2px solid var(--cr-header);
    border-radius: 30px;
    background: transparent;
    color: var(--cr-header);
    font-weight: 500;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s ease;}.pgs-legacy .sign-in:hover{background: var(--cr-header);
    color: var(--bg-header);
    transform: translateY(-2px);}.pgs-legacy .mobile-menu-btn{display: none; 
    background: none;
    border: none;
    color: var(--cr-header);
    font-size: 1.5rem;
    cursor: pointer;
    padding: 5px;
    margin-right: 5px;}.pgs-legacy .mobile-menu-btn iconify-icon{margin-top: 5px;}.pgs-legacy nav{display: flex;
    align-items: center;
    gap: 20px;
    order: 1;}.pgs-legacy #nav-menu{display: flex;
    list-style: none;
    gap: 20px;
    margin: 0;
    padding: 0;
    transition: max-height 0.5s ease, opacity 0.5s ease;}.pgs-legacy #nav-menu li a{color: var(--cr-header);
    text-decoration: none;
    font-weight: 500;
    font-size: 1rem;
    padding: 8px 0;
    position: relative;
    transition: var(--transition);}.pgs-legacy #nav-menu li a:after{content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    right: 0;
    background-color: var(--cr-header);
    transition: var(--transition);}.pgs-legacy #nav-menu li a:hover:after{width: 100%;}@media (min-width: 1025px){.pgs-legacy .header-container{justify-content: space-between;}.pgs-legacy .logo{order: 0;}.pgs-legacy nav{order: 2;
        display: flex !important;
        position: static;
        flex-direction: row;
        padding: 0;
        box-shadow: none;}.pgs-legacy #nav-menu{left: 0;
        right: 0;
         display: flex !important;
        position: static;
        flex-direction: row;
       padding: 0;
        box-shadow: none;}.pgs-legacy .header-actions{order: 1;
        gap: 10px;}.pgs-legacy .mobile-menu-btn{display: none !important;}.pgs-legacy .sign-in{padding: 8px 12px;
        font-size: 0.95rem;}}@media (max-width: 1024px){.pgs-legacy .header-container{justify-content: space-between;
        position: relative;}.pgs-legacy .logo{order: 0;}.pgs-legacy nav{order: 3;
        width: 100%;
        position: static;}.pgs-legacy #nav-menu{display: none;
        position: fixed;
        top: 100%;
      
        left: 0;
        right: 0;
        background: var(--bg-header);
        flex-direction: column;
        padding: 20px;
      margin: 0;
      width:100%;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        gap: 15px;
        z-index: 999;}.pgs-legacy #nav-menu.active{display: flex !important;}.pgs-legacy .header-actions{order: 1;
        gap: 8px;}.pgs-legacy .mobile-menu-btn{display: block !important;
        order: 2;}.pgs-legacy .sign-in{padding: 6px 10px;
        font-size: 0.9rem;}}@media (max-width: 480px){.pgs-legacy header{padding: 12px 15px;}.pgs-legacy .logo{font-size: 1.1rem;}.pgs-legacy .logo img{width: 40px;
        height: 40px;}.pgs-legacy .mobile-menu-btn{font-size: 1.3rem;}.pgs-legacy .sign-in{padding: 5px 8px;
        font-size: 0.85rem;}}.pgs-legacy #loading-screen{position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--bg-hero);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 99999;
            transition: opacity 0.5s ease-out;}.pgs-legacy #loading-screen.hide{opacity: 0;
            pointer-events: none;}.pgs-legacy .spinner{width: 50px;
            height: 50px;
            border: 4px solid  var(--cr-hero-t1);
            border-top: 4px solid var(--cr-hero-t2);
            border-radius: 50%;
            animation: spin 1s linear infinite;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}.pgs-legacy .loading-text{display: none;
            margin-top: 20px;
            color: #333;
            font-size: 16px;
            font-family: Arial, sans-serif;}.pgs-legacy .section-header{opacity: 0;
            transition: opacity 0.3s ease-in;}.pgs-legacy .section-header.loaded{opacity: 1;}.pgs-legacy .features-grid,.pgs-legacy .packs-grid,.pgs-legacy .categories-grid,.pgs-legacy .faq-container,.pgs-legacy .tutorials-grid{opacity: 0;
            transition: opacity 0.3s ease-in;}.pgs-legacy .features-grid.loaded,.pgs-legacy .packs-grid.loaded,.pgs-legacy .categories-grid.loaded,.pgs-legacy .faq-container.loaded,.pgs-legacy .tutorials-grid.loaded{opacity: 1;}.pgs-legacy footer{background: var(--bg-footer);
    color: var(--cr-footer-t1);
    padding: 60px 0 30px;
    position: relative;}.pgs-legacy .footer-content{display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    margin-bottom: 40px;}.pgs-legacy .footer-about h3{font-size: 1.5rem;
    margin-bottom: 20px;
    color: white;}.pgs-legacy .footer-about p{color: var(--cr-footer-t2);
    margin-bottom: 20px;
    line-height: 1.8;}.pgs-legacy .footer-social{display: flex;
    gap: 15px;}.pgs-legacy .social-link{display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
      color: var(--cr-footer-social);
    background: var(--bg-footer-social);

    text-decoration: none;
    transition: var(--transition);}.pgs-legacy .social-link:hover{background: var(--cr-footer-social);
    color: var(--bg-footer-social);
    transform: translateY(-5px);}.pgs-legacy{--transition: all 0.3s ease;}.pgs-legacy{background-color: var(--bg-site);}.pgs-legacy section{padding: 80px 0;}.pgs-legacy .section-header{text-align: center;
            margin-bottom: 60px;}.pgs-legacy .section-header h2{font-size: 2.5rem;
    color: var(--cr-features-t1); 
            margin-bottom: 15px;
            font-weight: 800;
            position: relative;
            display: inline-block;}.pgs-legacy .section-header h2::after{content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
        
            border-radius: 2px;}.pgs-legacy .section-header p{font-size: 1.2rem;
              color: var(--cr-features-t2); 

            max-width: 700px;
            margin: 20px auto 0;}.pgs-legacy .hero{background:  var(--bg-hero);
            color: white;
            padding: 120px 0 80px;
            position: relative;
            overflow: hidden;}.pgs-legacy .hero-content{display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
            z-index: 2;
            flex-direction: row-reverse;}.pgs-legacy .hero-text{flex: 1;
            max-width: 600px;
            text-align: right; 
            order: 2;}.pgs-legacy .hero-text h1{color: var(--cr-hero-t1);
            font-size: 3.2rem;
            margin-bottom: 20px;
            font-weight: 900;
            line-height: 1.2;}.pgs-legacy .hero-text p{color: var(--cr-hero-t2);
            font-size: 1.2rem;
            margin-bottom: 30px;
            opacity: 0.9;}.pgs-legacy .hero-buttons{display: flex;
            gap: 15px;
            flex-wrap: wrap;
            justify-content: flex;}.pgs-legacy .hero-image{flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            order: 1;}.pgs-legacy .hero-image img{max-width: 320px;
            filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.3));}.pgs-legacy .btn{display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 14px 32px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            transition: var(--transition);
            cursor: pointer;
            border: none;
            font-size: 1rem;
            gap: 8px;}.pgs-legacy .btn-code{background-color: var(--bg-hero-btn1);
            color: var(--cr-hero-btn);}.pgs-legacy .btn-code:hover{background-color: var(--cr-hero-btn1);
          color: var(--bg-hero-btn1);
            transform: translateY(-3px);}.pgs-legacy .btn-install{background-color: var(--bg-hero);
            color: var(--cr-hero-btn2);
            border: 2px solid var(--cr-hero-btn2);
            backdrop-filter: blur(10px);}.pgs-legacy .btn-install:hover{background-color: var(--cr-hero-btn2);;
            color: var(--bg-hero);
            transform: translateY(-3px);}@keyframes float{0%, 100%{transform: translateY(0);}50%{transform: translateY(-20px);}}@media (max-width: 992px){.pgs-legacy .hero-content{flex-direction: column;}.pgs-legacy .hero-text{order: 2; 
                text-align: center; 
                margin-bottom: 40px;}.pgs-legacy .hero-buttons{justify-content: center;}.pgs-legacy .hero-image{order: 1; 
                margin-bottom: 40px;}.pgs-legacy .hero-text h1{font-size: 2.2rem;}}@media (max-width: 576px){.pgs-legacy .hero-text h1{font-size: 1.8rem;}.pgs-legacy .hero-buttons{flex-direction: column;}.pgs-legacy .btn{width: 100%;
                text-align: center;}}.pgs-legacy .features-grid{display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;}.pgs-legacy #features-t1{color: var(--cr-features-t1);
            font-size: 3.2rem;
            margin-bottom: 10px;
            font-weight: 400;
            line-height: 1.2;}.pgs-legacy #features-t2{color: var(--cr-features-t2);
            font-size: 1.2rem;
            margin-bottom: 30px;
            opacity: 0.9;}.pgs-legacy #features{background: var(--bg-features);}.pgs-legacy .feature-item{display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;}.pgs-legacy .feature-card{background: var(--bg-features-card);
    width: 5rem;
    height: 5rem;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;}.pgs-legacy .feature-card iconify-icon{font-size: 2rem;
    color: white;}.pgs-legacy .feature-content h3{font-size: 1.4rem;
    margin-bottom: 10px;
    color: var(--cr-features-card-t1);}.pgs-legacy .feature-content p{color: var(--cr-features-card-t2);
    line-height: 1.6;}.pgs-legacy #packs-t1{color: var(--cr-packs-t1);
            font-size: 2.3rem;
            margin-bottom: 10px;
            font-weight: 400;
            line-height: 1.2;}.pgs-legacy #packs-t2{color: var(--cr-packs-t2);
            font-size: 1.1rem;
            margin-bottom: 30px;
            opacity: 0.9;}@media (max-width: 768px){.pgs-legacy #packs-t1{font-size: 2rem;}.pgs-legacy #packs-t2{font-size: 1rem;
        margin-bottom: 24px;}}@media (max-width: 480px){.pgs-legacy #packs-t1{font-size: 1.75rem;}.pgs-legacy #packs-t2{font-size: 0.95rem;
        margin-bottom: 20px;}}.pgs-legacy #packs{background: var(--bg-packs);}.pgs-legacy .packs-grid{display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    justify-content: center;
    align-items: start;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;}@media (min-width: 1400px){.pgs-legacy .packs-grid{grid-template-columns: repeat(3, 1fr);
        max-width: 1400px;}}@media (min-width: 1024px) and (max-width: 1399px){.pgs-legacy .packs-grid{grid-template-columns: repeat(3, 1fr);
        max-width: 1200px;}}@media (min-width: 768px) and (max-width: 1023px){.pgs-legacy .packs-grid{grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0 16px;}}@media (max-width: 767px){.pgs-legacy .packs-grid{grid-template-columns: 1fr;
        gap: 20px;
        padding: 0 16px;}.pgs-legacy .pack-card{max-width: 100%;
        width: 100%;
        padding: 20px;}.pgs-legacy .pack-price{font-size: 40px;}.pgs-legacy .pack-currency{font-size: 16px;}.pgs-legacy .pack-title{font-size: 20px;}.pgs-legacy .pack-device-badge{font-size: 0.75rem;
        padding: 6px 12px;}.pgs-legacy .pack-badge{font-size: 0.7rem;
        padding: 4px 10px;}}@media (max-width: 480px){.pgs-legacy .packs-grid{padding: 0 12px;
        gap: 16px;}.pgs-legacy .pack-card{padding: 18px;
        border-radius: 16px;}.pgs-legacy .pack-price{font-size: 36px;}.pgs-legacy .pack-title{font-size: 18px;
        margin-bottom: 16px;}.pgs-legacy .pack-card-header-top{margin-bottom: 16px;
        gap: 8px;}.pgs-legacy .pack-device-badge{font-size: 0.7rem;
        padding: 5px 10px;}.pgs-legacy .pack-device-badge iconify-icon{font-size: 14px;}.pgs-legacy .pack-badge{font-size: 0.65rem;
        padding: 4px 8px;}.pgs-legacy .pack-header{margin-bottom: 20px;}.pgs-legacy .pack-price-container{margin: 12px 0;}.pgs-legacy .pack-button .btn{font-size: 14px;
        padding: 10px;}}.pgs-legacy .packs-grid::-webkit-scrollbar{height: 8px;}.pgs-legacy .packs-grid::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.2);
    border-radius: 4px;}.pgs-legacy .pack-card{width: 100%;
    max-width: 100%;
    background: var(--bg-packs-card);
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;}.pgs-legacy .pack-card:hover{transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);}.pgs-legacy .pack-card-header-top{display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 10px;
    flex-wrap: wrap;}.pgs-legacy .pack-device-badge{display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    z-index: 2;
    white-space: nowrap;
    flex-shrink: 0;}.pgs-legacy .pack-device-badge iconify-icon{font-size: 16px;
    flex-shrink: 0;}.pgs-legacy .device-all{background: #EDE7F6;
    color: #5E35B1;}.pgs-legacy .device-iphone{background: #E3F2FD;
    color: #1976D2;}.pgs-legacy .device-ipad{background: #E8F5E9;
    color: #388E3C;}.pgs-legacy .pack-badge{background: var(--bg-packs-card-type);
    color: var(--cr-packs-card-type);
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    z-index: 2;
    white-space: nowrap;
    text-align: center;}.pgs-legacy .pack-header{text-align: center;
    margin-bottom: 24px;
    padding-top: 10px;}.pgs-legacy .pack-title{color: var(--cr-packs-card-title);
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.3;}.pgs-legacy .pack-price-container{display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 16px 0;}.pgs-legacy .pack-price{font-size: 48px;
    font-weight: 800;
    color: var(--cr-packs-card-price);
    margin: 0;
    line-height: 1;
    text-align: center;}.pgs-legacy .pack-currency{font-size: 18px;
    font-weight: 500;
    color: var(--cr-packs-card-price);
    opacity: 0.75;
    text-align: center;
    letter-spacing: 0.5px;}.pgs-legacy .pack-button{margin-bottom: 20px;}.pgs-legacy .pack-button .btn{display: block;
            width: 100%;
          background: var(--bg-packs-card-btn);
    color: var(--cr-packs-card-btn);
            font-weight: 700;
            font-size: 16px;
            padding: 12px;
            text-align: center;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            transition: background 0.3s ease;}.pgs-legacy .pack-button .btn:hover{background: var(--cr-packs-card-btn);
    color: var(--bg-packs-card-btn);}.pgs-legacy .pack-divider{border: none;
    border-top: 1px solid var(--cr-packs-card-features-divider);
            margin: 20px 0;}.pgs-legacy .pack-features-title{font-weight: 700;
            font-size: 16px;
            margin-bottom: 12px;
    color: var(--cr-packs-card-featuresOfpack);
            text-align: right;}.pgs-legacy .pack-features{list-style: none;
            padding: 0;
            margin: 0;
            text-align: right;}.pgs-legacy .pack-features li{display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 14px;
    color: var(--cr-packs-card-features-packs);
    margin-bottom: 10px;
    line-height: 1.5;}.pgs-legacy .pack-features li.no-features{color: var(--cr-packs-card-features-packs);
    opacity: 0.6;
    font-style: italic;}.pgs-legacy .pack-features li iconify-icon{color: var(--cr-packs-card-features-icon);
    font-weight: bold;
    margin-left: 8px;
    font-size: 16px;
    margin-top: 2px;
    flex-shrink: 0;}@media (min-width: 768px) and (max-width: 1023px){.pgs-legacy .pack-card{padding: 22px;}.pgs-legacy .pack-price{font-size: 44px;}.pgs-legacy .pack-title{font-size: 21px;}}@media (min-width: 1024px){.pgs-legacy .pack-card:hover{transform: translateY(-8px);}}.pgs-legacy #mntgat-t1{color: var(--cr-mntgat-t1);
    font-size: 2.3rem;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;}.pgs-legacy #mntgat-t2{color: var(--cr-mntgat-t2);
    font-size: 1.1rem;
    margin-bottom: 30px;
    opacity: 0.9;
    text-align: center;}.pgs-legacy #mntgat{background: var(--bg-mntgat);
    padding: 40px 20px;}.pgs-legacy .categories-grid{display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 300px));
    gap: 25px;
    justify-content: center;}.pgs-legacy .category-card{background: var(--bg-mntgat-card);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    position: relative;}.pgs-legacy .category-card:hover{transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);}.pgs-legacy .category-badge{position: absolute;
    top: 15px;
    left: 15px;
    background: var(--bg-mntgat-card-type);
    color: var(--cr-mntgat-card-type);
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 600;
    z-index: 2;}.pgs-legacy .category-image{height: auto;
    overflow: hidden;}.pgs-legacy .category-image img{width: 100%;
    height: 100%;
    object-fit: contian;
    transition: transform 0.3s ease;}.pgs-legacy .category-card:hover .category-image img{transform: scale(1.1);}.pgs-legacy .category-content{padding: 20px;}.pgs-legacy .category-name{font-size: 1.3rem;
    margin-bottom: 8px;
    font-weight: 700;
    color: var(--cr-mntgat-card-title);}.pgs-legacy .category-description{color: var(--cr-mntgat-card-description);
    margin-bottom: 15px;
    line-height: 1.5;
    text-align: center;
    font-size: 0.95rem;}.pgs-legacy .category-link{display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cr-mntgat-card-go);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease;
    gap: 5px;}.pgs-legacy .category-link iconify-icon{transition: transform 0.3s ease;}.pgs-legacy .category-link:hover{color: var(--accent-color);}.pgs-legacy .category-link:hover iconify-icon{transform: translateX(5px);}@media (max-width: 500px){.pgs-legacy .categories-grid{grid-template-columns: 1fr;
        gap: 15px;}.pgs-legacy .category-card{border-radius: 15px;}}.pgs-legacy #faq-t1{color: var(--cr-faq-t1);
            font-size: 2.3rem;
            margin-bottom: 10px;
            font-weight: 400;
            line-height: 1.2;}.pgs-legacy #faq-t2{color: var(--cr-faq-t2);
            font-size: 1.1rem;
            margin-bottom: 30px;
            opacity: 0.9;}.pgs-legacy #faq{background: var(--bg-faq);}.pgs-legacy .faq-container{max-width: 800px;
            margin: 0 auto;}.pgs-legacy .faq-item{background: var(--bg-faq-card);
            border-radius: var(--border-radius);
            margin-bottom: 20px;
            box-shadow: var(--box-shadow);
            overflow: hidden;
            transition: var(--transition);}.pgs-legacy .faq-item:hover{box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);}.pgs-legacy .faq-question{padding: 20px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
            font-size: 1.1rem;
              color: var(--bg-faq-card-q);}.pgs-legacy .faq-question iconify-icon{transition: var(--transition);}.pgs-legacy .faq-answer{padding: 0 20px;
            max-height: 0;
            overflow: hidden;
            transition: var(--transition);
               color: var(--bg-faq-card-a);

            line-height: 1.8;}.pgs-legacy .faq-item.active .faq-answer{padding: 0 20px 20px;
            max-height: 500px;}.pgs-legacy .faq-item.active .faq-question iconify-icon{transform: rotate(180deg);}.pgs-legacy #tutorials-t1{color: var(--cr-tutorials-t1);
            font-size: 2.3rem;
            margin-bottom: 10px;
            font-weight: 400;
            line-height: 1.2;}.pgs-legacy #tutorials-t2{color: var(--cr-tutorials-t2);
            font-size: 1.1rem;
            margin-bottom: 30px;
            opacity: 0.9;}.pgs-legacy #tutorials{background: var(--bg-tutorials);}.pgs-legacy .tutorials-grid{display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 30px;}.pgs-legacy .tutorial-card{background: var(--bg-tutorials-card);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: var(--box-shadow);
            transition: var(--transition);}.pgs-legacy .tutorial-card:hover{transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);}.pgs-legacy .tutorial-video{position: relative;
            padding-top: 56.25%; 
            background: #000;}.pgs-legacy .tutorial-video iframe{position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;}.pgs-legacy .tutorial-content{padding: 20px;}.pgs-legacy .tutorial-title{font-size: 1.2rem;
            margin-bottom: 10px;
    color: var(--bg-tutorials-card-title);}.pgs-legacy .tutorial-description{color: var(--bg-tutorials-card-description);
            line-height: 1.6;}@media (max-width: 992px){.pgs-legacy .hero-content{flex-direction: column;
                text-align: center;}.pgs-legacy .hero-text{margin-bottom: 40px;}.pgs-legacy .hero-buttons{justify-content: center;}.pgs-legacy .section-header h2{font-size: 2rem;}}@media (max-width: 576px){.pgs-legacy .hero-text h1{font-size: 1.8rem;}.pgs-legacy .hero-buttons{flex-direction: column;}.pgs-legacy .btn{width: 100%;
                text-align: center;}.pgs-legacy .section-header h2{font-size: 1.8rem;}.pgs-legacy .section-header p{font-size: 1rem;}}.pgs-legacy .hidden{display: none !important;}.pgs-legacy #loadingText{position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 16px;
      color: var(--down-page-textTjhez);}.pgs-legacy .truncate-description{overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;}.pgs-legacy nav.active{display: flex;
               z-index:1242;}.pgs-legacy .card{background: var(--bg-pageof-lo-re);
            border-radius: var(--border-radius);
            transition: var(--transition);
            padding: 2rem;
            overflow: hidden;
            position: relative;}.pgs-legacy .card::before{content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 5px;}.pgs-legacy .grid-layout{display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;}.pgs-legacy .header-section{text-align: center;
            margin-bottom: 0.2rem;
            grid-column: 1 / -1;}.pgs-legacy .icon-container{width: 5rem;
            height: 5rem;
            background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.2rem;
            box-shadow: 0 5px 15px rgba(67, 97, 238, 0.2);}.pgs-legacy .title{font-size: 2rem;
            font-weight: 800;
            color: var(--cr-pageof-lo-re-t1);
            margin: 0;
            background: var(--cr-pageof-lo-re-t1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;}.pgs-legacy .form-section{grid-column: 1 / -1;}.pgs-legacy .form-group{margin-bottom: 0.5rem;
            position: relative;}.pgs-legacy .form-label{display: block;
            color: var(--cr-pageof-lo-re-label);
            font-weight: 600;
            font-size: 0.95rem;}.pgs-legacy .input-field{transition: var(--transition);
            border-radius: 10px;
            padding: 0.85rem 1rem;
            display: flex;
            align-items: center;
            background: var(--bg-pageof-lo-re-input-text);
            position: relative;
           color: var(--cr-pageof-lo-re-input-text);}.pgs-legacy .input-field input,.pgs-legacy .input-field select{width: 100%;
            outline: none;
            background: transparent;
            border: none;
            font-size: 1rem;
            color: var(--cr-pageof-lo-re-input-text);}.pgs-legacy .input-field:focus-within{border-color: var(--cr-pageof-lo-re-icon);
            box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.15);}.pgs-legacy .input-field select{appearance: none;}.pgs-legacy .phone-field-container{display: flex;
            width: 100%;
            border-radius: 10px;
            overflow: hidden;
            transition: var(--transition);}.pgs-legacy .phone-field-container:focus-within{border-color: var(--cr-pageof-lo-re-icon);
            box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.15);}.pgs-legacy .country-select-container{flex: 0 0 30%; 
            position: relative;
            border-left: 1px solid var(--gray-300);}.pgs-legacy .phone-input-container{flex: 0 0 70%;}.pgs-legacy .country-select-container .input-field{border: none;
            border-radius: 0;
            padding-right: 0.5rem;}.pgs-legacy .phone-input-container .input-field{border: none;
            border-radius: 0;}.pgs-legacy .phone-input-container .input-field input{padding-right: 0;}.pgs-legacy .country-select-container::after{content: '\25BC';
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--gray-500);
            pointer-events: none;
            font-size: 12px;}.pgs-legacy .device-info{background: linear-gradient(to bottom, var(--gray-100) 0%, var(--white) 100%);
            padding: 1.5rem;
            border-radius: var(--border-radius);
            border: 1px solid var(--gray-300);
            grid-column: 1 / -1;
            margin-bottom: 1rem;
            position: relative;}.pgs-legacy .device-info::before{content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 5px;
            height: 100%;
            background: linear-gradient(to bottom, var(--primary), var(--secondary));
            border-top-right-radius: var(--border-radius);
            border-bottom-right-radius: var(--border-radius);}.pgs-legacy .device-info-title{font-weight: 700;
            color: var(--gray-800);
            margin-bottom: 1rem;
            font-size: 1.2rem;
            display: flex;
            align-items: center;
            grid-column: 1 / -1;}.pgs-legacy .form-fields{display: grid;
            grid-template-columns: 1fr;
            gap: 1.5rem;
            grid-column: 1 / -1;}.pgs-legacy .full-width{grid-column: 1 / -1;}.pgs-legacy .error-message{color: var(--red);
            font-size: 0.85rem;
            margin-top: 0.5rem;
            display: none;
            font-weight: 500;}.pgs-legacy .terms-container{display: flex;
            align-items: flex-start;
            padding: 1.2rem;
            border-radius: var(--border-radius);
            grid-column: 1 / -1;
            margin: 1rem 0;
            border: 1px solid rgba(0, 123, 255, 0.1);}.pgs-legacy .terms-checkbox{margin-left: 0.4rem;
            accent-color: red;
            width: 18px;
            height: 18px;
            cursor: pointer;}.pgs-legacy .terms-label{font-size: 0.9rem;
            color: var(--cr-pageof-lo-re-login-p);
            line-height: 1.5;}.pgs-legacy .terms-label a{color: var(--cr-pageof-lo-re-login-a);
            font-weight: 600;
            text-decoration: none;
            transition: var(--transition);}.pgs-legacy .terms-label a:hover{text-decoration: underline;
            color: var(--secondary);}.pgs-legacy .btn-primary{background: var(--bg-pageof-lo-re-btn);
            transition: var(--transition);
            color: var(--cr-pageof-lo-re-btn);
            width: 100%;
            padding: 1rem 1.5rem;
            border-radius: var(--border-radius);
            font-weight: 600;
            font-size: 1.1rem;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            grid-column: 1 / -1;
            margin-top: 1rem;
            position: relative;
            overflow: hidden;}.pgs-legacy .btn-primary::before{content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: var(--bg-pageof-lo-re-btn);
            opacity: 0;
            transition: var(--transition);}.pgs-legacy .btn-primary:hover{transform: translateY(-3px);}.pgs-legacy .btn-primary:hover::before{opacity: 1;}.pgs-legacy .btn-primary span{position: relative;
            z-index: 1;}.pgs-legacy .hidden{display: none;}.pgs-legacy .loader{width: 24px;
            height: 24px;
            border: 3px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            border-top-color: white;
            animation: spin 1s ease-in-out infinite;
            margin-left: 0.5rem;
            position: relative;
            z-index: 1;}@keyframes spin{to{transform: rotate(360deg);}}.pgs-legacy .input-field,.pgs-legacy .btn-primary,.pgs-legacy .card,.pgs-legacy .terms-container{transition: var(--transition);}@media (min-width: 768px){.pgs-legacy .grid-layout{grid-template-columns: 1fr 1fr;}.pgs-legacy .header-section{grid-column: 1 / -1;}.pgs-legacy .form-fields{grid-template-columns: 1fr 1fr;}.pgs-legacy .device-info{display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 1.5rem;}}@media (min-width: 992px){.pgs-legacy .grid-layout{grid-template-columns: 1fr 1fr;}.pgs-legacy .header-section{grid-column: 1 / -1;}.pgs-legacy .form-section{grid-column: 1 / -1;}.pgs-legacy .device-info{grid-template-columns: 1fr 1fr;}}@media (max-width: 480px){.pgs-legacy .card{padding: 1.5rem;}.pgs-legacy .input-field{padding: 0.75rem;}.pgs-legacy .btn-primary{padding: 0.9rem;}.pgs-legacy .title{font-size: 1.7rem;}.pgs-legacy .phone-field-container{flex-direction: column;}.pgs-legacy .country-select-container{flex: 0 0 auto;
                border-left: none;
                border-bottom: 1px solid var(--gray-300);}.pgs-legacy .phone-input-container{flex: 0 0 auto;}}.pgs-legacy input:focus,.pgs-legacy select:focus{outline: none;}.pgs-legacy .fade-in{opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease, transform 0.6s ease;}.pgs-legacy .fade-in.visible{opacity: 1;
            transform: translateY(0);}.pgs-legacy .fade-in-login{animation: fadeIn 0.5s ease-in-out;}@keyframes fadeIn{from{opacity: 0; transform: translateY(10px);}to{opacity: 1; transform: translateY(0);}}.pgs-legacy #activationCodeField{transition: var(--transition);}@media (min-width: 768px) and (max-width: 991px){.pgs-legacy .container{max-width: 90%;}}.pgs-legacy .login-link{text-align: center;
            padding-top: 1.5rem;
            border-top: 1px solid var(--cr-pageof-lo-re-login-a);}.pgs-legacy .login-link p{color: var(--cr-pageof-lo-re-login-p);
            margin: 0;}.pgs-legacy .login-link a{color: var(--cr-pageof-lo-re-login-a);
            text-decoration: none;
            font-weight: 600;}.pgs-legacy .login-link a:hover{text-decoration: underline;}.pgs-legacy .auto-detection{background-color: rgba(67, 97, 238, 0.1);
            border: 1px solid rgba(67, 97, 238, 0.2);
            border-radius: 8px;
            padding: 0.75rem 1rem;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            font-size: 0.9rem;}.pgs-legacy .location-loading{display: flex;
            align-items: center;}.pgs-legacy .location-loading .loader{width: 16px;
            height: 16px;
            margin-left: 0.5rem;}.pgs-legacy .btn-secondary{background: var(--gray-200);
            color: var(--gray-700);
            border: none;
            padding: 0.5rem 1rem;
            border-radius: 6px;
            font-size: 0.9rem;
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;}.pgs-legacy .btn-secondary:hover{background: var(--gray-300);}.pgs-legacy .btn-secondary.small{padding: 0.4rem 0.8rem;
            font-size: 0.85rem;}.pgs-legacy iconify-icon{vertical-align: middle; 
    font-size: 1.2em;}.pgs-legacy .btn-primary iconify-icon,.pgs-legacy .btn-secondary iconify-icon{vertical-align: middle;
    font-size: 1.1em;
    margin-left: 8px;
    margin-right: 0;}.pgs-legacy .input-field iconify-icon{vertical-align: middle;
    font-size: 1.1em;
    margin-left: 8px;
    margin-right: 0;}.pgs-legacy .error-message iconify-icon{vertical-align: middle;
    font-size: 1em;
    margin-left: 5px;
    margin-right: 0;}.pgs-legacy .auto-detection iconify-icon{vertical-align: middle;
    font-size: 1.1em;
    margin-left: 8px;
    margin-right: 0;}.pgs-legacy .btn-primary span,.pgs-legacy .btn-secondary span{vertical-align: middle;
    line-height: normal;}.pgs-legacy .device-info-title iconify-icon{vertical-align: middle;
    font-size: 1.2em;
    margin-left: 8px;
    margin-right: 0;}.pgs-legacy .page-header{background: var(--bg-header);
            color: var(--cr-header);
            padding: 25px 0;
            margin-bottom: 20px;
            border-radius: 0 0 var(--border-radius) var(--border-radius);
            box-shadow: var(--box-shadow);}.pgs-legacy .breadcrumb{display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 12px;
            font-size: 0.9rem;
            flex-wrap: wrap;}.pgs-legacy .breadcrumb a{color: var(--cr-header);
            text-decoration: none;
            transition: var(--transition);}.pgs-legacy .breadcrumb a:hover{color: white;
            text-decoration: underline;}.pgs-legacy .breadcrumb span{color: white;}.pgs-legacy .breadcrumb iconify-icon{font-size: 0.7rem;}.pgs-legacy .page-title{font-size: 1.8rem;
            font-weight: 800;
            margin: 0;}.pgs-legacy .page-subtitle{color: red;
            font-size: 1rem;
            opacity: 0.9;
            margin-top: 8px;
            font-weight: 300;}.pgs-legacy .search-filter-box{background: none;}.pgs-legacy .search-header{display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            flex-wrap: wrap;
            gap: 12px;}.pgs-legacy .search-title{font-size: 1.2rem;
              color: var(--products-enable) !important;
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 700;}.pgs-legacy .search-results{color: var(--products-enable) !important;
    font-size: 0.9rem !important;}.pgs-legacy .filter-grid{display: grid;
            grid-template-columns: 1fr;
            gap: 15px;}.pgs-legacy .filter-group{display: flex;
            flex-direction: column;
            gap: 8px;}.pgs-legacy .filter-label{font-weight: 600;
            color: red;
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            gap: 6px;}.pgs-legacy .filter-buttons{display: flex;
            flex-wrap: wrap;
            gap: 8px;}.pgs-legacy .filter-btn{padding: 8px 14px;
            background: var(--products-enable) !important;

            border: 1px solid var(--products-enable) !important;
            border-radius: var(--border-radius-sm);
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 0.9rem;
            font-weight: 500;
            color: var(--products-enable);
            flex: 1;
            min-width: 0;
            justify-content: center;}.pgs-legacy .filter-btn:hover{background: #e9ecef;
            border-color: #ced4da;}.pgs-legacy .filter-btn.active{background: var(--products-enable) !important;
            color:var(--products-enable) !important;
            border-color: var(--primary-color);
            box-shadow: 0 4px 10px rgba(67, 97, 238, 0.25);}.pgs-legacy .select-wrapper{position: relative;}.pgs-legacy .select-wrapper iconify-icon{position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            color:var(--products-enable) !important;
            pointer-events: none;
            font-size: 0.9rem;}.pgs-legacy .sort-select,.pgs-legacy .category-select{padding: 10px 15px 10px 40px;
            border: 1px solid var(--products-enable) !important;
            border-radius: var(--border-radius-sm);
             background: var(--bg-ofpage);
            width: 100%;
            font-size: 0.9rem;
            color: var(--products-enable) !important;
            appearance: none;
            transition: var(--transition);}.pgs-legacy .sort-select:focus,.pgs-legacy .category-select:focus{outline: none;
            border-color: var(--primary-light);
            box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.15);}.pgs-legacy .products-grid{display: grid;
    grid-template-columns: repeat(5, 1fr); 
    gap: 15px;
    padding: 10px 0 40px;}.pgs-legacy .product-card{background: var(--bg-products-card);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--light-gray);}.pgs-legacy .product-card:hover{transform: translateY(-3px);
    box-shadow: var(--box-shadow-hover);}.pgs-legacy .product-image{width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-products-card);
    position: relative;
    padding: 10px;}.pgs-legacy .product-image img{width: 100%;
  object-fit: cover;
    border-radius: 8px;
    transition: var(--transition);}@media (max-width: 1200px){.pgs-legacy .products-grid{grid-template-columns: repeat(4, 1fr);}}@media (max-width: 992px){.pgs-legacy .products-grid{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 768px){.pgs-legacy .products-grid{grid-template-columns: repeat(2, 1fr);}}.pgs-legacy .product-card:hover .product-image img{transform: scale(1.05);}.pgs-legacy .product-badge{position: absolute;
            top: 10px;
            left: 10px;
           
            padding: 4px 8px;
            border-radius: 50px;
            font-size: 0.7rem;
            font-weight: bold;
            z-index: 2;}.pgs-legacy .product-content{padding: 15px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;}.pgs-legacy .product-name{font-size: 1rem;
           
            color: var(--cr-products-card-t1);
            font-weight: 700;
            line-height: 1.3;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            min-height: 2.6em;}.pgs-legacy .product-price-container{display: flex;
    flex-direction: column;}.pgs-legacy .product-price{font-size: 1.1rem;
            font-weight: bold;
            color: var(--cr-products-card-new-price);}.pgs-legacy .previous-price{font-size: 0.9rem;
            color: var(--cr-products-card-old-price);
             
            text-decoration: line-through;}.pgs-legacy .product-meta{display: flex;
            justify-content: space-between;
            color: var(--gray-color);
            font-size: 0.8rem;
            margin-bottom: 15px;}.pgs-legacy .stock-info{display: flex;
            align-items: center;
            gap: 4px;}.pgs-legacy .in-stock{color: var(--cr-products-card-in-stock);
            font-weight: bold;}.pgs-legacy .low-stock{color: var(--cr-products-card-low-stock);
            font-weight: bold;}.pgs-legacy .out-of-stock{color: var(--cr-products-card-out-stock);
            font-weight: bold;}.pgs-legacy .product-button{display: block;
            width: 100%;
            padding: 10px;
            background: var(--bg-products-card-btn);
            color: var(--cr-products-card-btn);
            text-align: center;
            border-radius: var(--border-radius-sm);
            text-decoration: none;
            font-weight: 600;
            transition: var(--transition);
            border: none;
            cursor: pointer;
            margin-top: auto;
            font-size: 0.9rem;}.pgs-legacy .product-button:hover{background: var(--cr-products-card-btn);
    color: var(--bg-product-card-btn);}.pgs-legacy .product-button:disabled{background: var(--cr-products-card-out-stock);
            cursor: not-allowed;
            transform: none;
            box-shadow: none;}.pgs-legacy .product-button:disabled:hover{background: var(--cr-product-card-out-stock);
            transform: none;}.pgs-legacy .out-of-stock-overlay{position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 255, 255, 0.55);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 10;
          margin: 10px;
            padding: 15px;}.pgs-legacy .out-of-stock-overlay:hover{transform: scale(1.05);}.pgs-legacy .out-of-stock-icon{font-size: 2rem;
            color: var(--out-of-stock-color);
            margin-bottom: 10px;}.pgs-legacy .out-of-stock-text{font-size: 1.1rem;
            font-weight: bold;
            color: var(--out-of-stock-color);
            text-align: center;}.pgs-legacy .loading{text-align: center;
            padding: 40px 0;
            font-size: 1rem;
            color: var(--gray-color);}.pgs-legacy .loading-spinner{display: inline-block;
            width: 40px;
            height: 40px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid var(--primary-color);
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin-bottom: 15px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}.pgs-legacy .error{text-align: center;
            padding: 40px 0;
            color: #dc3545;
            font-size: 1rem;}.pgs-legacy .pagination{display: flex;
            justify-content: center;
            margin-top: 30px;
            gap: 8px;
            flex-wrap: wrap;}.pgs-legacy .pagination-btn{padding: 8px 12px;
            background: var(--bg-products-card-btn);
          color: var(--cr-products-card-btn);
            border: 1px solid var(--light-gray);
            border-radius: var(--border-radius-sm);
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 4px;
            font-weight: 500;
            font-size: 0.9rem;
            min-width: 40px;
            justify-content: center;}.pgs-legacy .pagination-btn:hover{background: #f8f9fa;
            border-color: #ced4da;}.pgs-legacy .pagination-btn.active{background: var(--primary-color);
            color: white;
            border-color: var(--primary-color);}.pgs-legacy .no-products{text-align: center;
            padding: 40px 0;
            grid-column: 1 / -1;
          color: var(--products-enable) !important;}.pgs-legacy .no-products iconify-icon{font-size: 3rem;
          color: var(--products-enable) !important;
            margin-bottom: 15px;}@media (min-width: 480px){}@media (min-width: 640px){.pgs-legacy .container{padding: 0 20px;}.pgs-legacy .filter-grid{grid-template-columns: 1fr 1fr;
                gap: 20px;}}@media (min-width: 768px){.pgs-legacy .page-header{padding: 30px 0;
                margin-bottom: 30px;}.pgs-legacy .breadcrumb{font-size: 0.95rem;
                gap: 10px;
                margin-bottom: 15px;}.pgs-legacy .page-title{font-size: 2rem;}.pgs-legacy .page-subtitle{font-size: 1.1rem;}.pgs-legacy .search-filter-box{padding: 25px;}.pgs-legacy .search-header{margin-bottom: 20px;
                gap: 15px;}.pgs-legacy .search-title{font-size: 1.3rem;}.pgs-legacy .filter-grid{grid-template-columns: repeat(3, 1fr);}.pgs-legacy .filter-btn{padding: 10px 18px;
                flex: none;}.pgs-legacy .product-content{padding: 20px;}.pgs-legacy .product-name{font-size: 1.1rem;}.pgs-legacy .product-price{font-size: 1.3rem;}}@media (min-width: 1024px){}@media (max-width: 360px){.pgs-legacy .product-content{padding: 12px;}.pgs-legacy .product-name{font-size: 0.9rem;}.pgs-legacy .product-price{font-size: 1.1rem;}.pgs-legacy .product-button{padding: 8px;
                font-size: 0.85rem;}.pgs-legacy .filter-buttons{flex-direction: column;}.pgs-legacy .filter-btn{width: 100%;}}@media (max-height: 500px) and (orientation: landscape){.pgs-legacy .product-name{font-size: 0.9rem;
                -webkit-line-clamp: 1;
                min-height: 1.8em;}.pgs-legacy .product-description{-webkit-line-clamp: 1;}}.pgs-legacy .product-badge{color: var(--cr-products-badge);
        background: var(--bg-products-badge);}.pgs-legacy .product-details{display: grid;
            grid-template-columns: 1fr;
            gap: 30px;
            margin-bottom: 40px;}@media (min-width: 992px){.pgs-legacy .product-details{grid-template-columns: 1fr 1fr;}}.pgs-legacy .product-gallery{position: relative;}.pgs-legacy .main-image{width: 100%;
            border-radius: var(--border-radius);
            overflow: hidden;
            box-shadow: var(--box-shadow);
            margin-bottom: 15px;}.pgs-legacy .main-image img{width: 100%;
            height: auto;
            display: block;
            transition: var(--transition);}.pgs-legacy .thumbnail-container{display: flex;
            gap: 10px;
            overflow-x: auto;
            padding-bottom: 10px;}.pgs-legacy .thumbnail{width: 80px;
            height: 80px;
            border-radius: var(--border-radius-sm);
            overflow: hidden;
            cursor: pointer;
            border: 2px solid transparent;
            transition: var(--transition);
            flex-shrink: 0;
            background: red;}.pgs-legacy .thumbnail.active{border-color: var(--primary-color);}.pgs-legacy .thumbnail img{width: 100%;
            height: 100%;
            object-fit: cover;}.pgs-legacy .product-info{padding: 25px;
            background: var(--bg-product-card);
            border-radius: var(--border-radius);
            box-shadow: var(--box-shadow);}.pgs-legacy .product-title{font-size: 1.8rem;
            font-weight: 800;
            margin-bottom: 10px;
            color: var(--cr-product-card-t1);}.pgs-legacy .product-category{color: var(--cr-product-card-category);
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 5px;}.pgs-legacy .product-price-container{display: flex;
    flex-direction: column; 
    align-items: flex-start; 
    gap: 8px;
    margin-bottom: 20px;}.pgs-legacy .price-row{display: flex;
    align-items: center;
    gap: 15px;}.pgs-legacy .current-price{font-size: 1.8rem;
    font-weight: bold;
    color: var(--cr-product-card-price-new);}.pgs-legacy .old-price{font-size: 1.2rem;
    color: var(--cr-product-card-price-old);
    text-decoration: line-through;}.pgs-legacy .discount-badge{background: var(--bg-product-card-badge);
    color: var(--cr-product-card-badge);
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: bold;}.pgs-legacy .stock-info{display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 20px;
            padding: 12px;
            border-radius: var(--border-radius-sm);
            background: var(--bg-product-card-info-description);}.pgs-legacy .in-stock{color: var(--cr-product-card-in-stock);
            font-weight: bold;}.pgs-legacy .low-stock{color: var(--cr-product-card-low-stock);
            font-weight: bold;}.pgs-legacy .out-of-stock{color: var(--cr-product-card-out-stock);
            font-weight: bold;}.pgs-legacy .product-description{margin-bottom: 25px;
            line-height: 1.8;
            padding: 15px;
            background: var(--bg-product-card-info-description);
            border-radius: var(--border-radius-sm);}.pgs-legacy .product-description h3{margin-bottom: 10px;
            color: var(--cr-product-card-description-t1);}.pgs-legacy .product-description p{color: var(--cr-product-card-descriptions);}.pgs-legacy .action-buttons{display: flex;
            gap: 15px;
            flex-wrap: wrap;
            margin-bottom: 20px;}.pgs-legacy .buy-button,.pgs-legacy .cart-button{padding: 12px 25px;
            border-radius: var(--border-radius);
            font-weight: 600;
            font-size: 1rem;
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 8px;
            border: none;}.pgs-legacy .buy-button{background: var(--bg-product-card-btn-buy);
            color: var(--cr-product-card-btn-buy);
            flex: 1;
            justify-content: center;}.pgs-legacy .buy-button:hover{background: var(--cr-product-card-btn-buy);
            color: var(--bg-product-card-btn-buy);
            transform: translateY(-2px);}.pgs-legacy .cart-button{background: white;
            color: var(--primary-color);
            border: 1px solid var(--primary-color);}.pgs-legacy .cart-button:hover{background: var(--light-gray);}.pgs-legacy .buy-button:disabled,.pgs-legacy .cart-button:disabled{opacity: 0.6;
            cursor: not-allowed;}.pgs-legacy .buy-button:disabled:hover,.pgs-legacy .cart-button:disabled:hover{transform: none;}.pgs-legacy .product-meta{margin-top: 25px;
            padding-top: 20px;
            border-top: 1px solid var(--light-gray);}.pgs-legacy .meta-item{display: flex;
            justify-content: space-between;
            padding: 8px 0;
            border-bottom: 1px solid var(--light-gray);}.pgs-legacy .meta-item:last-child{border-bottom: none;}.pgs-legacy .meta-label{font-weight: 600;
            color: var(--dark-color);}.pgs-legacy .meta-value{color: var(--gray-color);}.pgs-legacy .section-title{font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--cr-product-similar-products-divider);}.pgs-legacy .similar-products h2{color: var(--cr-product-similar-products-t1);}.pgs-legacy .similar-products-horizontal{width: 100%;
            overflow-x: auto;
            padding: 10px 0 30px;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: thin;}.pgs-legacy .similar-products-horizontal::-webkit-scrollbar{height: 6px;}.pgs-legacy .similar-products-horizontal::-webkit-scrollbar-thumb{background: var(--primary-light);
            border-radius: 10px;}.pgs-legacy .horizontal-products-container{display: inline-flex;
            gap: 15px;
            padding: 5px;}.pgs-legacy .product-card{background: var(--bg-similar-products-card);
            border-radius: var(--border-radius);
            overflow: hidden;
            box-shadow: var(--box-shadow);
            transition: var(--transition);
            position: relative;
            display: flex;
            flex-direction: column;
            border: 1px solid var(--light-gray);
            width: 250px;
            flex-shrink: 0;}.pgs-legacy .product-card:hover{transform: translateY(-3px);
            box-shadow: var(--box-shadow-hover);}.pgs-legacy .product-image{width: 100%;
            aspect-ratio: 1/1;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--bg-similar-products-card);
            position: relative;
            padding: 10px;}.pgs-legacy .product-image img{width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 8px;
            transition: var(--transition);}.pgs-legacy .product-card:hover .product-image img{transform: scale(1.05);}.pgs-legacy .product-badge{position: absolute;
            top: 10px;
            left: 10px;
            background: var(--bg-similar-products-badge);
            color: var(--cr-similar-products-badge);
          
            padding: 4px 8px;
            border-radius: 50px;
            font-size: 0.7rem;
            font-weight: bold;
            z-index: 2;}.pgs-legacy .product-content{padding: 15px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;}.pgs-legacy .product-name{font-size: 1rem;
            color: var(--cr-similar-products-card-t1);
            font-weight: 700;
            line-height: 1.3;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            min-height: 2.6em;
            margin-bottom: 10px;}.pgs-legacy .product-price-container-card{display: flex;
            flex-direction: column;
            align-items: flex-end; 
            margin-top: -15px;
            direction: ltr;}.pgs-legacy .product-price{font-size: 1.1rem;
            font-weight: bold;
            color: var(--cr-similar-products-card-new-price);}.pgs-legacy .previous-price{font-size: 0.9rem;
            color: var(--cr-similar-products-card-old-price);
            text-decoration: line-through;}.pgs-legacy .product-meta-card{display: flex;
            justify-content: space-between;
            color: var(--gray-color);
            font-size: 0.8rem;
            margin-bottom: 15px;}.pgs-legacy .stock-info-card{display: flex;
            align-items: center;
            gap: 4px;}.pgs-legacy .in-stock{color: var(--cr-similar-products-card-in-stock);
            font-weight: bold;}.pgs-legacy .low-stock{color: var(--cr-similar-products-card-low-stock);
            font-weight: bold;}.pgs-legacy .out-of-stock{color: var(--cr-similar-products-card-out-stock);
            font-weight: bold;}.pgs-legacy .product-button{display: block;
            width: 100%;
            padding: 10px;
            background: var(--bg-similar-products-card-btn);
            color: var(--cr-similar-products-card-btn);
            text-align: center;
            border-radius: var(--border-radius-sm);
            text-decoration: none;
            font-weight: 600;
            transition: var(--transition);
            border: none;
            cursor: pointer;
            margin-top: auto;
            font-size: 0.9rem;}.pgs-legacy .product-button:hover{background: var(--cr-similar-products-card-btn);
            color: var(--bg-similar-products-card-btn);
            border: 1px solid var(--bg-product-card-btn);}.pgs-legacy .product-button:disabled{background: var(--cr-similar-products-card-out-stock);
            cursor: not-allowed;
            transform: none;
            box-shadow: none;}.pgs-legacy .product-button:disabled:hover{background: var(--cr-similar-products-card-out-stock);
            transform: none;}.pgs-legacy .out-of-stock-overlay{position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 255, 255, 0.95);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 10;
            padding: 15px;}.pgs-legacy .out-of-stock-icon{font-size: 2rem;
            color: var(--out-of-stock-color);
            margin-bottom: 10px;}.pgs-legacy .out-of-stock-text{font-size: 1.1rem;
            font-weight: bold;
            color: var(--out-of-stock-color);
            text-align: center;}.pgs-legacy .scroll-hint{text-align: center;
            color: var(--gray-color);
            font-size: 0.9rem;
            margin-top: -15px;
            margin-bottom: 20px;
            display: none;}@media (max-width: 768px){.pgs-legacy .scroll-hint{display: block;}.pgs-legacy .product-card{width: 220px;}.pgs-legacy .product-title{font-size: 1.5rem;}.pgs-legacy .current-price{font-size: 1.5rem;}.pgs-legacy .action-buttons{flex-direction: column;}.pgs-legacy .buy-button,.pgs-legacy .cart-button{width: 100%;
                justify-content: center;}}.pgs-legacy .notification{position: fixed;
            top: 20px;
            right: 20px;
            padding: 15px 20px;
            background: var(--success-color);
            color: white;
            border-radius: var(--border-radius);
            box-shadow: var(--box-shadow-hover);
            z-index: 1000;
            display: flex;
            align-items: center;
            gap: 10px;
            transform: translateX(100%);
            transition: transform 0.3s ease;}.pgs-legacy .notification.show{transform: translateX(0);}.pgs-legacy iconify-icon{margin-top: -5px;}.pgs-legacy .container{width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;}.pgs-legacy .card-account{background: var(--bg-pageof-account-card-account);
            border-radius: var(--border-radius);
            padding: 25px;
            margin-bottom: 25px;
            box-shadow: var(--shadow);
            transition: var(--transition);}.pgs-legacy .card-account-header{display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 2px solid var(--cr-pageof-account-card-account-divider);}.pgs-legacy .card-account-title{font-size: 1.4rem;
            font-weight: 800;
            color: var(--cr-pageof-account-card-account-t1);
            display: flex;
            align-items: center;
            gap: 10px;}.pgs-legacy .card-account-header iconify-icon{color: var(--cr-pageof-account-card-account-icon);
            font-size: 1.3rem;
            background: var(--bg-pageof-account-card-account-icon);
            padding: 10px;
            border-radius: 12px;}.pgs-legacy .info-group{margin-bottom: 18px;
            position: relative;}.pgs-legacy .label{color: var(--cr-pageof-account-card-account-text);
            font-size: 0.9rem;
            margin-bottom: 6px;
            font-weight: 500;}.pgs-legacy .value{font-size: 1.1rem;
            font-weight: 600;
           color: var(--cr-pageof-account-card-account-text);}.pgs-legacy .device-item{background: #f8fafc;
            border-radius: 12px;
            padding: 18px;
            margin-bottom: 18px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
            border: 1px solid #e2e8f0;
            transition: var(--transition);}.pgs-legacy .device-item:hover{background: #f1f5f9;
            transform: translateX(5px);}.pgs-legacy .device-header{display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;}.pgs-legacy .device-name{font-weight: 700;
            margin-bottom: 5px;
            color: var(--cr-pageof-account-card-account-text);}.pgs-legacy .device-detail{color: var(--cr-pageof-account-card-account-text);
            font-size: 0.9rem;
            margin-bottom: 8px;
            word-break: break-all;}.pgs-legacy .purchase-history{display: flex;
            flex-direction: column;
            gap: 15px;}.pgs-legacy .year-section{margin-bottom: 5px;
            border: 1px solid #e2e8f0;
            border-radius: var(--border-radius);
            overflow: hidden;
            background: yellow;}.pgs-legacy .year-header{background:  var(--bg-pageof-account-purchase-history-year);
            color: var(--cr-pageof-account-purchase-history-year);
            padding: 15px 20px;
            font-weight: 700;
            font-size: 1.2rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;}.pgs-legacy .year-header iconify-icon{transition: var(--transition);}.pgs-legacy .year-header.collapsed iconify-icon{transform: rotate(180deg);}.pgs-legacy .year-content{max-height: 5000px;
            overflow: hidden;
            transition: max-height 0.5s ease;}.pgs-legacy .year-content.collapsed{max-height: 0;}.pgs-legacy .month-section{background: var(--bg-pageof-account-purchase-history-monuth);
          color: var(--cr-pageof-account-purchase-history-monuth);
            border-bottom: 1px solid #e2e8f0;}.pgs-legacy .month-header{padding: 12px 20px;
           
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            transition: var(--transition);}.pgs-legacy .month-header iconify-icon{transition: var(--transition);}.pgs-legacy .month-header.collapsed iconify-icon{transform: rotate(180deg);}.pgs-legacy .month-content{max-height: 5000px;
            overflow: hidden;
            transition: max-height 0.4s ease;}.pgs-legacy .month-content.collapsed{max-height: 0;}.pgs-legacy .day-section{border-bottom: 1px solid #e2e8f0;}.pgs-legacy .day-section:last-child{border-bottom: none;}.pgs-legacy .day-header{padding: 12px 20px;
            background: var(--bg-pageof-account-purchase-history-day);
            font-weight: 600;
            color: var(--cr-pageof-account-purchase-history-day);
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            transition: var(--transition);}.pgs-legacy .day-header iconify-icon{transition: var(--transition);}.pgs-legacy .day-header.collapsed iconify-icon{transform: rotate(180deg);}.pgs-legacy .purchase-count{display: none;
            background: var(--cr-pageof-account-purchase-history-day);
            color: var(--bg-pageof-account-purchase-history-day);
            padding: 3px 10px;
            border-radius: 12px;
            font-size: 0.8rem;
            font-weight: 600;}.pgs-legacy .day-content{max-height: 5000px;
            overflow: hidden;
            transition: max-height 0.3s ease;
            background: var(--bg-pageof-account-purchase-history-day-content);
          color: var(--cr-pageof-account-purchase-history-day-content)}.pgs-legacy .day-content.collapsed{max-height: 0;}.pgs-legacy .purchase-item{padding: 15px;
            border-bottom: 1px solid #eee;
            transition: var(--transition);}.pgs-legacy .purchase-item:last-child{border-bottom: none;}.pgs-legacy .purchase-summary{display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;}.pgs-legacy .purchase-name{font-weight: 600;
            color: var(--cr-pageof-account-purchase-history-day-content);
            display: flex;
            align-items: center;
            gap: 8px;}.pgs-legacy .purchase-amount{font-weight: 700;
            color: var(--cr-pageof-account-purchase-history-day-content);}.pgs-legacy .purchase-details{display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 12px;
            padding: 15px;
            background: none;
           color: var(--cr-pageof-account-purchase-history-day-content);
            border-radius: 10px;
            margin-top: 10px;
            
            display: none;}.pgs-legacy .purchase-details.expanded{display: grid;}.pgs-legacy .purchase-detail{display: flex;
            flex-direction: column;}.pgs-legacy .detail-label{font-size: 0.8rem;
            color: var(--cr-pageof-account-purchase-history-day-content);
            margin-bottom: 5px;
            font-weight: 500;}.pgs-legacy .detail-value{font-size: 0.9rem;
            font-weight: 600;
            color: var(--cr-pageof-account-purchase-history-day-content);}.pgs-legacy .purchase-status{display: inline-block;
            padding: 5px 8px;
            border-radius: 18px;
            font-size: 0.75rem;
            font-weight: 600;
            margin-top: 5px;
            width: fit-content;}.pgs-legacy .status-completed{background-color: var(--bg-pageof-account-purchase-history-day-content-success);
            color: var(--cr-pageof-account-purchase-history-day-content-success);}.pgs-legacy .status-pending{background-color: var(--bg-pageof-account-purchase-history-day-content-pending);
            color: var(--cr-pageof-account-purchase-history-day-content-pending);}.pgs-legacy .status-failed{background-color: var(--bg-pageof-account-purchase-history-day-content-failed);
            color: var(--cr-pageof-account-purchase-history-day-content-failed);}.pgs-legacy .code-section{background: var(--bg-pageof-account-purchase-history-day-content-code-section);
            border-radius: 10px;
            padding: 12px;
            margin-top: 12px;
            border: 1px dashed var(--bg-pageof-account-purchase-history-day-content-code-section);
            grid-column: 1 / -1;}.pgs-legacy .code-header{display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 8px;}.pgs-legacy .code-title{font-weight: 600;
            font-size: 0.9rem;
            color: var(--cr-pageof-account-purchase-history-day-content-code-section);
            display: flex;
            align-items: center;
            gap: 8px;}.pgs-legacy .code-container{display: flex;
            align-items: center;
            background:var(--bg-pageof-account-purchase-history-day-content-code-section);
            padding: 10px;
            border-radius: 8px;}.pgs-legacy .code-value{flex: 1;
      
            font-size: 0.9rem;
            padding: 6px;
            background: white;
            border-radius: 6px;
            border: none;
            font-weight: 600;
            color: var(--cr-pageof-account-purchase-history-day-content-code-section);
            direction: ltr;
            text-align: left;}.pgs-legacy .copy-btn{background: var(--bg-pageof-account-purchase-history-day-content-code-section-btn);
            color: var(--cr-pageof-account-purchase-history-day-content-code-section-btn);
            border: none;
            padding: 8px 12px;
            border-radius: 6px;
            cursor: pointer;
            margin-right: 8px;
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 5px;
            font-weight: 600;
            font-size: 0.85rem;}.pgs-legacy .copy-btn:hover{transform: translateY(-2px);}.pgs-legacy .copy-tooltip{position: relative;
            display: inline-block;}.pgs-legacy .copy-tooltip .tooltiptext{visibility: hidden;
            width: 80px;
            background-color: #4a5568;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            bottom: 125%;
            left: 50%;
            margin-left: -40px;
            opacity: 0;
            transition: opacity 0.3s;
            font-size: 0.75rem;}.pgs-legacy .copy-tooltip .tooltiptext::after{content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #4a5568 transparent transparent transparent;}.pgs-legacy .copy-tooltip.show .tooltiptext{visibility: visible;
            opacity: 1;}.pgs-legacy .btn-account{display: block;
            width: 100%;
            text-align: center;
            background: var(--bg-pageof-account-card-account-btn);
            color: var(--cr-pageof-account-card-account-btn);
            padding: 12px;
            border-radius: 10px;
            text-decoration: none;
            font-weight: bold;
            margin-top: 12px;
            transition: var(--transition);
            border: none;
            cursor: pointer;
            box-shadow: 0 4px 10px rgba(108, 43, 217, 0.2);}.pgs-legacy .btn-account:hover{opacity: 0.9;
            transform: translateY(-3px);
            box-shadow: 0 6px 14px rgba(108, 43, 217, 0.3);}.pgs-legacy .btn-secondary{background: var(--bg-pageof-account-card-account-btn);
            color: var(--cr-pageof-account-card-account-btn);
            box-shadow: 0 4px 10px rgba(219, 234, 254, 0.4);}.pgs-legacy .btn-danger{background: var(--bg-pageof-account-card-account-logbtn);
            color: var(--cr-pageof-account-card-account-logbtn);
            box-shadow: 0 4px 10px rgba(254, 226, 226, 0.4);}.pgs-legacy .empty-state{text-align: center;
            padding: 30px 20px;
            color:var(--cr-pageof-account-card-account-text);}.pgs-legacy .empty-state iconify-icon{font-size: 3rem;
            margin-bottom: 15px;
        color:var(--cr-pageof-account-card-account-text);
            opacity: 0.7;}.pgs-legacy .empty-state p{font-size: 1.1rem;
            margin-bottom: 20px;}@media (min-width: 768px){.pgs-legacy .card-account-grid{display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 25px;}.pgs-legacy .card-account-full{grid-column: span 2;}}@media (min-width: 1024px){.pgs-legacy .card-account-grid{grid-template-columns: repeat(3, 1fr);}.pgs-legacy .card-account-full{grid-column: span 3;}}@media (max-width: 768px){.pgs-legacy .purchase-details{grid-template-columns: 1fr;}}@media (max-width: 480px){.pgs-legacy .container{padding: 15px;}.pgs-legacy .card-account{padding: 20px;}.pgs-legacy .card-account-title{font-size: 1.2rem;}.pgs-legacy .value{font-size: 1rem;}.pgs-legacy .code-container{flex-direction: column;
                gap: 10px;}.pgs-legacy .copy-btn{width: 100%;
                justify-content: center;}.pgs-legacy .purchase-summary{flex-direction: column;
                align-items: flex-start;
                gap: 10px;}.pgs-legacy .year-header,.pgs-legacy .month-header,.pgs-legacy .day-header{padding: 10px 15px;}}.pgs-legacy .edit-form{display: none;
            margin-top: 15px;
            padding: 15px;
            background: none;
            border-radius: 12px;}.pgs-legacy .form-group{margin-bottom: 15px;}.pgs-legacy .form-input{width: 100%;
            padding: 12px;
            border: 1px solid #cbd5e0;
            border-radius: 8px;
            font-size: 1rem;}.pgs-legacy .form-actions{display: flex;
            gap: 10px;}.pgs-legacy .btn-sm{padding: 8px 15px;
            font-size: 0.9rem;}.pgs-legacy .btn-success{background: #10b981;
            color: white;}.pgs-legacy .btn-success:hover{background: #059669;}.pgs-legacy .edit-btn{background: var(--primary-light);
            color: var(--primary-color);
            border: none;
            padding: 8px 15px;
            border-radius: 8px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 5px;
            font-weight: 600;
            font-size: 0.9rem;
            margin-top: 10px;
            transition: var(--transition);}.pgs-legacy .edit-btn:hover{background: #e0e7ff;}.pgs-legacy iconify-icon{vertical-align: middle;}.pgs-legacy .main-title-terms-page{font-size: clamp(2.2rem, 5vw, 3.8rem);
            font-weight: 600;
            color: var(--cr-pageof-terms-page-t1);
            margin-bottom: 15px;
           text-align: center;}.pgs-legacy .subtitle-terms-page{font-size: 1.2rem;
            color: var(--cr-pageof-terms-page-t2);
            font-weight: 400;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
           text-align: center;}.pgs-legacy .terms-page-section{background: var(--bg-pageof-terms-page-card);
            border-radius: 20px;
            padding: 35px;
            margin-bottom: 30px;
            box-shadow: var(--shadow);
         
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;}.pgs-legacy .terms-page-section::before{content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 5px;
            height: 100%;
            background: var(--bg-pageof-terms-page-card);
            opacity: 0;
            transition: opacity 0.3s ease;}.pgs-legacy .terms-page-section:hover::before{opacity: 1;}.pgs-legacy .section-header-terms{display: flex;
            align-items: center;
            margin-bottom: 30px;
            gap: 20px;}.pgs-legacy .section-icon-terms{width: 60px;
            height: 60px;
            background: var(--bg-pageof-terms-page-card-icon);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
box-shadow: 0 4px 10px var(--cr-pageof-terms-page-card-icon);}.pgs-legacy .section-icon-terms iconify-icon{color: var(--cr-pageof-terms-page-card-icon);
            font-size: 28px;}.pgs-legacy .section-title-terms{font-size: 1.6rem;
            font-weight: 700;
            color: var(--primary-color);
            margin: 0;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--cr-pageof-terms-page-card-divider);
            width: 100%;}.pgs-legacy .terms-page-list{list-style: none;}.pgs-legacy .terms-page-item{display: flex;
            align-items: flex-start;
            margin-bottom: 5px;
            padding: 1px 0;
            transition: all 0.3s ease;
            border-bottom: 1px dashed #e2e8f0;}.pgs-legacy .terms-page-item:last-child{margin-bottom: 0;
            border-bottom: none;}.pgs-legacy .bullet{width: 14px;
  height: 14px;
  background: transparent; 
  border: 2px solid var(--cr-pageof-terms-page-card-dot); 
  border-radius: 50%;
  margin-left: 20px;
  margin-top: 10px;
  flex-shrink: 0;
  position: relative;}.pgs-legacy .bullet::after{content: '';
  width: 6px;
  height: 6px;
  background: var(--cr-pageof-terms-page-card-dot); 
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}.pgs-legacy .term-page-text{flex: 1;
            font-size: 1.1rem;
            line-height: 1.8;
            font-weight: 400;
            color: var(--cr-pageof-terms-page-card-dot-dec);}.pgs-legacy .loading{display: flex;
            justify-content: center;
            align-items: center;
            height: 300px;
            flex-direction: column;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}.pgs-legacy .error-message{text-align: center;
            color: #dc2626;
            background: #fef2f2;
            padding: 40px;
            border-radius: 20px;
            border: 1px solid #fecaca;
            margin: 30px 0;
            box-shadow: var(--shadow);}.pgs-legacy .error-icon{font-size: 3rem;
            margin-bottom: 20px;}@media (max-width: 768px){.pgs-legacy .container{padding: 0 15px;}.pgs-legacy .header{padding: 40px 20px;
                margin-bottom: 40px;}.pgs-legacy .main-title{font-size: 2.4rem;}.pgs-legacy .terms-page-section{padding: 25px;}.pgs-legacy .section-header-terms{gap: 15px;
                margin-bottom: 25px;}.pgs-legacy .section-icon{width: 50px;
                height: 50px;}.pgs-legacy .section-icon iconify-icon{font-size: 24px;}.pgs-legacy .section-title{font-size: 1.4rem;}.pgs-legacy .terms-page-item:hover{padding: 18px 15px;
                margin: 10px -10px 15px -10px;}.pgs-legacy .bullet{width: 12px;
                height: 12px;
                margin-left: 15px;
                margin-top: 8px;}.pgs-legacy .term-page-text{font-size: 1.05rem;}}@media (max-width: 480px){.pgs-legacy{font-size: 16px;}}.pgs-legacy .download-btn{background: var(--bg-pageof-stutsDown-card1-btnDown);
            color: var(--cr-pageof-stutsDown-card1-btnDown);
            border: none;
            padding: 15px 25px;
            border-radius: var(--radius-md);
            font-family: inherit;
            font-weight: 600;
            font-size: 1.1rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            transition: var(--transition);
            margin-top: 20px;
            width: 100%;
            box-shadow: var(--shadow-md);}.pgs-legacy .download-btn:active{transform: translateY(0);}.pgs-legacy .download-btn iconify-icon{font-size: 1.5rem;}@keyframes rotate{from{transform: rotate(0deg);}to{transform: rotate(360deg);}}@keyframes float{0%, 100%{transform: translateY(0);}50%{transform: translateY(-10px);}}@keyframes pulse{0%, 100%{transform: scale(1); opacity: 1;}50%{transform: scale(1.05); opacity: 0.9;}}.pgs-legacy .animate-float{animation: float 3s ease-in-out infinite;}.pgs-legacy .animate-pulse{animation: pulse 2s ease-in-out infinite;}.pgs-legacy .text-center{text-align: center;}.pgs-legacy .mt-20{margin-top: 20px;}.pgs-legacy .mb-20{margin-bottom: 20px;}@keyframes spin{to{transform: rotate(360deg);}}.pgs-legacy .empty-state{text-align: center;
            padding: 40px 20px;
            color: var(--text-secondary);}.pgs-legacy .empty-state iconify-icon{font-size: 3rem;
            margin-bottom: 15px;
            opacity: 0.5;}.pgs-legacy #loadingText{position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            padding: 30px 40px;
            border-radius: 16px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            text-align: center;
            border: 1px solid rgba(0, 0, 0, 0.06);
            z-index: 9999;}.pgs-legacy #loadingText h3{font-size: 18px;
    font-weight: 600;
    color: var(--cr-pageof-stutsDown-loadingText);
    margin: 0;
    white-space: nowrap;   
    display: inline-block;}.pgs-legacy .app{display: flex;
            flex-direction: column;
            min-height: 100vh;}.pgs-legacy .main{flex: 1;
            padding: 40px 0;}.pgs-legacy .dashboard{display: grid;
            grid-template-columns: 1fr;
            gap: 30px;}@media (min-width: 992px){.pgs-legacy .dashboard{grid-template-columns: 1fr 1fr;}}.pgs-legacy .status-section{margin-bottom: 30px;}.pgs-legacy .status-card{background: var(--bg-pageof-stutsDown-card1);
            border-radius: var(--radius-lg);
            padding: 30px;
            box-shadow: var(--shadow-md);
            transition: var(--transition);
            height: 100%;
            display: flex;
            flex-direction: column;
            position: relative;
            overflow: hidden;}.pgs-legacy .status-card:hover{transform: translateY(-5px);
            box-shadow: var(--shadow-lg);}.pgs-legacy .status-card::after{content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 5px;
            height: 100%;}.pgs-legacy .status-card.error::after{background: var(--cr-pageof-stutsDown-card1-icon-certNo);}.pgs-legacy .status-card.warning::after{background: var(--cr-pageof-stutsDown-card1-icon-band);}.pgs-legacy .status-card.success::after{background: var(--cr-pageof-stutsDown-card1-icon-ok);}.pgs-legacy .status-header{display: flex;
            align-items: center;
            margin-bottom: 20px;}.pgs-legacy .status-icon{font-size: 2.5rem;
            margin-left: 15px;
            flex-shrink: 0;}.pgs-legacy .status-card.error .status-icon{color: var(--cr-pageof-stutsDown-card1-icon-certNo);}.pgs-legacy .status-card.warning .status-icon{color: var(--cr-pageof-stutsDown-card1-icon-band);}.pgs-legacy .status-card.success .status-icon{color: var(--cr-pageof-stutsDown-card1-icon-ok);}.pgs-legacy .status-title{font-size: 1.5rem;
          color: var(--cr-pageof-stutsDown-card1-t1);
            font-weight: normal;
            margin-bottom: 5px;}.pgs-legacy .status-description{color: var(--cr-pageof-stutsDown-card1-t2);
        
            font-size: 0.9rem;}.pgs-legacy .status-content{margin-top: auto;}.pgs-legacy .status-content p{color: var(--cr-pageof-stutsDown-card1-t2);}.pgs-legacy .status-timer{background: var(--bg-pageof-stutsDown-card1-status-timer);
          color: var(--cr-pageof-stutsDown-card1-status-timer);
            padding: 15px;
            border-radius: var(--radius-md);
            margin-top: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 500;}.pgs-legacy .user-section{margin-bottom: 30px;}.pgs-legacy .section-title{font-size: 1.5rem;
            font-weight: normal;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
            color: var(--cr-pageof-stutsDown-user-section-title);}.pgs-legacy .user-info{display: grid;
            grid-template-columns: 1fr;
            gap: 20px;}@media (min-width: 768px){.pgs-legacy .user-info{grid-template-columns: 1fr 1fr;}}.pgs-legacy .info-card{background: var(--bg-pageof-stutsDown-card2);
            border-radius: var(--radius-md);
            padding: 20px;
            box-shadow: var(--shadow-sm);
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 15px;}.pgs-legacy .info-card:hover{transform: translateY(-3px);
            box-shadow: var(--shadow-md);}.pgs-legacy .info-icon{width: 50px;
            height: 50px;
            border-radius: var(--radius-md);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            flex-shrink: 0;
            color: var(--cr-pageof-stutsDown-card2-icon);}.pgs-legacy .info-icon    iconify-icon{width: 50px;
            height: 50px;
            border-radius: var(--radius-md);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            flex-shrink: 0;
            color: var(--cr-pageof-stutsDown-card2-icon);}.pgs-legacy .info-icon.name{background: var(--bg-pageof-stutsDown-card2-bg1);}.pgs-legacy .info-icon.date{background: var(--bg-pageof-stutsDown-card2-bg2);}.pgs-legacy .info-icon.group{background: var(--bg-pageof-stutsDown-card2-bg3);}.pgs-legacy .info-icon.creator{background: var(--bg-pageof-stutsDown-card2-bg4);}.pgs-legacy .info-icon.device{background: var(--bg-pageof-stutsDown-card2-bg5);}.pgs-legacy .info-content{flex: 1;}.pgs-legacy .info-label{font-size: 0.8rem;
            color: var(--cr-pageof-stutsDown-card2-t1);
            margin-bottom: 5px;}.pgs-legacy .info-value{font-size: 1rem;
            font-weight: 500;
                      color: var(--cr-pageof-stutsDown-card2-t1);

            word-break: break-word;}.pgs-legacy .badge{display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 500;
            margin-top: 5px;}.pgs-legacy .badge-warning{background: rgba(255, 152, 0, 0.1);
            color: var(--warning);}.pgs-legacy .edit-button{background: var(--gradient-primary);
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: var(--radius-md);
            font-family: inherit;
            font-weight: 600;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: var(--transition);
            margin: 20px 0;}.pgs-legacy .edit-button:hover{transform: translateY(-2px);
            box-shadow: var(--shadow-md);}.pgs-legacy .modal{display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1000;
            justify-content: center;
            align-items: center;}.pgs-legacy .modal-content{background: white;
            padding: 30px;
            border-radius: var(--radius-lg);
            width: 90%;
            max-width: 500px;
            box-shadow: var(--shadow-lg);}.pgs-legacy .form-group{margin-bottom: 20px;}.pgs-legacy .form-group label{display: block;
            margin-bottom: 8px;
            font-weight: 600;}.pgs-legacy .form-group input-download{width: 100%;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: var(--radius-sm);
            font-family: inherit;}.pgs-legacy .form-actions{display: flex;
            justify-content: flex-end;
            gap: 10px;
            margin-top: 20px;}.pgs-legacy .btn-donload{padding: 10px 20px;
            border-radius: var(--radius-sm);
            border: none;
            font-family: inherit;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);}.pgs-legacy .btn-primary-download{background: var(--gradient-primary);
            color: white;}.pgs-legacy .btn-secondary-download{background: #f5f5f5;
            color: #333;}.pgs-legacy .alert{padding: 15px;
            border-radius: var(--radius-sm);
            margin-bottom: 20px;}.pgs-legacy .alert-success{background: rgba(76, 175, 80, 0.1);
            color: var(--success);
            border: 1px solid rgba(76, 175, 80, 0.2);}.pgs-legacy .alert-error{background: rgba(244, 67, 54, 0.1);
            color: var(--error);
            border: 1px solid rgba(244, 67, 54, 0.2);}@keyframes rotate{from{transform: rotate(0deg);}to{transform: rotate(360deg);}}@keyframes float{0%, 100%{transform: translateY(0);}50%{transform: translateY(-10px);}}@keyframes pulse{0%, 100%{transform: scale(1); opacity: 1;}50%{transform: scale(1.05); opacity: 0.9;}}.pgs-legacy .animate-float{animation: float 3s ease-in-out infinite;}.pgs-legacy .animate-pulse{animation: pulse 2s ease-in-out infinite;}.pgs-legacy .text-center{text-align: center;}.pgs-legacy .mt-20{margin-top: 20px;}.pgs-legacy .mb-20{margin-bottom: 20px;}@keyframes spin{to{transform: rotate(360deg);}}.pgs-legacy .empty-state{text-align: center;
            padding: 40px 20px;
            color: var(--text-secondary);}.pgs-legacy .empty-state iconify-icon{font-size: 3rem;
            margin-bottom: 15px;
            opacity: 0.5;}