* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, sans-serif; background: #0d1117; color: #c9d1d9; min-height: 100vh; }
.login-container { max-width: 360px; margin: 100px auto; padding: 32px; background: #161b22; border-radius: 8px; text-align: center; }
.login-container h1 { margin-bottom: 24px; font-size: 20px; }
input, textarea { width: 100%; padding: 10px; margin: 8px 0; background: #0d1117; border: 1px solid #30363d; border-radius: 6px; color: #c9d1d9; font-size: 14px; }
textarea { min-height: 120px; font-family: monospace; font-size: 12px; }
button { padding: 10px 20px; border: 1px solid #30363d; border-radius: 6px; cursor: pointer; font-size: 14px; background: #21262d; color: #c9d1d9; }
button:hover { background: #30363d; }
.btn-green { background: #238636; border-color: #238636; color: #fff; }
.btn-green:hover { background: #2ea043; }
.btn-orange { background: #9e6a03; border-color: #9e6a03; color: #fff; }
.btn-red { background: #da3633; border-color: #da3633; color: #fff; }
.btn-blue { background: #1f6feb; border-color: #1f6feb; color: #fff; }
.app { max-width: 1000px; margin: 0 auto; padding: 16px; }
header { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
header h1 { font-size: 18px; flex: 1; }
.card { background: #161b22; border: 1px solid #30363d; border-radius: 8px; padding: 16px; margin-bottom: 16px; }
.card h2 { font-size: 14px; margin-bottom: 12px; }
.input-row { display: flex; gap: 8px; }
.input-row input { flex: 1; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.config-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.config-grid label { font-size: 12px; color: #8b949e; }
.config-grid input { width: 80px; display: inline-block; }
.actions { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
.log-container { max-height: 300px; overflow-y: auto; font-family: monospace; font-size: 12px; line-height: 1.6; }
.log-container .warn { color: #f0883e; }
.log-container .error { color: #f85149; }
.muted { color: #8b949e; }
.error { color: #f85149; margin-top: 8px; }
ul { list-style: none; }
li { padding: 6px 0; border-bottom: 1px solid #21262d; display: flex; justify-content: space-between; align-items: center; }
li button { padding: 4px 8px; font-size: 12px; }
.cookie-form { display: grid; gap: 8px; margin-top: 8px; }
details { margin-top: 12px; }
details summary { cursor: pointer; color: #58a6ff; }
.status-badge { display: inline-block; padding: 2px 8px; border-radius: 12px; font-size: 11px; }
.badge-active { background: #238636; color: #fff; }
.badge-cooldown { background: #9e6a03; color: #fff; }
.badge-dead { background: #da3633; color: #fff; }