body { font-family: system-ui, sans-serif; background: #1e1f22; color: #f2f3f5; margin: 0; }
header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; background: #111214; }
main { display: flex; min-height: calc(100vh - 70px); }
aside { width: 260px; background: #2b2d31; padding: 1rem; }
aside ul { list-style: none; padding: 0; }
aside li { padding: 0.75rem; margin-bottom: 0.5rem; background: #313338; border-radius: 6px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
aside li:hover { background: #404249; }
section { flex: 1; padding: 2rem; }
.card { background: #2b2d31; padding: 1.5rem; border-radius: 8px; margin-bottom: 1.5rem; }
label { display: block; margin-top: 1rem; font-size: 0.9rem; color: #b5bac1; }
input, select { width: 100%; padding: 0.6rem; margin-top: 0.4rem; background: #1e1f22; border: 1px solid #3f4147; color: #fff; border-radius: 4px; box-sizing: border-box; }
.btn { display: inline-block; margin-top: 1rem; padding: 0.6rem 1.2rem; background: #5865f2; color: #fff; border: none; border-radius: 4px; cursor: pointer; text-decoration: none; }
.btn:hover { background: #4752c4; }
#twitch-list { list-style: none; padding: 0; margin-top: 1rem; }
#twitch-list li { display: flex; justify-content: space-between; padding: 0.6rem; background: #1e1f22; margin-bottom: 0.4rem; border-radius: 4px; }