.premium-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.premium-popup{background-color:var(--card-background);border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);max-width:480px;width:90%;position:relative;animation:slideUp .3s ease-out;border:1px solid var(--border-color)}.premium-popup__close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:none;border:none;font-size:var(--font-size-xxxl);color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-small);transition:all var(--transition-speed);line-height:1}.premium-popup__close:hover{background-color:var(--background-hover);color:var(--text-color)}.premium-popup__content{padding:var(--spacing-xxxl);text-align:center}.premium-popup__icon{margin:0 auto var(--spacing-xl);display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;width:64px;height:64px}.premium-popup__title{font-size:var(--font-size-xxl);font-weight:700;color:var(--text-color);margin-bottom:var(--spacing-md);line-height:1.2}.premium-popup__description{font-size:var(--font-size);color:var(--text-secondary);margin-bottom:var(--spacing-xxl);line-height:1.5}.premium-popup__price{margin-bottom:var(--spacing-lg)}.premium-popup__price-amount{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs)}.premium-popup__price-currency{font-size:var(--font-size-xl);font-weight:600;color:var(--text-color)}.premium-popup__price-value{font-size:3rem;font-weight:700;color:var(--text-color);line-height:1}.premium-popup__price-period{font-size:var(--font-size);color:var(--text-secondary);font-weight:500}.premium-popup__trial{margin-bottom:var(--spacing-xxl)}.premium-popup__trial-badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--status-success-bg);color:var(--status-success-text);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600}.premium-popup__upgrade-btn{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--button-primary-bg);color:var(--button-primary-text);border:none;border-radius:var(--border-radius);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-speed);margin-bottom:var(--spacing-lg)}.premium-popup__upgrade-btn:hover{background-color:var(--button-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.premium-popup__upgrade-btn:active{transform:translateY(0)}.premium-popup__note{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-md)}@media(max-width:576px){.premium-popup__content{padding:var(--spacing-xxl) var(--spacing-lg)}.premium-popup__title{font-size:var(--font-size-xl)}.premium-popup__price-value{font-size:2.5rem}.premium-popup__upgrade-btn{font-size:var(--font-size)}}.subscription-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1200;padding:1.5rem}.subscription-modal{position:relative;width:min(640px,100%);background:var(--bg-white);border-radius:20px;box-shadow:var(--shadow-large);padding:2.75rem;display:flex;flex-direction:column;gap:2rem;max-height:calc(100vh - 3rem);overflow-y:auto;color:var(--text-color)}.subscription-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-color);padding:.25rem;transition:transform .2s ease,color .2s ease}.subscription-modal__close:hover{transform:scale(1.1);color:var(--primary-color)}.subscription-modal__header{display:flex;flex-direction:column;gap:.75rem;padding-bottom:.5rem}.subscription-modal__header h2{font-size:1.75rem;font-weight:700}.subscription-modal__header p{color:var(--text-muted);font-size:.95rem}.subscription-modal__status{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:1.25rem;gap:1.25rem;padding:1rem 0}.subscription-modal__status .status-card{border:1px solid var(--border-color);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.35rem}.subscription-modal__status .status-card .status-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.subscription-modal__status .status-card .status-value{font-size:1.1rem;font-weight:600}.subscription-modal__status .status-card .status-value.status-active{color:#1f8a4c}.subscription-modal__status .status-card .status-value.status-free{color:#b54646}.subscription-modal__benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.5rem;gap:1.5rem}.subscription-modal__benefits .benefits-column{background:var(--light-blue);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.subscription-modal__benefits .benefits-column h3{font-size:1rem;font-weight:600;margin-bottom:.75rem}.subscription-modal__benefits .benefits-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.subscription-modal__benefits .benefits-column ul li{display:flex;align-items:flex-start;gap:.5rem;font-size:.95rem}.subscription-modal__benefits .benefits-column ul li:before{content:"✓";color:var(--primary-color);font-size:.95rem;margin-top:.1rem}.subscription-modal__notice{background:var(--status-success-bg);border:1px solid var(--border-color);border-radius:14px;padding:1.1rem 1.4rem;display:flex;flex-direction:column;gap:.35rem}.subscription-modal__notice strong{font-weight:600;color:var(--status-success-text)}.subscription-modal__notice span{color:var(--text-muted);font-size:.9rem}.subscription-modal__actions{margin-top:.75rem;display:flex;justify-content:flex-end;gap:1rem}.subscription-modal__actions .danger-button,.subscription-modal__actions .secondary-button{padding:.7rem 1.4rem;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.subscription-modal__actions .secondary-button{background:rgba(0,0,0,0);color:var(--text-color);border:1px solid var(--border-color)}.subscription-modal__actions .secondary-button:hover{transform:translateY(-1px);background:var(--background-hover)}.subscription-modal__actions .danger-button{background:var(--error-color);color:var(--text-light)}.subscription-modal__actions .danger-button:hover:not(:disabled){transform:translateY(-1px);opacity:.9}.subscription-modal__actions .danger-button:disabled{opacity:.6;cursor:not-allowed}.subscription-modal__cancel-form{display:flex;flex-direction:column;gap:1.25rem;padding:.5rem 0 0}.subscription-modal__cancel-form header h2{font-size:1.5rem;margin-bottom:.35rem}.subscription-modal__cancel-form header p{color:var(--text-muted);font-size:.95rem}.subscription-modal__cancel-form fieldset{border:none;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.subscription-modal__cancel-form fieldset legend{font-size:.95rem;font-weight:600;margin-bottom:.5rem}.subscription-modal__cancel-form .reason-option{display:flex;align-items:center;gap:.65rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.subscription-modal__cancel-form .reason-option input{accent-color:var(--primary-color)}.subscription-modal__cancel-form .reason-option:hover{border-color:var(--primary-color);background:var(--background-hover)}.subscription-modal__cancel-form .feedback-label{font-size:.95rem;font-weight:600}.subscription-modal__cancel-form textarea{resize:vertical;border-radius:10px;border:1px solid var(--border-color);padding:.75rem;font-size:.95rem;min-height:120px;transition:border-color .2s ease,box-shadow .2s ease}.subscription-modal__cancel-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(0,0,0,.12);outline:none}.subscription-modal__cancel-form .form-error{color:#d13f3f;font-size:.9rem}@media(max-width:640px){.subscription-modal{padding:1.75rem 1.25rem}.subscription-modal__actions{flex-direction:column;align-items:stretch;gap:.75rem}.subscription-modal__actions .danger-button,.subscription-modal__actions .secondary-button{width:100%}}:root{--primary-color:#000000;--bg-light:#f8f9fa;--secondary-bg-color:#f8f9fa;--bg-grey:#f5f5f5;--bg-dark-grey:#6c757d;--bg-black:#000000;--bg-white:#ffffff;--text-color:#000000;--text-light:#ffffff;--text-secondary:#6c757d;--text-light-grey:#9D9D9D;--border-color:#dee2e6;--error-color:#dc3545;--light-red:#f8d7da;--success-color:#28a745;--light-green:#d4edda;--surface-color:#ffffff;--light-blue:#F4F7FF;--table-text-muted:#6c757d;--light-blue-hover:#e8eeff;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-xxl:1.5rem;--spacing-xxxl:2rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size:1rem;--font-size-md:1.0625rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-xxxl:2rem;--border-radius:8px;--border-radius-large:12px;--border-radius-small:4px;--shadow-small:0 1px 2px rgba(0,0,0,0.05);--shadow-medium:0 4px 6px rgba(0,0,0,0.1);--shadow-large:0 10px 15px rgba(0,0,0,0.1);--transition-speed:0.3s;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--button-primary-bg:#000000;--button-primary-text:#ffffff;--button-primary-hover:#333333;--button-secondary-bg:#f5f5f5;--button-secondary-text:#000000;--button-secondary-border:#dee2e6;--button-secondary-hover:#e9ecef;--button-disabled:#e9ecef;--text-disabled:#6c757d;--background-secondary:#f5f5f5;--background-hover:#e9ecef;--text-primary:#000000;--status-active-bg:rgba(0,0,0,0.15);--status-active-text:#000000;--status-inactive-bg:rgba(108,117,125,0.15);--status-inactive-text:#495057;--status-success-bg:rgba(40,167,69,0.10);--status-success-text:#155724;--status-info-bg:rgba(0,0,0,0.10);--status-info-text:#000000;--status-warning-bg:rgba(255,193,7,0.10);--status-warning-text:#856404;--status-error-bg:rgba(220,53,69,0.10);--status-error-text:#721c24;--card-background:#ffffff;--table-header-bg:#f5f5f5;--table-border:#dee2e6;--table-row-hover:#f5f5f5;--table-row-border:#e9ecef;--text-muted:#6c757d;--text-dark:#495057;--text-darker:#000000;--border-light:#dee2e6;--background:var(--bg-white);--foreground:var(--text-color)}.dark{--primary-color:#ffffff;--bg-light:#1a1a1a;--bg-grey:#2d2d2d;--bg-dark-grey:#404040;--bg-black:#ffffff;--bg-white:#0d0d0d;--text-color:#ffffff;--text-light:#000000;--text-secondary:#a3a3a3;--border-color:rgba(255,255,255,0.1);--error-color:#ff6b6b;--light-red:#2d1a1a;--success-color:#51cf66;--light-green:rgba(81,207,102,0.1);--surface-color:#1a1a1a;--light-blue:#2b2b2b;--light-blue-hover:#1f1f1f;--table-text-muted:#a3a3a3;--button-primary-bg:#ffffff;--button-primary-text:#000000;--button-primary-hover:#e5e5e5;--button-secondary-bg:#2d2d2d;--button-secondary-text:#ffffff;--button-secondary-border:rgba(255,255,255,0.1);--button-secondary-hover:#404040;--button-disabled:#404040;--text-disabled:#666666;--background-secondary:#2d2d2d;--background-hover:#404040;--text-primary:#ffffff;--status-active-bg:rgba(81,207,102,0.2);--status-active-text:#51cf66;--status-inactive-bg:rgba(163,163,163,0.2);--status-inactive-text:#e5e5e5;--status-success-bg:rgba(81,207,102,0.15);--status-success-text:#51cf66;--status-info-bg:rgba(255,255,255,0.15);--status-info-text:#ffffff;--status-warning-bg:rgba(255,193,7,0.15);--status-warning-text:#ffc107;--status-error-bg:rgba(255,107,107,0.15);--status-error-text:#ff6b6b;--card-background:#2d2d2d;--table-header-bg:#1a1a1a;--table-border:rgba(255,255,255,0.1);--table-row-hover:#2d2d2d;--table-row-border:rgba(255,255,255,0.05);--text-muted:#a3a3a3;--text-dark:#e5e5e5;--text-darker:#ffffff;--border-light:rgba(255,255,255,0.1);--background:var(--bg-white);--foreground:var(--text-color)}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-speed),color var(--transition-speed)}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;background-color:white;color:black;font-size:1.2rem;font-weight:600}