body { font-family: Tahoma, Arial, sans-serif; font-size: 12px; background: #edeef0; margin: 0; color: #222; }
.header { background: #4a76a8; color: #fff; padding: 10px 15px; font-weight: bold; display: flex; justify-content: space-between; align-items: center; }
.container { max-width: 860px; margin: 0 auto; background: #fff; min-height: 100vh; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
.layout { display: flex; }
.sidebar { width: 160px; padding: 10px; border-right: 1px solid #e7e8ec; }
.sidebar a { display: block; padding: 6px 8px; color: #2a5885; text-decoration: none; border-radius: 2px; }
.sidebar a:hover { background: #e1e5eb; }
.main-content { flex: 1; padding: 15px; }
.box { background: #f7f8fa; border: 1px solid #e1e4e8; padding: 10px; margin-bottom: 12px; }
.btn { background: #5181b8; color: #fff; border: none; padding: 6px 12px; cursor: pointer; border-radius: 2px; font-size: 12px; }
.btn:hover { background: #436d9e; }
.post { border-bottom: 1px solid #e7e8ec; padding: 10px 0; }
.admin-table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.admin-table th, .admin-table td { border: 1px solid #d3d9de; padding: 6px; text-align: left; }
#global-player { background: #3b5998; color: #fff; padding: 5px 15px; font-size: 11px; display: flex; gap: 10px; align-items: center; }