:root{--color-primary: #2E3683;--color-primary-light: #3B4A9B;--color-primary-dark: #25307A;--color-bg: #2E3683;--color-bg-dark: #1F2A63;--color-card: #3B4A9B;--color-card-light: #4A57A8;--color-text: #FFFFFF;--color-text-secondary: #C7D0FF;--color-text-muted: #B7C0FF;--color-accent: #E53935;--color-accent-star: #FFC83D;--color-btn-listen: #7F8DBF;--color-btn-player: #5A6ACF;--color-divider: #4A57A8;--color-surface: #FFFFFF;--color-surface-text: #333333;--color-surface-text-secondary: #555555;--color-surface-card: #F8F9FB;--color-border: rgba(255, 255, 255, .15);--color-input-border: #9BB6E4;--color-btn-secondary: rgba(255, 255, 255, .2);--shadow-login-card: 0 2px 12px rgba(0, 0, 0, .08);--shadow-card: 0 2px 8px rgba(0, 0, 0, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--color-nav-bg: #2A3479;--color-nav-inactive: #B7C0FF;--nav-height: 64px;--sidebar-width: 260px;--sidebar-bg: #1a2057;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{font-family:var(--font-family);background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-dark) 100%);color:var(--color-text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}@media(min-width:768px){html,body{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-dark) 100%)}#root{flex-direction:row;max-width:none;margin:0;box-shadow:none;border:none;overflow:visible}}a{color:inherit;text-decoration:none}button{border:none;outline:none;cursor:pointer;font-family:inherit}input{font-family:inherit;outline:none}.sidebar-wrapper{display:none}@media(min-width:768px){.sidebar-wrapper{display:block;width:var(--sidebar-width);flex-shrink:0}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;padding:24px 0;z-index:200;overflow-y:auto}.sidebar-brand{display:flex;flex-direction:column;align-items:center;padding:0 20px 24px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}.sidebar-avatar{width:90px;height:90px;border-radius:50%;border:3px solid rgba(255,255,255,.2);object-fit:cover;margin-bottom:12px}.sidebar-brand-text{text-align:center}.sidebar-brand-name{display:block;font-size:18px;font-weight:800;color:#fff;letter-spacing:.5px}.sidebar-brand-sub{display:block;font-size:13px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.5px;margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;padding:8px 12px;gap:2px}.sidebar-nav-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:none;color:var(--color-text-secondary);font-size:16px;font-weight:500;border-radius:var(--radius-md);transition:background .2s,color .2s;text-align:left;width:100%}.sidebar-nav-item:hover{background:#ffffff0f;color:#fff}.sidebar-nav-item.active{background:#ffffff1a;color:#fff;font-weight:600}.sidebar-nav-icon{font-size:20px;width:28px;text-align:center}.sidebar-nav-label{font-size:16px}}.app-container{flex:1;display:flex;flex-direction:column;padding-bottom:var(--nav-height)}@media(min-width:768px){.app-container{padding-bottom:0;min-height:100vh}}.screen{flex:1;padding:12px 16px 16px}@media(min-width:768px){.screen{padding:24px 32px;max-width:1000px}}.screen-header{display:flex;align-items:center;gap:12px;padding:8px 16px 16px}.screen-header h1{font-size:22px;font-weight:700;flex:1}@media(min-width:768px){.screen-header h1{font-size:28px}}.back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;color:var(--color-text);font-size:24px;border-radius:50%;transition:background .2s}.back-btn:active{background:#ffffff1a}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--color-nav-bg);display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--color-divider);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:768px){.bottom-nav{display:none}}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;background:none;color:var(--color-nav-inactive);font-size:10px;font-weight:500;transition:color .2s;min-width:60px}.nav-item.active{color:var(--color-text)}.nav-item svg,.nav-item .nav-icon{width:24px;height:24px;font-size:20px}.nav-item span{font-size:10px}.login-screen{min-height:100vh;background:var(--color-surface);color:var(--color-surface-text);display:flex;flex-direction:column;align-items:center;padding:40px 24px}@media(min-width:768px){.login-screen{justify-content:center}}.login-screen h1{font-size:24px;font-weight:700;margin-bottom:24px;color:var(--color-primary)}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:40px;background:var(--color-surface-card);padding:20px 28px;border-radius:var(--radius-lg);box-shadow:var(--shadow-login-card)}.login-logo-img{width:80px;height:80px;border-radius:50%;border:2px solid var(--color-primary);object-fit:cover;background:#eee}.login-logo-text{display:flex;flex-direction:column}.login-logo-text .brand{font-size:22px;font-weight:800;color:var(--color-primary);letter-spacing:.5px}.login-logo-text .name{font-size:15px;font-weight:500;color:var(--color-primary);letter-spacing:.5px}.login-form{width:100%;max-width:340px}.login-form label{display:block;font-size:16px;font-weight:500;margin-bottom:8px;color:var(--color-surface-text)}.login-form input{width:100%;padding:14px 16px;border:2px solid var(--color-input-border);border-radius:var(--radius-sm);font-size:16px;margin-bottom:16px;background:var(--color-surface);color:var(--color-surface-text)}.login-form input::placeholder{color:var(--color-surface-text-secondary)}.login-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2e368326}.login-btn{width:100%;padding:14px;background:linear-gradient(to bottom,#2e3683,#25307a);color:#fff;font-size:16px;font-weight:600;border-radius:var(--radius-sm);margin-bottom:24px;transition:opacity .2s}.login-btn:active{opacity:.85}.login-btn:disabled{opacity:.6}.otp-section{margin-top:8px}.otp-section label{font-size:14px;color:var(--color-surface-text-secondary)}.otp-input{width:160px!important;text-align:center;font-size:24px!important;letter-spacing:8px}.login-small-btn{padding:12px 24px;background:linear-gradient(to bottom,#2e3683,#25307a);color:#fff;font-size:14px;font-weight:600;border-radius:var(--radius-sm);transition:opacity .2s}.login-small-btn:active{opacity:.85}.remember-row{display:flex;align-items:center;gap:8px;margin-top:12px}.remember-row input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:var(--color-primary)}.remember-row label{font-size:14px;margin:0;color:var(--color-surface-text)}.home-title{text-align:center;font-size:22px;font-weight:700;padding:16px 16px 0;line-height:1.3}.home-subtitle{text-align:center;font-size:15px;color:var(--color-text-secondary);padding:4px 16px 16px;line-height:1.5}@media(min-width:768px){.home-title{text-align:left;font-size:28px;padding:0 0 4px}.home-subtitle{text-align:left;font-size:17px;padding:0 0 20px}}.continue-card{background:var(--color-card);border-radius:var(--radius-lg);padding:16px;margin:0 16px 20px}@media(min-width:768px){.continue-card{margin:0 0 24px;padding:20px 24px}}.continue-card h3{font-size:16px;font-weight:600;margin-bottom:12px}@media(min-width:768px){.continue-card h3{font-size:20px;margin-bottom:14px}}.continue-row{display:flex;align-items:center;gap:12px}@media(min-width:768px){.continue-row{gap:16px}}.continue-play-btn{width:48px;height:48px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}@media(min-width:768px){.continue-play-btn{width:56px;height:56px;font-size:24px}}.continue-info{flex:1;min-width:0}.continue-info .track-name{font-size:14px;font-weight:500;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.continue-info .track-name{font-size:17px}}.continue-progress-bar{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden;margin-bottom:4px}.continue-progress-fill{height:100%;background:#fff;border-radius:2px;transition:width .3s}.continue-info .time{font-size:12px;color:var(--color-text-secondary)}@media(min-width:768px){.continue-info .time{font-size:14px}}.section{padding:0 16px;margin-bottom:20px}@media(min-width:768px){.section{padding:0}}.section-title{font-size:18px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px}@media(min-width:768px){.section-title{font-size:20px}}.section-list{list-style:none}.section-list li{font-size:15px;padding:4px 0;color:var(--color-text-secondary)}.section-list li:before{content:"•";margin-right:8px;color:var(--color-text-muted)}.home-sections-row{display:flex;flex-direction:column}@media(min-width:768px){.home-sections-row{flex-direction:row;gap:20px}.home-sections-row .section{flex:1;background:var(--color-card);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px}}.category-list{display:flex;flex-direction:column;gap:2px;background:var(--color-card);border-radius:var(--radius-lg);overflow:hidden;margin:0 16px}@media(min-width:768px){.category-list{margin:0}}.category-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:none;color:var(--color-text);font-size:16px;font-weight:500;width:100%;text-align:left;border-bottom:1px solid var(--color-divider);transition:background .2s}.category-item:last-child{border-bottom:none}.category-item:active{background:#ffffff0d}.category-item .chevron{font-size:18px;color:var(--color-nav-inactive)}.cat-content{display:flex;align-items:center;gap:10px;flex:1}.cat-icon{font-size:20px;width:28px;text-align:center;flex-shrink:0}@media(min-width:768px){.category-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:none;border-radius:0;overflow:visible}.category-item{background:var(--color-card);border-radius:var(--radius-lg);padding:20px 24px;border-bottom:none;font-size:18px;font-weight:600;transition:background .2s,transform .1s}.category-item:hover{background:var(--color-card-light);transform:translateY(-1px)}.category-item:last-child{border-bottom:none}.category-item .cat-icon{font-size:28px;margin-right:12px}.category-item .cat-content{display:flex;align-items:center;gap:12px;flex:1}.category-item .chevron{font-size:22px}}.track-list{display:flex;flex-direction:column;gap:16px;padding:0 16px}@media(min-width:768px){.track-list{padding:0}}.track-card{background:var(--color-card);border-radius:var(--radius-lg);padding:20px}.track-card h3{font-size:20px;font-weight:700;margin-bottom:16px;line-height:1.3}.track-card-footer{display:flex;align-items:center;justify-content:space-between}.track-duration{font-size:14px;color:var(--color-text-secondary)}.track-actions{display:flex;align-items:center;gap:12px}.play-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-btn-listen);color:var(--color-text);border-radius:24px;font-size:14px;font-weight:500;transition:opacity .2s}.play-btn:active{opacity:.85}.play-btn .play-icon{font-size:14px}.fav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;font-size:22px;border-radius:50%;transition:transform .2s}.fav-btn:active{transform:scale(1.2)}.fav-btn.active{color:var(--color-accent)}.player-screen{flex:1;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-height) + 16px)}@media(min-width:768px){.player-screen{padding:24px 32px 32px;max-width:800px}}.player-cover{width:100%;max-width:320px;aspect-ratio:1;margin:0 auto 20px;border-radius:var(--radius-lg);overflow:hidden;background:#444}@media(min-width:768px){.player-cover{max-width:360px}}.player-cover img{width:100%;height:100%;object-fit:cover}.player-progress{padding:0 24px;margin-bottom:8px}@media(min-width:768px){.player-progress{padding:0;max-width:500px;margin:0 auto 8px;width:100%}}.progress-bar-track{width:100%;height:6px;background:var(--color-divider);border-radius:3px;position:relative;cursor:pointer}.progress-bar-fill{height:100%;background:var(--color-text);border-radius:3px;position:relative;transition:width .1s linear}.progress-bar-thumb{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;right:-7px;top:50%;transform:translateY(-50%);box-shadow:0 1px 4px #0000004d}.player-time{display:flex;justify-content:space-between;padding:0 24px;margin-bottom:20px;font-size:13px;color:var(--color-text-secondary)}@media(min-width:768px){.player-time{padding:0;max-width:500px;margin:0 auto 24px;width:100%}}.player-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:24px}.ctrl-btn{width:52px;height:52px;border-radius:50%;background:var(--color-btn-player);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;transition:background .2s,transform .1s}.ctrl-btn:active{transform:scale(.95);opacity:.85}.ctrl-btn.main{width:64px;height:64px;font-size:28px}.player-fav-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;background:var(--color-btn-listen);color:#fff;border-radius:24px;font-size:14px;font-weight:500;margin:0 auto 20px;transition:opacity .2s}.player-fav-btn:active{opacity:.85}.player-fav-btn .heart{font-size:18px;color:var(--color-accent)}.player-info{padding:0 24px}@media(min-width:768px){.player-info{padding:0;max-width:600px}}.player-info .category{font-size:14px;margin-bottom:8px}.player-info .category strong{font-weight:600}.player-info .description{font-size:14px;color:var(--color-text-secondary);line-height:1.5}.player-info .description strong{color:var(--color-text);font-weight:600}.profile-screen{padding:24px 16px}@media(min-width:768px){.profile-screen{padding:24px 32px;max-width:600px}}.profile-card{background:var(--color-card);border-radius:var(--radius-lg);padding:24px;text-align:center;margin-bottom:20px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--color-primary-light);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 12px}.profile-email{font-size:16px;font-weight:500;margin-bottom:4px}.profile-sub{font-size:14px;color:var(--color-text-secondary)}.profile-sub.active{color:#48bb78}.profile-sub.expired{color:var(--color-accent)}.profile-actions{display:flex;flex-direction:column;gap:12px}.profile-btn{width:100%;padding:14px;background:var(--color-card);color:#fff;font-size:15px;font-weight:500;border-radius:var(--radius-md);text-align:center;transition:background .2s}.profile-btn:active{background:var(--color-card-light)}.profile-btn.danger{color:var(--color-accent)}.favorites-empty{text-align:center;padding:60px 24px;color:var(--color-text-secondary)}.favorites-empty .icon{font-size:48px;margin-bottom:12px}.favorites-empty p{font-size:16px}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}::-webkit-scrollbar{width:0;height:0}.no-sub-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.no-sub-screen h2{font-size:22px;font-weight:700;margin-bottom:12px}.no-sub-screen p{font-size:15px;color:var(--color-text-secondary);margin-bottom:24px;line-height:1.5}.no-sub-screen .sub-btn{padding:14px 32px;background:var(--color-primary-light);color:#fff;font-size:16px;font-weight:600;border-radius:var(--radius-md);transition:background .2s}.no-sub-screen .sub-btn:active{background:var(--color-primary)}.no-sub-banner{background:linear-gradient(135deg,#e53935,#c62828);border-radius:var(--radius-lg);padding:16px 20px;margin:0 16px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}@media(min-width:768px){.no-sub-banner{margin:0 0 24px;padding:20px 24px}}.no-sub-banner-icon{font-size:32px;flex-shrink:0}.no-sub-banner-text{flex:1;min-width:160px}.no-sub-banner-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.no-sub-banner-desc{font-size:13px;color:#ffffffd9;line-height:1.4}.no-sub-banner-btn{padding:10px 20px;background:#fff;color:#c62828;font-size:14px;font-weight:700;border-radius:24px;transition:opacity .2s;white-space:nowrap;flex-shrink:0}.no-sub-banner-btn:active{opacity:.85}.player-cover.locked{position:relative;opacity:.6}.player-cover-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.player-controls.disabled{opacity:.4;pointer-events:none}.player-controls .ctrl-btn:disabled{opacity:.5;cursor:not-allowed}.progress-bar-track.disabled{cursor:not-allowed;opacity:.5}.sub-page{padding:0 16px}@media(min-width:768px){.sub-page{padding:0;max-width:600px}}.sub-hero{text-align:center;padding:20px 0 24px}.sub-hero-icon{font-size:48px;margin-bottom:12px}.sub-hero h2{font-size:22px;font-weight:700;margin-bottom:8px}@media(min-width:768px){.sub-hero h2{font-size:26px}}.sub-hero p{font-size:15px;color:var(--color-text-secondary);line-height:1.4}.sub-features{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;background:var(--color-card);border-radius:var(--radius-lg);padding:16px 20px}.sub-feature-item{font-size:15px;color:var(--color-text);padding:4px 0}.sub-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}@media(min-width:768px){.sub-plans{grid-template-columns:repeat(3,1fr);gap:16px}}.sub-plan-card{position:relative;background:var(--color-card);border:2px solid transparent;border-radius:var(--radius-lg);padding:16px 12px;text-align:center;cursor:pointer;transition:border-color .2s,transform .1s,background .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.sub-plan-card:hover{background:var(--color-card-light)}.sub-plan-card.selected{border-color:#48bb78;background:var(--color-card-light);transform:scale(1.03);box-shadow:0 0 12px #48bb784d}.sub-plan-card.popular{border-color:var(--color-accent-star)}.sub-plan-card.popular.selected{border-color:#48bb78;box-shadow:0 0 12px #48bb784d}.sub-plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-accent-star);color:#1a1a2e;font-size:11px;font-weight:700;padding:2px 10px;border-radius:10px;white-space:nowrap}.sub-plan-discount{position:absolute;top:8px;right:8px;background:#48bb78;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px}.sub-plan-period{font-size:15px;font-weight:600;color:var(--color-text);margin-top:4px}.sub-plan-price{font-size:20px;font-weight:800;color:#fff;margin:4px 0 2px}.sub-plan-per-month{font-size:12px;color:var(--color-text-secondary)}.sub-pay-btn{width:100%;padding:16px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;font-size:18px;font-weight:700;border-radius:var(--radius-md);transition:opacity .2s,transform .1s;margin-bottom:12px}.sub-pay-btn:active{opacity:.9;transform:scale(.99)}.sub-pay-btn:disabled{opacity:.6}.sub-note{text-align:center;font-size:13px;color:var(--color-text-muted);margin-bottom:24px}.sub-active-card{text-align:center;padding:32px 24px;background:linear-gradient(135deg,#2e3683,#3b4a9b,#4a57a8);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);margin:0 0 20px}@media(min-width:768px){.sub-active-card{margin:0 0 24px}}.sub-active-icon{font-size:48px;margin-bottom:16px}.sub-active-card h2{font-size:22px;font-weight:700;margin-bottom:8px}.sub-active-card p{font-size:15px;color:var(--color-text-secondary);margin-bottom:24px}.sub-back-btn{padding:12px 32px;background:var(--color-primary-light);color:#fff;font-size:15px;font-weight:600;border-radius:var(--radius-md);transition:background .2s}.sub-back-btn:active{background:var(--color-primary)}.audio-loading-bar{position:relative;width:100%;height:32px;background:#ffffff14;border-radius:var(--radius-sm);overflow:hidden;margin:0 auto 12px;max-width:500px}@media(max-width:767px){.audio-loading-bar{margin:0 24px 12px}}.audio-loading-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-btn-player) 100%);border-radius:var(--radius-sm);transition:width .3s ease}.audio-loading-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--color-text-secondary);pointer-events:none}.track-card-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.track-card-cover{width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:#ffffff14}@media(min-width:768px){.track-card-cover{width:80px;height:80px;border-radius:var(--radius-md)}}.track-card-cover img{width:100%;height:100%;object-fit:cover}.track-card-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--color-text-muted)}.track-card-body{flex:1;min-width:0}.track-card-title{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:4px;line-height:1.3}@media(min-width:768px){.track-card-title{font-size:18px}}.track-card-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-card-duration{font-size:12px;color:var(--color-text-muted);margin-top:2px}.screen-title{font-size:22px;font-weight:700;line-height:1.3;display:flex;align-items:center;gap:4px}@media(min-width:768px){.screen-title{font-size:28px}}#root:has(.admin-layout){max-width:none;box-shadow:none;border:none;overflow:visible;background:#f0f2f5}.admin-layout{display:flex;min-height:100vh;background:#f0f2f5;color:#1a1a2e}.admin-sidebar{width:260px;background:#2e3683;color:#fff;display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:200;transition:transform .3s ease}.admin-sidebar-header{padding:24px 20px 20px;border-bottom:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:4px}.admin-logo{font-size:24px;font-weight:900;letter-spacing:2px}.admin-logo-sub{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:1px}.admin-nav{flex:1;padding:12px 0;display:flex;flex-direction:column}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:none;border:none;color:#ffffffb3;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%;font-family:inherit}.admin-nav-item:hover{color:#fff;background:#ffffff14}.admin-nav-item.active{color:#fff;background:#ffffff26;border-left:3px solid white}.admin-nav-icon{font-size:18px;width:24px;text-align:center}.admin-sidebar-footer{padding:12px 0;border-top:1px solid rgba(255,255,255,.15)}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150}.admin-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.admin-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:50}.admin-burger{display:none;background:none;border:none;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;color:#2e3683;font-family:inherit}.admin-burger:hover{background:#f0f2f5}.admin-header-title{font-size:20px;font-weight:700;color:#2e3683}.admin-content{flex:1;padding:24px}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.admin-stat-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0;transition:transform .2s}.admin-stat-card:hover{transform:translateY(-2px)}.admin-stat-card.accent{border-left:4px solid #48bb78}.admin-stat-card.warn{border-left:4px solid #e53e3e}.admin-stat-icon{font-size:28px;margin-bottom:8px}.admin-stat-value{font-size:28px;font-weight:800;color:#2e3683;margin-bottom:4px}.admin-stat-label{font-size:13px;color:#718096;font-weight:500}.admin-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0;margin-bottom:24px}.admin-section h2{font-size:18px;font-weight:700;color:#2e3683;margin-bottom:16px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.admin-toolbar h2{font-size:18px;font-weight:700;color:#2e3683;margin:0}.admin-toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.admin-btn:hover{background:#f7fafc;border-color:#cbd5e0}.admin-btn.primary{background:#2e3683;color:#fff;border-color:#2e3683}.admin-btn.primary:hover{background:#3d47a0}.admin-btn.danger{color:#e53e3e}.admin-btn.danger:hover{background:#fff5f5;border-color:#fed7d7}.admin-btn.small{padding:4px 10px;font-size:13px;border-radius:6px}.admin-table-wrap{overflow-x:auto;border-radius:12px;background:#fff;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table thead{background:#f7fafc}.admin-table th{padding:12px 16px;text-align:left;font-weight:600;color:#4a5568;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.admin-table td{padding:12px 16px;border-bottom:1px solid #edf2f7;vertical-align:middle}.admin-table tr:hover{background:#f7fafc}.admin-table tr.unpublished{opacity:.6}.admin-table strong{color:#2d3748}.admin-table small{color:#a0aec0}.admin-text-muted{color:#a0aec0;font-size:12px}.admin-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.admin-badge.active{background:#c6f6d5;color:#276749}.admin-badge.expired{background:#fed7d7;color:#9b2c2c}.admin-badge.none{background:#e2e8f0;color:#718096}.admin-action-btns{display:flex;gap:6px;align-items:center}.admin-order-btns{display:flex;gap:4px}.admin-order-btns button{padding:2px 8px;background:#edf2f7;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s;font-family:inherit}.admin-order-btns button:hover:not(:disabled){background:#e2e8f0}.admin-order-btns button:disabled{opacity:.3;cursor:not-allowed}.admin-inline-input{padding:6px 10px;border:2px solid #2e3683;border-radius:6px;font-size:14px;width:100%;max-width:250px;font-family:inherit}.admin-add-form{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;border:2px solid #2e3683}.admin-add-form input{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;font-family:inherit}.admin-add-form input:focus{border-color:#2e3683;outline:none;box-shadow:0 0 0 3px #2e368326}.admin-form-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 1px 3px #00000014;border:2px solid #2e3683}.admin-form-card h3{font-size:18px;font-weight:700;color:#2e3683;margin-bottom:20px}.admin-form-group{margin-bottom:16px}.admin-form-group label{display:block;font-size:14px;font-weight:600;color:#4a5568;margin-bottom:6px}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;font-family:inherit;transition:border-color .2s}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{border-color:#2e3683;outline:none;box-shadow:0 0 0 3px #2e368326}.admin-form-group textarea{resize:vertical;min-height:80px}.admin-form-group input[type=file]{padding:8px;border-style:dashed}.admin-file-info{display:block;margin-top:6px;font-size:13px;color:#718096}.admin-form-actions{display:flex;gap:12px;margin-top:20px}.admin-search{padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:200px;font-family:inherit}.admin-search:focus{border-color:#2e3683;outline:none;box-shadow:0 0 0 3px #2e368326}.admin-select{padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;font-family:inherit}.admin-select:focus{border-color:#2e3683;outline:none}.admin-extend-form{display:flex;align-items:center;gap:6px;font-size:13px}.admin-extend-form input{padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;text-align:center;font-family:inherit}@media(max-width:900px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.admin-burger{display:block}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.admin-content{padding:16px}.admin-stats-grid{grid-template-columns:1fr}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-toolbar-right{flex-direction:column}.admin-search{min-width:auto;width:100%}}.admin-analytics .admin-charts-row{display:flex;gap:20px;margin-bottom:24px}.admin-analytics .admin-charts-row .admin-section{margin-bottom:0}.admin-chart-wrap{overflow:hidden}.admin-chart-label{font-size:12px;color:#718096;margin-bottom:8px}.admin-chart-empty{text-align:center;color:#a0aec0;padding:40px 0;font-size:14px}.admin-retention-overview{display:flex;align-items:center;gap:24px;margin-bottom:12px}.admin-retention-rate{display:flex;align-items:baseline;gap:8px}.admin-retention-value{font-size:40px;font-weight:900;color:#2e3683;line-height:1}.admin-retention-label{font-size:14px;color:#718096}.admin-retention-counts{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#4a5568}.admin-progress-bar-wrap{height:12px;background:#edf2f7;border-radius:6px;overflow:hidden;margin-bottom:8px}.admin-progress-bar-fill{height:100%;background:linear-gradient(90deg,#2e3683,#5a68c9);border-radius:6px;transition:width .5s ease}.upload-progress-wrap{position:relative;width:80px;height:20px;background:#e2e8f0;border-radius:4px;overflow:hidden}.upload-progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#2e3683,#5a62c4);border-radius:4px;transition:width .2s ease}.upload-progress-text{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.admin-loading{text-align:center;padding:60px 20px;color:#718096;font-size:16px}.admin-badge.warn{background:#fefcbf;color:#975a16}@media(max-width:900px){.admin-analytics .admin-charts-row{flex-direction:column}}