body { font-family: system-ui, sans-serif; margin: 0; background: #0b0d10; color: #eee; }
.auth-box { max-width: 360px; margin: 4rem auto; padding: 1.5rem; background: #14171c; border-radius: 10px; }
.auth-box h1 { font-size: 1.3rem; margin-top: 0; }
.auth-box form { display: flex; flex-direction: column; gap: .8rem; }
.auth-box label { display: flex; flex-direction: column; gap: .3rem; font-size: .9rem; color: #b7c0c9; }
.auth-box input { padding: .5rem .6rem; border-radius: 6px; border: 1px solid #333; background: #0b0d10; color: #eee; }
.auth-box button { padding: .6rem; border: none; border-radius: 6px; background: #1a73e8; color: #fff; font-weight: 600; cursor: pointer; }
.auth-box button:hover { background: #1662c4; }
.auth-box a { color: #6aa9ff; }
.error { color: #ff6b6b; }
.notice { color: #6ac07a; }

.app-header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; background: #14171c; }
.app-header button { background: none; border: 1px solid #444; color: #ccc; padding: .4rem .8rem; border-radius: 6px; cursor: pointer; }
main.app { max-width: 700px; margin: 2rem auto; padding: 0 1.5rem; }

table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
th, td { text-align: left; padding: .5rem .6rem; border-bottom: 1px solid #2a2e35; font-size: .9rem; }
select, button.small { padding: .3rem .5rem; border-radius: 5px; border: 1px solid #333; background: #0b0d10; color: #eee; }