:root{--primary: #FE2C55;--secondary: #25F4EE;--bg-dark: #000000;--card-bg: #1A1A1A;--text-white: #FFFFFF;--text-muted: #A1A1A1;--bottom-nav-bg: #121212;--neon-purple: #B026FF}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-dark);color:var(--text-white);overflow:hidden;height:100vh;width:100vw}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg-dark)}.main-content{flex:1;overflow-y:scroll;scroll-snap-type:y mandatory;height:100%}.vertical-feed{height:100%}.video-card{position:relative;height:calc(100vh - 60px);width:100%;scroll-snap-align:start;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}.player-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top right,#333,#000 70%)}.overlay{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(0deg,#000c,#0000);display:flex;justify-content:space-between;align-items:flex-end}.streamer-info{max-width:70%}.username{font-weight:700;font-size:1.1rem;margin-bottom:5px;display:block}.description{font-size:.9rem;color:#eee}.actions{display:flex;flex-direction:column;gap:20px}.action-btn{background:#ffffff1a;border:none;border-radius:50%;width:50px;height:50px;color:#fff;font-size:1.2rem;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease}.action-btn:active{transform:scale(.9)}.gift-on{background:linear-gradient(45deg,var(--primary),var(--neon-purple));box-shadow:0 0 15px #fe2c5566}.bottom-nav{height:60px;background:var(--bottom-nav-bg);display:flex;justify-content:space-around;align-items:center;border-top:1px solid #333}.bottom-nav button{background:none;border:none;color:var(--text-muted);font-size:.8rem;display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-nav button.active{color:#fff}.go-live{width:45px;height:30px;background:#fff;color:#000!important;font-weight:700;font-size:1.5rem!important;border-radius:8px;position:relative;display:flex!important;justify-content:center;align-items:center}.go-live:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:var(--secondary);border-radius:4px 0 0 4px}.go-live:after{content:"";position:absolute;right:-4px;top:0;bottom:0;width:4px;background:var(--primary);border-radius:0 4px 4px 0}.chat-container{position:absolute;bottom:80px;left:20px;right:70px;max-height:200px;display:flex;flex-direction:column;pointer-events:auto}.viewer-badge{position:absolute;top:-150px;right:-50px;background:#00000080;padding:4px 10px;border-radius:20px;font-size:.8rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.messages-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:5px;padding-bottom:10px;-webkit-mask-image:linear-gradient(0deg,black 80%,transparent 100%);mask-image:linear-gradient(0deg,black 80%,transparent 100%)}.message{background:#0000004d;padding:4px 8px;border-radius:8px;font-size:.85rem;width:fit-content;max-width:100%}.msg-user{font-weight:700;color:var(--secondary);margin-right:5px}.message.gift{background:#fe2c5533;border:1px solid var(--primary);color:#fff}.chat-input-form{display:flex;gap:10px;margin-top:10px}.chat-input-form input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 15px;color:#fff;flex:1;outline:none}.chat-input-form button{background:none;border:none;font-size:1.2rem;cursor:pointer}.auth-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:40px;background:var(--bg-dark)}.auth-page h2{margin-bottom:30px;font-size:2rem;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-page form{width:100%;max-width:350px;display:flex;flex-direction:column;gap:15px}.auth-page input{background:#222;border:1px solid #333;padding:12px 15px;border-radius:8px;color:#fff;font-size:1rem}.login-btn{background:var(--primary);border:none;padding:15px;border-radius:8px;color:#fff;font-weight:700;font-size:1rem;margin-top:10px;cursor:pointer}.switch-text{margin-top:20px;color:var(--text-muted);cursor:pointer}.error-text{color:var(--primary);margin-top:10px;font-size:.9rem}.phone-input-container{display:flex;flex-direction:column;gap:5px}.phone-input-container small{color:var(--text-muted);font-size:.75rem}.broadcaster-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:1000;display:flex;flex-direction:column}.preview-video,.main-video{width:100%;height:100%;object-fit:cover}.broadcast-status{position:absolute;top:20px;left:20px}.live-indicator{background:var(--primary);padding:4px 10px;border-radius:4px;font-weight:700}.stop-btn{position:absolute;bottom:40px;width:calc(100% - 40px);left:20px;background:#fff3;border:1px solid white;color:#fff;padding:15px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-video{background:#000}.close-btn{position:absolute;top:20px;right:20px;background:#00000080;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-layout{display:flex;height:100vh;width:100vw;background:#1a222b;color:#d1d5db;font-family:Inter,sans-serif}.admin-sidebar{width:260px;background:#1d2b36;border-right:1px solid #2D3748;display:flex;flex-direction:column;padding:0}.sidebar-logo{padding:25px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.05)}.logo-icon{font-size:1.8rem;background:#25f4ee1a;padding:8px;border-radius:10px}.logo-text span{display:block;font-weight:700;font-size:1.1rem;color:#fff}.logo-text small{font-size:.6rem;color:#718096;letter-spacing:1px}.sidebar-nav{flex:1;padding:20px 0;display:flex;flex-direction:column}.sidebar-nav button{background:none;border:none;color:#a0aec0;padding:15px 25px;text-align:left;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-left:4px solid transparent}.sidebar-nav button:hover{background:#4299e10d;color:#fff}.sidebar-nav button.active{background:#4299e11a;color:#4299e1;border-left-color:#4299e1}.sidebar-status{padding:20px 25px;font-size:.75rem;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.05)}.status-dot{width:8px;height:8px;background:#48bb78;border-radius:50%;box-shadow:0 0 8px #48bb78}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-topbar{height:64px;background:#1d2b36;border-bottom:1px solid #2D3748;display:flex;justify-content:space-between;align-items:center;padding:0 30px}.app-link-btn{background:#2d3748;border:1px solid #4A5568;color:#fff;padding:8px 16px;border-radius:4px;font-size:.8rem;cursor:pointer}.admin-logout-btn{background:#c53030;border:none;color:#fff;padding:8px 16px;border-radius:4px;font-size:.8rem;font-weight:700;cursor:pointer}.admin-viewport{flex:1;padding:30px;overflow-y:auto}.stats-header-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:30px}.stat-card-new{position:relative;background:#1d2b36;border-radius:12px;padding:30px;overflow:hidden;border:1px solid #2D3748}.card-bg-text{position:absolute;top:10px;right:-10px;font-size:3rem;font-weight:900;opacity:.03;color:#fff}.card-icon{font-size:1.5rem;margin-bottom:15px}.stat-card-new small{color:#a0aec0;font-size:.8rem;display:block}.stat-card-new h2{font-size:2.2rem;color:#fff;margin:5px 0}.stat-card-new.users{border-left:4px solid #4299E1}.stat-card-new.chats{border-left:4px solid #48BB78}.stat-card-new.stars{border-left:4px solid #ECC94B}.superadmin-access-box{background:linear-gradient(90deg,#111,#1d2b36);padding:40px;border-radius:12px;border:1px solid #2D3748;display:flex;justify-content:space-between;align-items:center;margin-top:40px;position:relative;overflow:hidden}.superadmin-access-box:after{content:"SUPERADMIN";position:absolute;right:-20px;bottom:-20px;font-size:5rem;font-weight:900;opacity:.05}.super-enter-btn{background:#7f5af0;border:none;color:#fff;padding:20px 30px;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #7f5af04d}.admin-loading-screen{background:#1a222b;height:100vh;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#4299e1}.profile-header{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px}.logout-btn{background:#222;border:none;color:#ff4d4d;padding:10px 20px;border-radius:20px;cursor:pointer}.admin-user-management{display:flex;flex-direction:column;gap:20px}.user-view-header{display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:20px}.header-left h3{font-size:1.4rem;color:#fff}.filter-select{background:#1d2b36;border:1px solid #2D3748;color:#fff;padding:8px 12px;border-radius:4px;font-size:.8rem;outline:none}.badge.admin{background:#4299e1}.badge.creator{background:#ed8936}.badge.user{background:#718096}.add-user-btn{background:#4299e1;color:#fff;border:none;padding:10px 25px;border-radius:4px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #4299e14d}.user-table-wrapper{background:#1d2b36;border:1px solid #2D3748;border-radius:8px;overflow-x:auto}.user-table{width:100%;border-collapse:collapse}.user-table th{background:#0003;color:#718096;font-size:.75rem;letter-spacing:1px;padding:15px 20px;text-transform:uppercase;text-align:left}.user-table td{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.user-cell{display:flex;align-items:center;gap:15px}.user-avatar-initial{width:40px;height:40px;border-radius:4px;display:flex;justify-content:center;align-items:center;font-weight:700;color:#fff;font-size:1.2rem}.user-name-info{display:flex;flex-direction:column}.user-name-info strong{font-size:.95rem;color:#fff}.user-name-info small{color:#4299e1;font-size:.8rem}.badge{padding:4px 12px;border-radius:4px;font-size:.7rem;font-weight:700}.role-badge{background:#4299e11a;color:#4299e1;border:1px solid rgba(66,153,225,.2)}.actions-cell{text-align:right;display:flex;justify-content:flex-end;align-items:center;gap:12px}.icon-action-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#ecc94b}.btn-promote{background:none;border:1px solid #ECC94B;color:#ecc94b;padding:6px 12px;border-radius:4px;font-size:.7rem;font-weight:700;cursor:pointer}.btn-deactivate{background:none;border:1px solid #C53030;color:#c53030;padding:6px 12px;border-radius:4px;font-size:.7rem;font-weight:700;cursor:pointer;opacity:.7}.btn-delete{background:#c53030;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.7rem;font-weight:700;cursor:pointer}.btn-promote:hover,.btn-deactivate:hover,.btn-delete:hover{filter:brightness(1.2)}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-modal{width:100%;max-width:600px;background:#1a222b;border:1px solid #2D3748;border-radius:12px;padding:30px;position:relative;box-shadow:0 20px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.modal-header h3{font-size:1.5rem;color:#fff;margin:0}.modal-header small{color:#718096}.close-modal{background:#2d3748;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:1.2rem}.modal-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.75rem;font-weight:700;color:#718096;letter-spacing:.5px}.form-group input,.form-group select{background:#111;border:1px solid #2D3748;color:#fff;padding:12px;border-radius:4px;font-size:.9rem;outline:none}.form-group input:focus{border-color:#4299e1}.save-changes-btn{background:#3182ce;color:#fff;border:none;padding:15px;border-radius:6px;font-weight:700;font-size:1rem;cursor:pointer;margin-top:10px;transition:background .2s}.save-changes-btn:hover{background:#4299e1}