@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--netflix-bg:#000;--netflix-surface:#141414;--netflix-surface-elevated:#222;--netflix-brand:#e50914;--netflix-brand-hover:#c10712;--netflix-text:#fff;--netflix-text-muted:gray;--netflix-border:#2f2f2f;--netflix-success:#46d369;--netflix-warning:#e87c03;--netflix-error:#e5433d;--netflix-focus-ring:#fff;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-body:var(--font-family);--font-display:var(--font-family);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--spacing-4xl:64px;--radius:4px;--ease-smooth:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s var(--ease-smooth);--bg-dark-obsidian:var(--netflix-bg);--bg-dark-card:var(--netflix-surface);--bg-dark-card-hover:var(--netflix-surface-elevated);--bg-dark-input:var(--netflix-surface-elevated);--color-brand-primary:var(--netflix-brand);--color-brand-light:var(--netflix-brand);--color-brand-hover:var(--netflix-brand-hover);--color-brand-glow:transparent;--color-brand-glow-strong:transparent;--border-brand:var(--netflix-border);--border-brand-hover:var(--netflix-border);--border-glass:var(--netflix-border);--border-glass-hover:var(--netflix-border);--text-pure:var(--netflix-text);--text-primary:var(--netflix-text);--text-secondary:var(--netflix-text-muted);--text-muted:var(--netflix-text-muted);--color-success:var(--netflix-success);--color-success-bg:#46d36914;--color-warning:var(--netflix-warning);--color-warning-bg:#e87c0314;--color-error:var(--netflix-error);--color-error-bg:#e5433d14;--radius-sm:var(--radius);--radius-md:var(--radius);--radius-lg:var(--radius);--shadow-cinema:none;--shadow-neon-glow:none;--transition-medium:var(--transition-fast)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--netflix-bg);color:var(--netflix-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}:focus-visible{outline:2px solid var(--netflix-focus-ring)!important;outline-offset:2px!important}.bg-ambient{z-index:-2;background-color:var(--netflix-bg);position:fixed;inset:0}.bg-ambient:before,.bg-ambient:after,.bg-vignette{display:none!important}h1{letter-spacing:-.02em;color:var(--netflix-text);margin-bottom:var(--spacing-md);font-size:40px;font-weight:700;line-height:1.15}h2{color:var(--netflix-text);margin-bottom:var(--spacing-md);font-size:32px;font-weight:700;line-height:1.2}h3{color:var(--netflix-text);margin-bottom:var(--spacing-sm);font-size:24px;font-weight:600;line-height:1.3}h4{color:var(--netflix-text);margin-bottom:var(--spacing-sm);font-size:18px;font-weight:600;line-height:1.4}p,span,div,td,th,li,a{color:var(--netflix-text);font-size:15px;font-weight:400;line-height:1.6}a{transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--netflix-brand)}.caption{color:var(--netflix-text-muted);font-size:12px;font-weight:400;line-height:1.4}.text-brand,.text-gradient,.text-gradient-brand{background:0 0!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;color:var(--netflix-brand)!important}.title-glow{text-shadow:none!important}.text-muted{color:var(--netflix-text-muted)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--netflix-bg)}::-webkit-scrollbar-thumb{background:var(--netflix-surface-elevated);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--netflix-brand)}#root,.app-container{flex-direction:column;min-height:100vh;display:flex}main{flex:1;width:100%}.container{max-width:1200px;padding:0 var(--spacing-xl);width:100%;margin:0 auto}.grid-4{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.grid-3,.grid-2{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}header{z-index:100;border-bottom:1px solid var(--netflix-border);background-color:var(--netflix-bg);width:100%;position:sticky;top:0}.navbar{max-width:1200px;height:68px;padding:0 var(--spacing-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo-container{align-items:center;gap:var(--spacing-sm);cursor:pointer;text-decoration:none;display:flex}.logo-text{letter-spacing:.05em;color:var(--netflix-brand);font-size:24px;font-weight:700}.logo-dot{display:none}.nav-links{gap:var(--spacing-sm);align-items:center;display:flex}.nav-link{color:var(--netflix-text-muted);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius);transition:color var(--transition-fast), background-color var(--transition-fast);cursor:pointer;align-items:center;gap:var(--spacing-xs);background:0 0;border:1px solid #0000;outline:none;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--netflix-text);background-color:var(--netflix-surface)}.nav-link.active{color:var(--netflix-text);background-color:var(--netflix-surface-elevated);border-color:var(--netflix-border)}.card{background-color:var(--netflix-surface);border:1px solid var(--netflix-border);border-radius:var(--radius);padding:var(--spacing-xl);transition:background-color var(--transition-fast), border-color var(--transition-fast)}.card:hover{background-color:var(--netflix-surface-elevated);border-color:var(--netflix-border);box-shadow:none;transform:none}.glow-btn{background-color:var(--netflix-brand);color:var(--netflix-text);padding:12px var(--spacing-xl);font-size:14px;font-weight:600;font-family:var(--font-body);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);transition:background-color var(--transition-fast);box-shadow:none;border:none;display:inline-flex}.glow-btn:hover{background-color:var(--netflix-brand-hover);box-shadow:none;transform:none}.glow-btn:active{transform:none}.glow-btn:disabled{background-color:var(--netflix-surface-elevated);color:var(--netflix-text-muted);cursor:not-allowed;box-shadow:none;transform:none}.outline-btn{color:var(--netflix-text);border:1px solid var(--netflix-border);padding:12px var(--spacing-xl);font-size:14px;font-weight:600;font-family:var(--font-body);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);transition:background-color var(--transition-fast), border-color var(--transition-fast);background-color:#0000;display:inline-flex}.outline-btn:hover{background-color:var(--netflix-surface);border-color:var(--netflix-text);transform:none}.outline-btn:active{transform:none}.text-btn{color:var(--netflix-brand);cursor:pointer;align-items:center;gap:var(--spacing-xs);transition:color var(--transition-fast);background:0 0;border:none;font-weight:600;display:inline-flex}.text-btn:hover{color:var(--netflix-text)}.form-group{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--netflix-text-muted);font-size:12px;font-weight:600}.form-input,.form-select,.form-textarea{background-color:var(--netflix-surface-elevated);border:1px solid var(--netflix-border);border-radius:var(--radius);color:var(--netflix-text);font-family:var(--font-body);transition:border-color var(--transition-fast);outline:none;padding:12px 16px;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--netflix-text);box-shadow:none}.form-textarea{resize:vertical;min-height:120px}.badge{border-radius:var(--radius);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-active,.badge-success{color:var(--netflix-success);background-color:#46d36914;border:1px solid #46d36933}.badge-redeemed{color:var(--netflix-brand);background-color:#e5091414;border:1px solid #e5091433}.badge-broken{color:var(--netflix-error);background-color:#e5433d14;border:1px solid #e5433d33}.badge-warning{color:var(--netflix-warning);background-color:#e87c0314;border:1px solid #e87c0333}.step-indicator{width:100%;margin-bottom:var(--spacing-xl);justify-content:center;align-items:center;display:flex;position:relative}.step-indicator:before{content:"";background:var(--netflix-border);z-index:0;height:2px;position:absolute;top:35%;left:15%;right:15%;transform:translateY(-50%)}.step{align-items:center;gap:var(--spacing-sm);color:var(--netflix-text-muted);z-index:1;flex-direction:column;flex:1;font-size:12px;font-weight:600;display:flex}.step-num{background:var(--netflix-surface);border:2px solid var(--netflix-border);width:36px;height:36px;transition:var(--transition-fast);color:var(--netflix-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.step.active{color:var(--netflix-text)}.step.active .step-num{background:var(--netflix-brand);border-color:var(--netflix-brand);color:var(--netflix-text)}.step.completed .step-num{background:var(--netflix-success);border-color:var(--netflix-success);color:var(--netflix-text)}.device-selector{background:var(--netflix-surface);border-radius:var(--radius);padding:var(--spacing-xs);margin-bottom:var(--spacing-md);border:1px solid var(--netflix-border);width:100%;display:flex}.device-btn{border-radius:var(--radius);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--netflix-text-muted);background:0 0;border:none;flex:1;padding:12px;display:flex}.device-btn:hover{color:var(--netflix-text)}.device-btn.active{background:var(--netflix-surface-elevated);color:var(--netflix-text);border:1px solid var(--netflix-border)}.link-card{flex-direction:column;align-items:center;width:100%;display:flex}.link-url-container{background:var(--netflix-surface-elevated);border:1px solid var(--netflix-border);border-radius:var(--radius);cursor:pointer;width:100%;transition:border-color var(--transition-fast), background-color var(--transition-fast);word-break:break-all;color:var(--netflix-text-muted);justify-content:space-between;align-items:center;margin-top:16px;padding:16px;font-family:monospace;font-size:13px;display:flex}.link-url-container:hover{border-color:var(--netflix-text);color:var(--netflix-text);background:var(--netflix-surface-elevated)}.copy-link-btn{background:var(--netflix-text);width:100%;color:var(--netflix-bg);padding:var(--spacing-lg);border-radius:var(--radius);cursor:pointer;transition:opacity var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;font-size:14px;font-weight:700;display:flex}.copy-link-btn:hover{opacity:.9}.tip-box{border:1px solid #e87c0326;border-left:3px solid var(--netflix-warning);border-radius:var(--radius);color:var(--netflix-warning);text-align:left;background:#e87c0308;align-items:flex-start;gap:10px;width:100%;margin-top:24px;padding:14px 18px;font-size:13px;line-height:1.5;display:flex}.tip-box svg{flex-shrink:0;margin-top:2px}.status-footer{width:100%;color:var(--netflix-text-muted);border-top:1px solid var(--netflix-border);justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:1.5rem;font-size:13px;display:flex}.report-btn{background:var(--netflix-surface);color:var(--netflix-text-muted);border:1px solid var(--netflix-border);border-radius:var(--radius);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:inline-flex}.report-btn:hover{color:var(--netflix-text);border-color:var(--netflix-text)}.custom-modal{z-index:2000;opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity .3s var(--ease-smooth), visibility .3s var(--ease-smooth);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.custom-modal.active{opacity:1;visibility:visible}.custom-modal-content{background:var(--netflix-surface);border:1px solid var(--netflix-border);border-radius:var(--radius);text-align:center;width:90%;max-width:440px;transition:transform .4s var(--ease-smooth);max-height:90vh;padding:32px;overflow-y:auto}.file-input-area{background:var(--netflix-surface-elevated);border:1px dashed var(--netflix-border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:border-color var(--transition-fast);margin:24px 0;padding:30px 20px}.file-input-area:hover{border-color:var(--netflix-text)}.file-input-area svg{color:var(--netflix-text-muted);margin-bottom:12px}.preview-image{border-radius:var(--radius);border:1px solid var(--netflix-border);object-fit:cover;max-width:100%;max-height:140px;margin-top:16px}.faq-accordion{flex-direction:column;gap:12px;width:100%;margin-top:30px;display:flex}.faq-item{background-color:var(--netflix-surface);border:1px solid var(--netflix-border);border-radius:var(--radius);transition:background-color var(--transition-fast);overflow:hidden}.faq-item:hover{background-color:var(--netflix-surface-elevated)}.faq-trigger{width:100%;color:var(--netflix-text);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;padding:20px 24px;font-size:15px;font-weight:600;display:flex}.faq-content{max-height:0;transition:max-height .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.faq-content-inner{color:var(--netflix-text-muted);border-top:1px solid var(--netflix-border);padding:0 24px 20px;font-size:14px;line-height:1.6}.profile-select-container{justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;margin:30px 0;display:flex}.profile-avatar-card{cursor:pointer;flex-direction:column;align-items:center;gap:12px;width:100px;display:flex}.profile-avatar-img-container{border-radius:var(--radius);width:80px;height:80px;transition:border-color var(--transition-fast);border:2px solid #0000;position:relative;overflow:hidden}.profile-avatar-card:hover .profile-avatar-img-container{border-color:var(--netflix-text)}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.profile-avatar-name{color:var(--netflix-text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;transition:color var(--transition-fast);font-size:13px;font-weight:500;overflow:hidden}.profile-avatar-card:hover .profile-avatar-name{color:var(--netflix-text)}.loading-overlay{z-index:999;opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity .3s var(--ease-smooth), visibility .3s var(--ease-smooth);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.loading-overlay.active{opacity:1;visibility:visible}.loading-spinner{border:3px solid var(--netflix-border);border-top-color:var(--netflix-brand);border-radius:50%;width:48px;height:48px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid var(--netflix-border);padding:40px var(--spacing-xl);text-align:center;color:var(--netflix-text-muted);background-color:var(--netflix-bg);font-size:13px}.footer-content{flex-direction:column;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.scanner-box{background-color:var(--netflix-surface);border:1px dashed var(--netflix-border);border-radius:var(--radius);justify-content:center;align-items:center;width:100%;height:180px;margin:20px 0;display:flex;position:relative;overflow:hidden}.scanner-line{background-color:var(--netflix-brand);width:100%;height:2px;animation:3s linear infinite scanLine;position:absolute;left:0}@keyframes scanLine{0%{top:0%}50%{top:100%}to{top:0%}}.sidebar{background-color:var(--netflix-bg);border-right:1px solid var(--netflix-border);z-index:1000;width:260px;height:100vh;transition:transform .3s var(--ease-smooth);flex-direction:column;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}@media (width>=1024px){.app-with-sidebar.sidebar-open main,.app-with-sidebar.sidebar-open .top-bar{padding-left:260px}.sidebar-close,.sidebar-overlay{display:none!important}}.sidebar-overlay{z-index:999;opacity:0;visibility:hidden;background:#000000b3;transition:all .25s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-header{justify-content:space-between;align-items:center;padding:24px;display:flex}.sidebar-close{background:var(--netflix-surface);color:var(--netflix-text-muted);border-radius:var(--radius);cursor:pointer;width:32px;height:32px;transition:color var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.sidebar-close:hover{color:var(--netflix-brand)}.sidebar-user-info{border-bottom:1px solid var(--netflix-border);align-items:center;gap:12px;padding:0 24px 24px;display:flex}.user-avatar{border-radius:var(--radius);background-color:var(--netflix-brand);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.user-details{flex-direction:column;gap:2px;display:flex}.user-details .username{color:var(--netflix-text);font-size:14px;font-weight:600}.user-role-badge{color:var(--netflix-brand);text-transform:uppercase;font-size:10px;font-weight:700}.sidebar-nav{flex:1;padding:24px 16px;overflow-y:auto}.nav-section{flex-direction:column;gap:6px;display:flex}.nav-section-title{text-transform:uppercase;color:var(--netflix-text-muted);letter-spacing:.08em;padding:0 12px 8px;font-size:11px;font-weight:700}.sidebar-nav-item{border-radius:var(--radius);color:var(--netflix-text-muted);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar-nav-item:hover{background:var(--netflix-surface);color:var(--netflix-text)}.sidebar-nav-item.active{background:var(--netflix-surface-elevated);border-color:var(--netflix-border);color:var(--netflix-text)}.active-indicator{color:var(--netflix-brand);margin-left:auto}.sidebar-footer{border-top:1px solid var(--netflix-border);padding:20px}.logout-btn,.login-btn{border-radius:var(--radius);width:100%;color:var(--netflix-error);cursor:pointer;transition:background-color var(--transition-fast);background:#e5433d0d;border:1px solid #e5433d1a;align-items:center;gap:12px;padding:12px;font-size:14px;font-weight:600;display:flex}.logout-btn:hover{border-color:var(--netflix-error);background:#e5433d1f}.hamburger-menu{border-radius:var(--radius);background-color:var(--netflix-surface);border:1px solid var(--netflix-border);width:40px;height:40px;color:var(--netflix-text);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.hamburger-menu:hover{border-color:var(--netflix-text);background-color:var(--netflix-surface-elevated)}.telegram-popup{background-color:var(--netflix-surface);border-radius:var(--radius);border:1px solid var(--netflix-border);z-index:99;width:calc(100% - 48px);max-width:360px;padding:20px;position:fixed;bottom:24px;right:24px}.telegram-popup-close{color:var(--netflix-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:18px;position:absolute;top:12px;right:16px}.telegram-popup-close:hover{color:var(--netflix-text)}.telegram-popup-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.telegram-popup-icon{color:#fff;background:#08c;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.telegram-popup-title{color:var(--netflix-text);font-size:14px;font-weight:700}.telegram-popup-desc{color:var(--netflix-text-muted);margin-bottom:16px;font-size:13px;line-height:1.5}.telegram-popup-buttons{gap:10px;display:flex}.telegram-popup-btn{border-radius:var(--radius);text-align:center;transition:opacity var(--transition-fast);flex:1;padding:8px 12px;font-size:12px;font-weight:600}.telegram-popup-btn.primary{color:#fff;background:#08c}.telegram-popup-btn.primary:hover{opacity:.9}.telegram-popup-btn.secondary{background:var(--netflix-surface-elevated);color:var(--netflix-text);border:1px solid var(--netflix-border)}.telegram-popup-btn.secondary:hover{background:var(--netflix-surface)}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sidebar-nav-item.active .active-indicator{filter:none!important}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.theme-hide-showheader .header,.theme-hide-showheader header,.theme-hide-showheader .top-bar,.theme-hide-showfooter .footer,.theme-hide-showfooter footer,.theme-hide-showsidebar .sidebar,.theme-hide-showsidebar aside{display:none!important}.theme-hide-showsidebar .app-with-sidebar main{padding-left:var(--spacing-xl)!important}.theme-hide-showstats .stats-container,.theme-hide-showstats .stats-grid,.theme-hide-showstats .dashboard-stats,.theme-hidden{display:none!important}.responsive-flex-item{justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}@media (width<=600px){.responsive-flex-item{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.responsive-flex-item>div:last-child{justify-content:flex-end;gap:8px;width:100%;display:flex;align-self:stretch!important}.card,.custom-modal-content{border-radius:var(--radius);padding:24px 16px}}.themes-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.themes-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.themes-grid-span-2{grid-column:span 2}}