:root{--primary: #1D9BF0;--primary-light: #E8F5FD;--background: #FFFFFF;--background-secondary: #F7F9FA;--text-dark: #0F1419;--text-muted: #536471;--text-subtle: #8B98A5;--card: #FFFFFF;--card-border: rgba(0, 0, 0, .08);--success: #00BA7C;--danger: #F4212E;--accent: #F59E0B;--gradient-start: #1D9BF0;--gradient-end: #1A8CD8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,var(--background) 0%,var(--background-secondary) 100%);min-height:100vh;color:var(--text-dark);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--text-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.spinner{width:40px;height:40px;border:3px solid var(--background-secondary);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-muted)}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spinning 1s linear infinite}.main-content{margin-left:240px;min-height:100vh;min-height:100dvh;background:#000;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}@media(max-width:768px){.main-content{margin-left:0;padding-bottom:0;min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:28px;font-weight:600;font-size:14px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;box-shadow:0 4px 12px #1d9bf04d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1d9bf066}.btn-secondary{background:var(--background-secondary);color:var(--text-dark);border:1px solid var(--card-border)}.btn-secondary:hover{background:var(--card-border)}.btn-danger{background:var(--danger);color:#fff}.card{background:var(--card);border-radius:20px;border:1px solid var(--card-border);padding:20px;box-shadow:0 2px 8px #0000000a}.input{width:100%;padding:14px 18px;border-radius:14px;border:1px solid var(--card-border);background:var(--background-secondary);font-size:15px;color:var(--text-dark);transition:all .2s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input::placeholder{color:var(--text-subtle)}.video-container{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#000}.video-container video{width:100%;height:auto;display:block}.avatar{border-radius:50%;object-fit:cover;border:3px solid var(--primary)}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-admin{background:var(--accent);color:#fff}.badge-success{background:var(--success);color:#fff}@media(max-width:768px){.container{padding:0 16px}.btn{padding:10px 20px;font-size:13px}}@media(max-width:480px){.input{font-size:16px}}.main-content>*{animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:.9}to{opacity:1}}.btn,.card,.nav-link,.avatar{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}@media(max-width:768px){*{-webkit-tap-highlight-color:transparent}button,a,.nav-link{touch-action:manipulation}html,body{overscroll-behavior-y:contain}.main-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}