*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f172a;font-family:Arial,sans-serif}a{color:#fff;text-decoration:none}button{cursor:pointer}.navbar{background:#020617;border-bottom:2px solid #1e293b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;min-height:90px;padding:18px 30px;display:flex}.logo{color:#38bdf8;font-size:34px;font-weight:900}.navLinks,.authButtons{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.navLinks a,.authButtons a,.authButtons button,.userBadge{color:#fff;background:#1e293b;border:none;border-radius:12px;padding:11px 16px}.page{min-height:calc(100vh - 90px);padding:30px}.title{text-align:center;margin-bottom:25px;font-size:42px}.status{text-align:center;color:#93c5fd;margin-bottom:25px}.videoWrapper{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.videoCard{width:600px;max-width:100%}.videoLabel{color:#cbd5e1;margin-bottom:10px;font-weight:700}.videoBox,.videoBox video{-o-object-fit:cover;object-fit:cover;background:#000;border:3px solid #1e293b;border-radius:22px;width:100%;height:420px}.emptyVideo{color:#94a3b8;justify-content:center;align-items:center;display:flex}.buttons{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:30px;display:flex}.buttons button,.btn{color:#fff;border:none;border-radius:14px;padding:14px 24px;font-size:16px}.green{background:#16a34a}.red{background:#dc2626}.blue{background:#2563eb}.dark{background:#1e293b}.chatLayout{min-height:calc(100vh - 90px);display:flex}.leftPanel{background:#020617;border-right:2px solid #1e293b;width:330px;padding:25px}.profileBox{background:#1e293b;border-radius:16px;margin-top:20px;padding:18px;line-height:1.8}.chatPanel{flex-direction:column;flex:1;justify-content:space-between;display:flex}.messages{padding:25px;overflow-y:auto}.message{word-break:break-word;border-radius:16px;width:fit-content;max-width:460px;margin-bottom:14px;padding:14px 16px}.other{background:#1e293b}.me{background:#2563eb;margin-left:auto}.message img{border-radius:14px;max-width:240px;margin-top:8px;display:block}.bottomBar{border-top:2px solid #1e293b;gap:12px;padding:18px;display:flex}.bottomBar input{color:#fff;background:#1e293b;border:none;border-radius:14px;flex:1;padding:16px}.bottomBar button,.bottomBar label{color:#fff;background:#2563eb;border:none;border-radius:14px;padding:14px 18px}.card{background:#1e293b;border-radius:18px;max-width:900px;margin:16px auto;padding:22px}.authPage{justify-content:center;align-items:center;min-height:calc(100vh - 90px);padding:25px;display:flex}.authBox{background:#020617;border:2px solid #1e293b;border-radius:22px;width:420px;max-width:100%;padding:35px}.authBox h1{margin-bottom:22px}.authBox input{color:#fff;background:#1e293b;border:none;border-radius:13px;width:100%;margin-bottom:15px;padding:16px}.authBox button{color:#fff;background:#2563eb;border:none;border-radius:13px;width:100%;padding:16px}.friendLayout{min-height:calc(100vh - 90px);display:flex}.friendList{background:#020617;border-right:2px solid #1e293b;width:300px;padding:20px}.friendItem{cursor:pointer;background:#1e293b;border-radius:14px;margin-top:12px;padding:15px}@media (width<=900px){.navbar{justify-content:center}.logo{text-align:center;order:-1;width:100%}.title{font-size:30px}.videoBox,.videoBox video{height:260px}.chatLayout,.friendLayout{flex-direction:column}.leftPanel,.friendList{border-bottom:2px solid #1e293b;border-right:none;width:100%}.bottomBar{flex-wrap:wrap}.bottomBar input{flex-basis:100%;width:100%}}