@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Work+Sans:wght@300;400;500;600;700&display=swap";.splash-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:linear-gradient(180deg,#f8fafc,#e2e8f0);text-align:center}.splash-logo{margin-bottom:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.splash-content h1{font-family:var(--font-heading);font-size:36px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.splash-content p{font-size:16px;color:var(--text-muted);margin-bottom:48px}.splash-content .btn-primary,.splash-content .btn-secondary{max-width:280px;margin-bottom:12px}.login-content{height:100%;display:flex;flex-direction:column;padding:60px 24px 40px;background:var(--background)}.login-content h2{font-family:var(--font-heading);font-size:28px;font-weight:700;margin-top:40px;margin-bottom:8px}.login-content .subtitle{color:var(--text-muted);margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:14px;font-weight:500;color:var(--text)}.input-group input{padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:15px;font-family:var(--font-body);transition:border-color .2s ease}.input-group input:focus{outline:none;border-color:var(--primary)}.login-form .btn-primary{margin-top:8px}.social-login{margin-top:auto;text-align:center}.social-login p{font-size:14px;color:var(--text-muted);margin-bottom:16px}.social-btns{display:flex;justify-content:center;gap:16px}.social-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.social-btn:hover{border-color:var(--primary);background:#2563eb0d}.stories-section{display:flex;gap:16px;padding:16px 20px;overflow-x:auto}.stories-section::-webkit-scrollbar{display:none}.story{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.story-avatar{width:64px;height:64px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#f43f5e,#2563eb);display:flex;align-items:center;justify-content:center}.story-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid white}.story-avatar.live{background:linear-gradient(135deg,#f43f5e,#f43f5e);animation:pulse-ring 2s ease infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #f43f5e66}to{box-shadow:0 0 0 8px #f43f5e00}}.story span{font-size:12px;color:var(--text);max-width:64px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.add-story .story-avatar{background:var(--border)}.add-story .story-avatar svg{color:var(--text-muted)}.post-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer}.post-header{display:flex;align-items:center;gap:12px;padding:12px 16px}.post-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.post-info{flex:1}.post-info h4{font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px}.post-info .verified-icon{color:var(--primary)}.post-time{font-size:12px;color:var(--text-muted)}.exclusive-badge{padding:4px 10px;background:var(--gradient-primary);color:#fff;font-size:11px;font-weight:600;border-radius:var(--radius-full)}.post-image{position:relative;width:100%;aspect-ratio:4/3}.post-image img{width:100%;height:100%;object-fit:cover}.post-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.post-image:hover .post-overlay{opacity:1}.post-content{padding:16px}.post-content p{font-size:14px;line-height:1.5;margin-bottom:12px}.post-content.no-image{padding-top:0}.post-actions{display:flex;gap:16px}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease}.action-btn:hover{background:#0000000d;color:var(--text)}.action-btn.liked{color:var(--secondary)}.feed-section{padding:0 20px;display:flex;flex-direction:column;gap:16px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px}.product-card{background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.product-image{position:relative;width:100%;aspect-ratio:1}.product-image img{width:100%;height:100%;object-fit:cover}.product-badge{position:absolute;top:8px;left:8px;padding:4px 8px;background:var(--secondary);color:#fff;font-size:10px;font-weight:600;border-radius:var(--radius-sm);text-transform:capitalize}.product-badge.ticket{background:var(--primary)}.product-badge.exclusive{background:linear-gradient(135deg,#f59e0b,#f43f5e)}.product-info{padding:12px}.product-info h4{font-size:13px;font-weight:600;margin-bottom:4px;line-height:1.3}.product-idol{font-size:11px;color:var(--text-muted);margin-bottom:8px}.product-price{display:flex;align-items:center;justify-content:space-between}.product-price .price{font-size:14px;font-weight:700;color:var(--primary)}.add-cart-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.add-cart-btn:hover{transform:scale(1.1)}.shop-categories{display:flex;gap:12px;padding:16px 20px;overflow-x:auto}.shop-categories::-webkit-scrollbar{display:none}.shop-category{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;min-width:72px;transition:all .2s ease}.shop-category.active{border-color:var(--primary);background:#2563eb0d}.shop-category .category-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.shop-category.active .category-icon{color:var(--primary)}.shop-category span{font-size:11px;font-weight:500;color:var(--text)}.cart-btn{position:relative}.cart-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--secondary);color:#fff;font-size:10px;font-weight:600;border-radius:50%}.idol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px}.idol-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer}.idol-card img{width:100%;aspect-ratio:1;object-fit:cover}.idol-card .idol-info{padding:12px}.idol-card h4{font-size:14px;font-weight:600;margin-bottom:4px}.idol-card span{font-size:12px;color:var(--text-muted)}.follow-btn{width:100%;padding:8px;margin:0 12px 12px;width:calc(100% - 24px);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.follow-btn.following{background:transparent;border:1px solid var(--border);color:var(--text)}.idol-list{padding:0 20px;display:flex;flex-direction:column;gap:12px}.idol-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface);border-radius:var(--radius-md);cursor:pointer}.idol-list-item .rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--text-muted);color:#fff;font-size:12px;font-weight:700;border-radius:50%}.idol-list-item img{width:48px;height:48px;border-radius:50%;object-fit:cover}.idol-list-item .idol-info{flex:1}.idol-list-item h4{font-size:14px;font-weight:600;margin-bottom:2px}.idol-list-item span{font-size:12px;color:var(--success)}.idol-list-item .follow-btn{width:auto;margin:0;padding:8px 16px}.categories{display:flex;gap:8px;padding:0 20px 16px;overflow-x:auto}.categories::-webkit-scrollbar{display:none}.category-chip{padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text);cursor:pointer;white-space:nowrap;transition:all .2s ease}.category-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.category-chip:hover:not(.active){border-color:var(--primary)}.search-box{display:flex;align-items:center;gap:12px;margin:0 20px 16px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.search-box svg{color:var(--text-muted);flex-shrink:0}.search-box input{flex:1;border:none;outline:none;font-size:15px;font-family:var(--font-body);background:transparent}.notif-btn{position:relative}.notif-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--secondary);color:#fff;font-size:10px;font-weight:600;border-radius:50%}.idol-profile-header{position:relative;padding-bottom:40px}.profile-cover{width:100%;height:160px;overflow:hidden}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-avatar-large{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:100px;border-radius:50%;border:4px solid var(--surface);overflow:hidden}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.live-badge{position:absolute;bottom:4px;left:50%;transform:translate(-50%);padding:2px 8px;background:var(--secondary);color:#fff;font-size:10px;font-weight:700;border-radius:var(--radius-full)}.profile-scroll{height:calc(100% - 200px)}.profile-info-section{text-align:center;padding:24px 20px}.profile-info-section h2{font-family:var(--font-heading);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.profile-info-section .verified-icon{color:var(--primary)}.profile-info-section .bio{color:var(--text-muted);margin-top:4px}.profile-stats{display:flex;justify-content:center;gap:40px;margin:20px 0}.profile-stats .stat{text-align:center}.profile-stats .stat-value{display:block;font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--text)}.profile-stats .stat-label{font-size:12px;color:var(--text-muted)}.profile-actions{display:flex;gap:12px;padding:0 20px}.profile-actions .btn-primary,.profile-actions .btn-secondary{flex:1;padding:12px}.profile-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 20px}.profile-tabs .tab-btn{flex:1;padding:14px;background:transparent;border:none;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.profile-tabs .tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.profile-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px}.content-item{position:relative;aspect-ratio:1;cursor:pointer}.content-item img{width:100%;height:100%;object-fit:cover}.content-type{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.content-type.video{background:#00000080}.content-type.exclusive{background:linear-gradient(135deg,#f59e0b,#f43f5e)}.rewards-scroll{background:linear-gradient(180deg,transparent 0%,var(--background) 120px)}.points-card{margin:0 20px 24px;padding:24px;background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff}.points-info{text-align:center;margin-bottom:20px}.points-label{display:block;font-size:14px;opacity:.8}.points-value{display:block;font-family:var(--font-heading);font-size:48px;font-weight:800;margin:4px 0}.points-rank{display:inline-block;padding:4px 12px;background:#fff3;border-radius:var(--radius-full);font-size:12px;font-weight:600}.points-progress{text-align:center}.progress-bar{height:8px;background:#fff3;border-radius:var(--radius-full);overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:#fff;border-radius:var(--radius-full);transition:width .3s ease}.progress-text{font-size:12px;opacity:.8}.badges-section{margin-bottom:24px}.badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 20px}.badge-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.badge-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b,#f43f5e);color:#fff;border-radius:50%}.badge-icon.locked{background:var(--border);color:var(--text-muted)}.badge-item:not(.earned){opacity:.5}.badge-item span{font-size:11px;font-weight:500;color:var(--text)}.rewards-list{margin-bottom:24px}.reward-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.reward-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#2563eb1a;color:var(--primary);border-radius:var(--radius-md)}.reward-info{flex:1}.reward-info h4{font-size:14px;font-weight:600;margin-bottom:2px}.reward-info span{font-size:12px;color:var(--text-muted)}.redeem-btn{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.redeem-btn:hover:not(.disabled){opacity:.9}.redeem-btn.disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.user-profile-card{display:flex;flex-direction:column;align-items:center;padding:24px 20px;background:var(--surface);margin:0 20px 24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.user-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:12px}.user-profile-card h3{font-family:var(--font-heading);font-size:20px;font-weight:700;margin-bottom:4px}.user-profile-card p{font-size:14px;color:var(--text-muted);margin-bottom:16px}.user-stats{display:flex;gap:32px}.user-stats .stat{text-align:center}.user-stats .stat-value{display:block;font-family:var(--font-heading);font-size:18px;font-weight:700}.user-stats .stat-label{font-size:12px;color:var(--text-muted)}.menu-section{background:var(--surface);margin:0 20px;border-radius:var(--radius-lg);overflow:hidden}.menu-item{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s ease}.menu-item:hover{background:#00000005}.menu-item:last-child{border-bottom:none}.menu-item svg:first-child{color:var(--text-muted)}.menu-item span{flex:1;font-size:15px}.menu-item svg:last-child{color:var(--text-muted)}.menu-item.logout{color:var(--error)}.menu-item.logout svg{color:var(--error)}.donate-content{padding:24px 20px;display:flex;flex-direction:column;gap:24px}.donate-idol{text-align:center;padding:24px;background:var(--surface);border-radius:var(--radius-lg)}.donate-idol img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:12px}.donate-idol h3{font-family:var(--font-heading);font-size:20px;font-weight:700;margin-bottom:4px}.donate-idol p{font-size:14px;color:var(--text-muted)}.donate-amounts h4,.donate-message h4{font-size:14px;font-weight:600;margin-bottom:12px}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.amount-btn{padding:14px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);font-size:16px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s ease}.amount-btn.active{border-color:var(--primary);background:#2563eb0d;color:var(--primary)}.amount-btn.custom{font-size:14px}.donate-message textarea{width:100%;height:100px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;resize:none}.donate-message textarea:focus{outline:none;border-color:var(--primary)}.donate-summary{background:var(--surface);border-radius:var(--radius-md);padding:16px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.summary-row .points{color:var(--success);font-weight:500}.summary-row.total{border-top:1px solid var(--border);margin-top:8px;padding-top:16px;font-weight:600}.donate-confirm{margin-top:auto}.notif-tabs{display:flex;gap:8px;padding:12px 20px;overflow-x:auto}.notif-tabs::-webkit-scrollbar{display:none}.notif-tab{padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text);cursor:pointer;white-space:nowrap;transition:all .2s ease}.notif-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.notif-section-title{font-size:13px;font-weight:600;color:var(--text-muted);padding:16px 20px 8px;text-transform:uppercase;letter-spacing:.5px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border);transition:background .2s ease}.notif-item.unread{background:#2563eb08}.notif-avatar{position:relative;width:48px;height:48px;flex-shrink:0}.notif-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.notif-avatar.order{display:flex;align-items:center;justify-content:center;background:#2563eb1a;border-radius:50%;color:var(--primary)}.notif-type{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--surface)}.notif-type.live,.notif-type.like{background:var(--secondary);color:#fff}.notif-type.post{background:var(--primary);color:#fff}.notif-content{flex:1}.notif-content p{font-size:14px;line-height:1.4;color:var(--text)}.notif-time{font-size:12px;color:var(--text-muted);margin-top:4px;display:block}.cart-content{padding:20px;display:flex;flex-direction:column;gap:20px}.cart-items{display:flex;flex-direction:column;gap:12px}.cart-item{display:flex;gap:12px;padding:12px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.cart-item img{width:80px;height:80px;border-radius:var(--radius-sm);object-fit:cover}.cart-item-info{flex:1;display:flex;flex-direction:column;justify-content:center}.cart-item-info h4{font-size:14px;font-weight:600;margin-bottom:4px;line-height:1.3}.cart-item-price{font-size:14px;font-weight:600;color:var(--primary)}.cart-item-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.cart-qty{display:flex;align-items:center;gap:8px;background:var(--background);border-radius:var(--radius-sm);padding:4px}.cart-qty button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:none;border-radius:var(--radius-sm);cursor:pointer}.cart-qty span{font-size:14px;font-weight:600;min-width:24px;text-align:center}.remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--error);cursor:pointer}.cart-summary{background:var(--surface);border-radius:var(--radius-md);padding:16px}.cart-summary .summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.cart-summary .summary-row.total{border-top:1px solid var(--border);margin-top:8px;padding-top:16px;font-weight:600;font-size:16px}.checkout-btn{margin-top:auto}.checkout-content{padding:20px;display:flex;flex-direction:column;gap:24px}.checkout-section h4{font-size:14px;font-weight:600;margin-bottom:12px}.address-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.address-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#2563eb1a;color:var(--primary);border-radius:50%}.address-info{flex:1}.address-info h5{font-size:14px;font-weight:600;margin-bottom:4px}.address-info p{font-size:13px;color:var(--text-muted);line-height:1.4;margin-bottom:4px}.address-info span{font-size:12px;color:var(--text-muted)}.change-btn{padding:6px 12px;background:transparent;border:1px solid var(--primary);color:var(--primary);font-size:12px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer}.payment-options{display:flex;flex-direction:column;gap:8px}.payment-option{display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.payment-option.selected{border-color:var(--primary);background:#2563eb05}.payment-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--background);border-radius:var(--radius-sm);color:var(--text)}.payment-info{flex:1}.payment-info h5{font-size:14px;font-weight:600}.payment-info span{font-size:12px;color:var(--text-muted)}.radio{width:20px;height:20px;border:2px solid var(--border);border-radius:50%;position:relative}.radio.active{border-color:var(--primary)}.radio.active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--primary);border-radius:50%}.order-summary{background:var(--surface);border-radius:var(--radius-md);padding:16px}.order-summary .summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.order-summary .points{color:var(--success);font-weight:500}.order-summary .summary-row.total{border-top:1px solid var(--border);margin-top:8px;padding-top:16px;font-weight:600;font-size:16px}.place-order-btn{margin-top:auto}.success-content{height:100%;display:flex;flex-direction:column;align-items:center;padding:80px 24px 40px;text-align:center}.success-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#10b9811a;color:var(--success);border-radius:50%;margin-bottom:24px}.success-content h2{font-family:var(--font-heading);font-size:28px;font-weight:700;margin-bottom:8px}.success-content>p{font-size:14px;color:var(--text-muted);margin-bottom:32px}.success-details{width:100%;background:var(--surface);border-radius:var(--radius-md);padding:16px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.detail-row .value{font-weight:600}.detail-row .points{color:var(--success)}.success-tracking{width:100%;display:flex;align-items:center;gap:12px;padding:16px;background:#2563eb0d;border:1px solid rgba(37,99,235,.1);border-radius:var(--radius-md);margin-bottom:auto;cursor:pointer}.tracking-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:var(--radius-md)}.tracking-info{flex:1;text-align:left}.tracking-info h4{font-size:14px;font-weight:600;margin-bottom:2px}.tracking-info p{font-size:12px;color:var(--text-muted)}.success-tracking svg:last-child{color:var(--text-muted)}.success-actions{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:24px}.dashboard-scroll{background:linear-gradient(180deg,transparent 0%,var(--background) 80px)}.welcome-card{display:flex;align-items:center;gap:16px;margin:0 20px 24px;padding:20px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.welcome-card img{width:60px;height:60px;border-radius:50%;object-fit:cover}.welcome-text{font-size:13px;color:var(--text-muted)}.welcome-info h3{font-family:var(--font-heading);font-size:20px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px;margin-bottom:24px}.stat-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.stat-icon.fans{background:#2563eb1a;color:var(--primary)}.stat-icon.revenue{background:#10b9811a;color:var(--success)}.stat-icon.engagement{background:#f43f5e1a;color:var(--secondary)}.stat-icon.orders{background:#f59e0b1a;color:var(--warning)}.stat-data{flex:1}.stat-value{display:block;font-family:var(--font-heading);font-size:20px;font-weight:700;line-height:1}.stat-label{display:block;font-size:11px;color:var(--text-muted);margin:4px 0}.stat-change{font-size:11px;font-weight:600}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}.chart-section{margin-bottom:24px}.chart-placeholder{margin:0 20px;padding:20px;background:var(--surface);border-radius:var(--radius-md)}.chart-svg{width:100%;height:auto}.recent-activity{margin-bottom:24px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.activity-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.activity-icon.donation{background:#10b9811a;color:var(--success)}.activity-icon.purchase{background:#f59e0b1a;color:var(--warning)}.activity-icon.follow{background:#2563eb1a;color:var(--primary)}.activity-info{flex:1}.activity-text{font-size:13px;display:block}.activity-time{font-size:11px;color:var(--text-muted)}.add-btn{color:var(--primary)}.content-tabs{display:flex;gap:8px;padding:12px 20px;overflow-x:auto}.content-tabs::-webkit-scrollbar{display:none}.content-tabs .tab-btn{padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text);cursor:pointer;white-space:nowrap;transition:all .2s ease}.content-tabs .tab-btn.active{background:var(--secondary);border-color:var(--secondary);color:#fff}.content-list{display:flex;flex-direction:column}.content-list-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.content-list-item img{width:60px;height:60px;border-radius:var(--radius-sm);object-fit:cover}.content-info{flex:1;min-width:0}.content-info h4{font-size:14px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-meta{font-size:12px;color:var(--text-muted);display:block;margin-bottom:4px}.content-stats{display:flex;gap:12px;font-size:11px;color:var(--text-muted)}.content-status{padding:4px 10px;font-size:11px;font-weight:600;border-radius:var(--radius-sm)}.content-status.published{background:#10b9811a;color:var(--success)}.content-status.exclusive{background:linear-gradient(135deg,#f59e0b1a,#f43f5e1a);color:var(--warning)}.content-status.draft{background:#64748b1a;color:var(--text-muted)}.shop-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 20px}.shop-stat-card{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.shop-stat-value{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--primary)}.shop-stat-label{font-size:11px;color:var(--text-muted);margin-top:4px}.product-list{display:flex;flex-direction:column}.product-list-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.product-list-item img{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover}.product-list-item .product-info{flex:1}.product-list-item h4{font-size:14px;font-weight:600;margin-bottom:2px}.product-list-item .product-price{font-size:12px;color:var(--text-muted)}.product-stock{text-align:right;min-width:80px}.stock-count{font-size:12px;color:var(--text-muted);display:block;margin-bottom:4px}.product-stock.low .stock-count{color:var(--error)}.stock-bar{display:block;height:4px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.stock-bar span{display:block;height:100%;background:var(--success);border-radius:var(--radius-full)}.product-stock.low .stock-bar span{background:var(--error)}.fans-overview{padding:20px}.fans-chart{display:flex;align-items:center;gap:24px;padding:20px;background:var(--surface);border-radius:var(--radius-lg)}.donut-chart{position:relative;width:120px;height:120px;flex-shrink:0}.donut-chart svg{width:100%;height:100%}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-value{display:block;font-family:var(--font-heading);font-size:20px;font-weight:700}.donut-label{font-size:11px;color:var(--text-muted)}.fans-legend{flex:1;display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px}.legend-dot{width:12px;height:12px;border-radius:50%}.top-fans-list{display:flex;flex-direction:column}.top-fan-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.fan-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--text-muted);color:#fff;font-size:12px;font-weight:700;border-radius:50%}.fan-rank.gold{background:linear-gradient(135deg,#f59e0b,#eab308)}.fan-rank.silver{background:linear-gradient(135deg,#94a3b8,#cbd5e1)}.fan-rank.bronze{background:linear-gradient(135deg,#d97706,#f59e0b)}.top-fan-item img{width:44px;height:44px;border-radius:50%;object-fit:cover}.fan-info{flex:1}.fan-info h4{font-size:14px;font-weight:600;margin-bottom:2px}.fan-info span{font-size:12px;color:var(--text-muted)}.reward-btn{padding:6px 14px;background:var(--secondary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer}.demographics{padding:16px 20px;background:var(--surface);margin:0 20px;border-radius:var(--radius-md)}.demo-item{display:flex;align-items:center;gap:12px;padding:8px 0}.demo-label{font-size:13px;min-width:80px}.demo-bar{flex:1;height:8px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.demo-bar span{display:block;height:100%;background:var(--primary);border-radius:var(--radius-full)}.demo-value{font-size:13px;font-weight:600;min-width:36px;text-align:right}.idol-profile-card{display:flex;flex-direction:column;align-items:center;padding:32px 20px;background:var(--surface);margin:0 20px 24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.idol-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:16px;border:4px solid var(--background);box-shadow:var(--shadow-md)}.idol-profile-card h3{font-family:var(--font-heading);font-size:24px;font-weight:700;margin-bottom:4px}.idol-profile-card p{font-size:14px;color:var(--text-muted);margin-bottom:12px}.verified-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#2563eb1a;color:var(--primary);font-size:12px;font-weight:500;border-radius:var(--radius-full)}.brand-welcome-card{display:flex;align-items:center;gap:16px;margin:0 20px 24px;padding:20px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.brand-logo{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-family:var(--font-heading);font-size:28px;font-weight:700;border-radius:var(--radius-md)}.brand-info .welcome-text{font-size:13px;color:var(--text-muted)}.brand-info h3{font-family:var(--font-heading);font-size:20px;font-weight:700}.stat-icon.campaigns{background:#2563eb1a;color:var(--primary)}.stat-icon.reach{background:#8b5cf61a;color:#8b5cf6}.stat-icon.conversion{background:#10b9811a;color:var(--success)}.stat-icon.revenue{background:#f59e0b1a;color:var(--warning)}.campaigns-preview{display:flex;flex-direction:column;margin:0 20px;background:var(--surface);border-radius:var(--radius-md);overflow:hidden}.campaign-preview-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.campaign-preview-item:last-child{border-bottom:none}.campaign-preview-info h4{font-size:14px;font-weight:600;margin-bottom:4px}.campaign-status{padding:2px 8px;font-size:10px;font-weight:600;border-radius:var(--radius-sm)}.campaign-status.active{background:#10b9811a;color:var(--success)}.campaign-status.draft{background:#64748b1a;color:var(--text-muted)}.campaign-preview-stats{display:flex;gap:20px}.preview-stat{text-align:center}.preview-stat-value{display:block;font-size:14px;font-weight:600}.preview-stat-label{font-size:10px;color:var(--text-muted)}.view-all-btn{display:block;width:calc(100% - 40px);margin:16px 20px;padding:12px;background:transparent;border:1px solid var(--primary);color:var(--primary);font-size:14px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:var(--primary);color:#fff}.campaign-tabs{display:flex;gap:8px;padding:12px 20px;overflow-x:auto}.campaign-tabs::-webkit-scrollbar{display:none}.campaign-tabs .tab-btn{padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text);cursor:pointer;white-space:nowrap;transition:all .2s ease}.campaign-tabs .tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.campaigns-list{display:flex;flex-direction:column;gap:12px;padding:0 20px}.campaign-card{background:var(--surface);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm)}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.campaign-title h4{font-size:15px;font-weight:600;margin-bottom:6px}.campaign-card .campaign-status{display:inline-block;padding:3px 10px;font-size:11px;font-weight:600;border-radius:var(--radius-sm)}.campaign-card .campaign-status.active{background:#10b9811a;color:var(--success)}.campaign-card .campaign-status.draft{background:#64748b1a;color:var(--text-muted)}.campaign-card .campaign-status.completed{background:#2563eb1a;color:var(--primary)}.more-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.campaign-idol{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.campaign-idol img{width:28px;height:28px;border-radius:50%;object-fit:cover}.idol-placeholder{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--text-muted);color:#fff;font-size:12px;font-weight:600;border-radius:50%}.campaign-idol span{font-size:13px;font-weight:500}.campaign-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.meta-item{text-align:center}.meta-label{display:block;font-size:10px;color:var(--text-muted);margin-bottom:2px}.meta-value{font-size:12px;font-weight:600}.kol-list{display:flex;flex-direction:column;gap:12px;padding:0 20px}.kol-card{display:flex;gap:16px;padding:16px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.kol-avatar{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover}.kol-info{flex:1}.kol-info h4{font-size:16px;font-weight:600;margin-bottom:2px}.kol-category{font-size:12px;color:var(--text-muted);display:block;margin-bottom:8px}.kol-stats{display:flex;gap:16px;margin-bottom:8px}.kol-stat{text-align:left}.kol-stat-value{display:block;font-size:14px;font-weight:600}.kol-stat-label{font-size:10px;color:var(--text-muted)}.kol-rate{font-size:12px;font-weight:500;color:var(--primary)}.kol-book-btn{align-self:center;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.kol-book-btn:hover:not(.requested){opacity:.9}.kol-book-btn.requested{background:var(--success);cursor:default}.date-range{padding:12px 20px;text-align:center}.date-range span{display:inline-block;padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:13px;font-weight:500}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px;margin-bottom:24px}.metric-card{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--surface);border-radius:var(--radius-md);text-align:center}.metric-value{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--primary)}.metric-label{font-size:11px;color:var(--text-muted);margin:4px 0}.metric-change{font-size:11px;font-weight:600}.metric-change.positive{color:var(--success)}.performance-table{margin:0 20px;background:var(--surface);border-radius:var(--radius-md);overflow:hidden}.table-header,.table-row{display:grid;grid-template-columns:1.5fr repeat(4,1fr);padding:12px;font-size:11px;text-align:center}.table-header{background:var(--background);font-weight:600;color:var(--text-muted)}.table-row{border-bottom:1px solid var(--border)}.table-row:last-child{border-bottom:none}.campaign-name{text-align:left;font-weight:500}.demographics-chart{margin:0 20px;padding:16px;background:var(--surface);border-radius:var(--radius-md)}.demo-row{display:flex;align-items:center;gap:12px;padding:8px 0}.demo-row .demo-label{width:50px;font-size:13px}.demo-bar-container{flex:1;height:12px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.demo-bar-container .demo-bar{height:100%;background:var(--primary);border-radius:var(--radius-full)}.demo-percent{width:40px;text-align:right;font-size:13px;font-weight:600}.brand-profile-card{display:flex;flex-direction:column;align-items:center;padding:32px 20px;background:var(--surface);margin:0 20px 24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.brand-logo-large{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-family:var(--font-heading);font-size:36px;font-weight:700;border-radius:var(--radius-lg);margin-bottom:16px}.brand-profile-card h3{font-family:var(--font-heading);font-size:20px;font-weight:700;margin-bottom:4px}.brand-profile-card p{font-size:13px;color:var(--text-muted);margin-bottom:20px}.brand-stats{display:flex;gap:32px}.brand-stats .stat{text-align:center}.brand-stats .stat-value{display:block;font-family:var(--font-heading);font-size:20px;font-weight:700}.brand-stats .stat-label{font-size:11px;color:var(--text-muted)}:root{--primary: #2563EB;--primary-light: #60A5FA;--secondary: #F43F5E;--secondary-light: #FB7185;--background: #F8FAFC;--surface: #FFFFFF;--text: #1E293B;--text-muted: #64748B;--border: #E2E8F0;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--gradient-primary: linear-gradient(135deg, #F43F5E 0%, #2563EB 100%);--gradient-aurora: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f953c6 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-heading: "Outfit", sans-serif;--font-body: "Work Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:#0f172a;color:var(--text);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f172abf,#1e1b4bcc,#581c87bf),url(https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3?w=1920&q=80) center center / cover no-repeat;z-index:-2}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.25) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(244,63,94,.2) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(139,92,246,.15) 0%,transparent 60%);z-index:-1;animation:aurora 15s ease-in-out infinite alternate}@keyframes aurora{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(1)}}.demo-header{position:fixed;top:0;left:0;right:0;height:64px;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100}.logo{display:flex;align-items:center;gap:12px;color:#fff;font-family:var(--font-heading);font-size:24px;font-weight:700}.mode-switch{display:flex;background:#ffffff1a;border-radius:var(--radius-full);padding:4px}.mode-btn{padding:8px 20px;border:none;background:transparent;color:#fff9;font-family:var(--font-body);font-size:14px;font-weight:500;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.mode-btn.active{background:var(--gradient-primary);color:#fff}.mode-btn:hover:not(.active){color:#fff}.demo-main{display:flex;justify-content:center;align-items:flex-start;gap:40px;padding:100px 40px 40px;min-height:100vh}.iphone-container{flex-shrink:0}.iphone-frame{position:relative;width:375px;height:812px;background:#1c1c1e;border-radius:54px;padding:14px;box-shadow:0 0 0 3px #2c2c2e,0 0 0 6px #1c1c1e,var(--shadow-xl),0 50px 100px -20px #00000080}.iphone-frame:before{content:"";position:absolute;top:0;right:80px;width:6px;height:54px;background:#2c2c2e;border-radius:0 0 3px 3px}.iphone-frame:after{content:"";position:absolute;top:80px;left:0;width:3px;height:30px;background:#2c2c2e;border-radius:3px 0 0 3px}.dynamic-island{position:absolute;top:22px;left:50%;transform:translate(-50%);width:126px;height:37px;background:#000;border-radius:20px;z-index:50}.screen-container{position:relative;width:100%;height:100%;background:var(--background);border-radius:40px;overflow:hidden}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;background:#0000004d;border-radius:var(--radius-full);z-index:50}.screen{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background);opacity:0;visibility:hidden;transform:translate(100%);transition:all .3s ease-out}.screen.active{opacity:1;visibility:visible;transform:translate(0)}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:60px 20px 16px;background:var(--surface)}.screen-header h2{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--text)}.screen-header.gradient-header{background:var(--gradient-primary);color:#fff}.screen-header.gradient-header h2{color:#fff}.header-actions{display:flex;align-items:center;gap:8px}.scroll-content{height:calc(100% - 140px);overflow-y:auto;padding-bottom:100px}.scroll-content::-webkit-scrollbar{display:none}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:transparent;color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-md);font-family:var(--font-body);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--primary);color:#fff}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text);cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease}.icon-btn:hover{background:#0000000d}.icon-btn.white{color:#fff}.icon-btn.white:hover{background:#ffffff1a}.back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text);cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease}.back-btn:hover{background:#0000000d}.back-btn.white{color:#fff;position:absolute;top:50px;left:16px;z-index:10}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:80px;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:flex-start;padding-top:8px;padding-bottom:28px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.nav-item span{font-size:10px;font-weight:500}.nav-item.active{color:var(--primary)}.nav-item:hover:not(.active){color:var(--text)}.idol-nav .nav-item.active{color:var(--secondary)}.nav-guide{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:24px;width:280px;flex-shrink:0}.nav-guide h3{font-family:var(--font-heading);font-size:18px;font-weight:600;color:#fff;margin-bottom:20px}.guide-section{margin-bottom:20px}.guide-section h4{font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.guide-links{display:flex;flex-wrap:wrap;gap:8px}.guide-links button{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:12px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.guide-links button:hover{background:#fff3;border-color:#fff3}.guide-links button.active{background:var(--gradient-primary);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 2px 8px #2563eb66}.section-title{font-family:var(--font-heading);font-size:18px;font-weight:600;padding:16px 20px 12px;color:var(--text)}@media(max-width:900px){.demo-main{flex-direction:column;align-items:center;padding:80px 20px 20px}.nav-guide{width:100%;max-width:375px}}@media(max-width:420px){.iphone-frame{width:100%;max-width:375px;height:auto;aspect-ratio:375/812;border-radius:40px}.demo-header{padding:0 16px}.mode-btn{padding:6px 14px;font-size:12px}}@media(prefers-reduced-motion:no-preference){.screen{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary,.btn-secondary,.follow-btn,.add-cart-btn,.redeem-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.screen-info{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);width:320px;flex-shrink:0;overflow:hidden;animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.screen-info-header{padding:24px;display:flex;align-items:center;justify-content:space-between;position:relative}.screen-info-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:var(--radius-md);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.screen-info-mode{padding:6px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.screen-info-content{padding:24px}.screen-info-title{font-family:var(--font-heading);font-size:22px;font-weight:700;color:#fff;margin-bottom:4px}.screen-info-tagline{font-size:14px;font-weight:500;color:#ffffffb3;margin-bottom:16px;font-style:italic}.screen-info-description{font-size:14px;line-height:1.6;color:#fffc;margin-bottom:24px}.screen-info-features h4{font-size:12px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.screen-info-features ul{list-style:none;display:flex;flex-direction:column;gap:10px}.screen-info-features li{display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffffe6}.screen-info-features li svg{color:var(--primary);flex-shrink:0}.screen-info-footer{padding:16px 24px;background:#0003;border-top:1px solid rgba(255,255,255,.1)}.screen-info-footer p{font-size:12px;color:#ffffff80;margin-bottom:4px}.screen-info-footer p:last-child{margin-bottom:0}.screen-info-footer kbd{display:inline-block;padding:2px 6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-family:monospace;font-size:11px;color:#fffc}.screen-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.screen-transition-enter{opacity:0;transform:translate(100%)}.screen-transition-enter-active{opacity:1;transform:translate(0);transition:opacity .35s ease-out,transform .35s cubic-bezier(.32,.72,0,1)}.screen-transition-exit{opacity:1;transform:translate(0)}.screen-transition-exit-active{opacity:0;transform:translate(-30%);transition:opacity .35s ease-out,transform .35s cubic-bezier(.32,.72,0,1)}.screen-transition-back-enter{opacity:0;transform:translate(-30%)}.screen-transition-back-enter-active{opacity:1;transform:translate(0);transition:opacity .35s ease-out,transform .35s cubic-bezier(.32,.72,0,1)}.screen-transition-back-exit{opacity:1;transform:translate(0)}.screen-transition-back-exit-active{opacity:0;transform:translate(100%);transition:opacity .35s ease-out,transform .35s cubic-bezier(.32,.72,0,1)}.screen-transition-fade-enter{opacity:0;transform:scale(.95)}.screen-transition-fade-enter-active{opacity:1;transform:scale(1);transition:opacity .3s ease-out,transform .3s ease-out}.screen-transition-fade-exit{opacity:1;transform:scale(1)}.screen-transition-fade-exit-active{opacity:0;transform:scale(1.05);transition:opacity .3s ease-out,transform .3s ease-out}@media(max-width:1200px){.screen-info{display:none}}@media(max-width:900px){.demo-main{flex-direction:column;align-items:center;padding:80px 20px 20px}.nav-guide{width:100%;max-width:375px}.screen-info{display:none}}