*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a2e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}.login-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;justify-content:center;min-height:100vh}.login-form{background:#0f0f23;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:40px;width:100%}.login-form h2{color:#e94560;margin-bottom:20px;text-align:center}.login-tabs{display:flex;gap:10px;margin-bottom:20px}.login-tabs .tab{background:#0000;border:1px solid #333;border-radius:8px;color:#888;cursor:pointer;flex:1 1;font-size:14px;padding:12px;transition:all .3s}.login-tabs .tab.active,.login-tabs .tab:hover{border-color:#e94560;color:#fff}.login-tabs .tab.active{background:#e94560}.login-form h3{color:#fff;font-size:16px;font-weight:400;margin-bottom:25px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#aaa;display:block;font-size:14px;margin-bottom:8px}.form-group input{background:#1a1a2e;border:1px solid #333;border-radius:8px;box-sizing:border-box;color:#fff;font-size:16px;padding:12px 16px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#e94560;outline:none}.login-form button{background:#e94560;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:14px;transition:background .3s;width:100%}.login-form button:hover:not(:disabled){background:#ff6b6b}.login-form button:disabled{background:#666;cursor:not-allowed}.error-message{background:#ff4757;border-radius:8px;color:#fff;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.user-management{padding:20px}.um-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.um-header h2{color:#fff;margin:0}.btn-add{background:#2ed573;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .3s}.btn-add:hover{background:#26c066}.alert{margin-bottom:20px;padding:12px 20px}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#0f0f23;border:1px solid #333;border-radius:12px;max-width:450px;padding:30px;width:100%}.modal h3{color:#fff;margin:0 0 20px}.modal .form-group{margin-bottom:16px}.modal .form-group label{color:#aaa;display:block;font-size:13px;margin-bottom:6px}.modal .form-group input{background:#1a1a2e;border:1px solid #333;border-radius:6px;box-sizing:border-box;color:#fff;font-size:14px;padding:12px;width:100%}.modal .form-group input:focus{border-color:#e94560;outline:none}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn-cancel{background:#333}.btn-cancel,.btn-save{border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;padding:12px}.btn-save{background:#e94560}.btn-cancel:hover{background:#444}.btn-save:hover{background:#ff6b6b}.users-table{background:#0f0f23;border:1px solid #333;border-radius:12px;overflow:hidden;overflow-x:auto}.users-table table{border-collapse:collapse;min-width:800px;width:100%}.users-table td,.users-table th{border-bottom:1px solid #222;padding:14px 16px;text-align:left}.users-table th{background:#16213e;color:#888;font-size:12px;font-weight:600;text-transform:uppercase}.users-table tr:hover{background:#e945600d}.users-table tr.inactive{opacity:.5}.username{color:#e94560;font-weight:600}.stream-key{align-items:center;display:flex;gap:8px}.stream-key code{background:#1a1a2e;border-radius:4px;cursor:pointer;font-family:monospace;font-size:12px;padding:6px 10px}.stream-key code:hover{background:#262640}.btn-icon{background:none;border:none;cursor:pointer;font-size:14px;opacity:.7;padding:4px;transition:opacity .2s}.btn-icon:hover{opacity:1}.status-badge{border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.status-badge.active{background:#2ed57333;color:#2ed573}.status-badge.inactive{background:#ff475733;color:#ff4757}.status-badge:hover{transform:scale(1.05)}.actions{display:flex;gap:8px}.btn-delete,.btn-edit{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:6px;transition:background .2s}.btn-edit:hover{background:#ffffff1a}.btn-delete:hover{background:#ff475733}.no-users{color:#666;padding:40px!important;text-align:center}.stream-info-box{background:#0f0f23;border:1px solid #333;border-radius:12px;margin-top:30px;padding:20px}.stream-info-box h3{color:#fff;font-size:16px;margin:0 0 15px}.stream-info-box p{color:#aaa;font-size:14px;margin:8px 0}.stream-info-box code{background:#1a1a2e;border-radius:4px;color:#2ed573;font-family:monospace;padding:4px 10px}.loading{color:#888;padding:40px;text-align:center}.dashboard{background:#1a1a2e;color:#fff;min-height:100vh}.dashboard-header{align-items:center;background:#0f0f23;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 40px}.dashboard-header h1{font-size:24px;margin:0}.dashboard-nav{background:#0f0f23;border-bottom:1px solid #333;display:flex;gap:10px;padding:20px 40px}.nav-tab{background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s}.nav-tab:hover{background:#ffffff0d;color:#fff}.nav-tab.active{background:#e94560;color:#fff}.stats-container{display:flex;gap:20px;padding:30px 40px}.stat-card{background:#0f0f23;border:1px solid #333;border-radius:12px;flex:1 1;padding:30px;text-align:center}.stat-value{color:#e94560;display:block;font-size:48px;font-weight:700}.stat-label{color:#888;display:block;font-size:14px;margin-top:10px}.stream-info-section,.streams-section{padding:20px 40px}.stream-info-section h2,.streams-section h2{color:#fff;font-size:20px;margin-bottom:20px}.streams-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.stream-card{background:#0f0f23;border:1px solid #333;border-radius:12px;padding:20px;transition:transform .3s,box-shadow .3s}.stream-card:hover{box-shadow:0 10px 30px #e9456033;transform:translateY(-5px)}.stream-header{align-items:center;display:flex;gap:12px;margin-bottom:15px}.stream-indicator{background:#ff4757;border-radius:50%;height:12px;width:12px}.stream-indicator.live{animation:pulse 2s infinite;background:#2ed573}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stream-header h3{font-size:18px;margin:0}.stream-info{margin-bottom:15px}.viewers{color:#888;font-size:14px}.stream-actions{display:flex;gap:10px}.stream-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:10px;transition:background .3s}.btn-watch{background:#e94560;color:#fff}.btn-watch:hover{background:#ff6b6b}.btn-info{background:#333;color:#fff}.btn-info:hover{background:#444}.error,.loading,.no-streams{color:#888;padding:40px;text-align:center}.error{color:#ff4757}.info-card{background:#0f0f23;border:1px solid #333;border-radius:12px;padding:20px}.info-card p{font-family:monospace;font-size:14px;margin:10px 0}.info-card strong{color:#e94560}.user-portal{background:#1a1a2e;color:#fff;min-height:100vh}.portal-header{align-items:center;background:#0f0f23;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 40px}.portal-header h1{font-size:24px;margin:0}.header-right{align-items:center;display:flex;gap:20px}.welcome{color:#2ed573;font-weight:500}.logout-btn{background:#0000;border:1px solid #e94560;border-radius:6px;color:#e94560;cursor:pointer;padding:8px 20px;transition:all .3s}.logout-btn:hover{background:#e94560;color:#fff}.portal-loading{align-items:center;background:#1a1a2e;color:#888;display:flex;justify-content:center;min-height:100vh}.alert{border-radius:8px;font-size:14px;margin:20px 40px;padding:15px 20px}.alert.error{background:#ff475733;border:1px solid #ff4757;color:#ff4757}.alert.success{background:#2ed57333;border:1px solid #2ed573;color:#2ed573}.portal-content{margin:0 auto;max-width:900px;padding:30px 40px}.portal-content section{margin-bottom:30px}.portal-content h2{color:#fff;font-size:20px;margin-bottom:20px}.config-card{background:#0f0f23;border:1px solid #333;border-radius:12px;padding:25px}.config-item{margin-bottom:20px}.config-item:last-child{margin-bottom:0}.config-item.highlight{background:#e945601a;border:1px solid #e94560;border-radius:8px;margin:20px -10px;padding:15px}.config-item label{color:#888;display:block;font-size:13px;margin-bottom:8px}.config-value{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.config-value code{background:#1a1a2e;border-radius:6px;color:#2ed573;flex:1 1;font-family:monospace;font-size:14px;min-width:200px;padding:12px 16px}.config-value code.stream-key{color:#e94560;font-weight:700}.config-value button{background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:10px 16px;transition:background .3s}.config-value button:hover{background:#444}.btn-regenerate{background:#e94560!important}.btn-regenerate:hover{background:#ff6b6b!important}.setup-card{background:#0f0f23;border:1px solid #333;border-radius:12px;padding:25px}.setup-card ol{margin:0;padding-left:20px}.setup-card li{color:#ccc;line-height:1.6;margin-bottom:12px}.setup-card code{background:#1a1a2e;border-radius:4px;color:#2ed573;font-family:monospace;padding:4px 8px}.setup-card strong{color:#fff}.settings-card{background:#0f0f23;border:1px solid #333;border-radius:12px;margin-bottom:20px;padding:20px}.setting-item{border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:12px 0}.setting-item:last-child{border-bottom:none}.setting-label{color:#888}.setting-value{color:#fff}.status{border-radius:20px;font-size:13px;padding:4px 12px}.status.active{background:#2ed57333;color:#2ed573}.status.inactive{background:#ff475733;color:#ff4757}.btn-change-password{background:#333;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 24px;transition:background .3s}.btn-change-password:hover{background:#444}.password-form{background:#0f0f23;border:1px solid #333;border-radius:12px;margin-top:20px;padding:25px}.password-form .form-group{margin-bottom:16px}.password-form label{color:#888;display:block;font-size:13px;margin-bottom:6px}.password-form input{background:#1a1a2e;border:1px solid #333;border-radius:6px;box-sizing:border-box;color:#fff;font-size:14px;padding:12px;width:100%}.password-form input:focus{border-color:#e94560;outline:none}.form-actions{display:flex;gap:12px;margin-top:20px}.form-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:12px}.form-actions button:first-child{background:#333;color:#fff}.form-actions .btn-save{background:#e94560;color:#fff}.form-actions button:hover{opacity:.9}@media (max-width:768px){.portal-header{flex-direction:column;gap:15px;text-align:center}.portal-content{padding:20px}.config-value{align-items:stretch;flex-direction:column}.config-value code{min-width:auto}}
/*# sourceMappingURL=main.652f80c4.css.map*/