/* static/style.css */
body { background:#0a0a0a; color:#e0e0e0; font-family:'DM Mono', monospace; margin:0; }
a { color:#4387e0; }
.topbar { display:flex; align-items:center; padding:0 20px; background:#0d0d0d; border-bottom:1px solid #1a1a1a; gap:16px; }
.nav-brand { font-size:15px; font-weight:bold; color:#ccc; letter-spacing:0.15em; padding:10px 0; }
.nav-tab { padding:10px 14px; font-size:12px; text-transform:uppercase; letter-spacing:0.12em; color:#555; text-decoration:none; }
.nav-tab:hover, .nav-tab.active { color:#fff; }
.container { padding:20px; max-width:1200px; margin:0 auto; }
.card { background:#141414; border:1px solid #1f1f1f; border-radius:5px; padding:16px; margin-bottom:16px; }
.stat-row { display:flex; gap:12px; flex-wrap:wrap; }
.stat-card { background:#141414; border:1px solid #1f1f1f; border-radius:5px; padding:12px 16px; min-width:140px; }
.stat-label { font-size:12px; color:#666; text-transform:uppercase; letter-spacing:0.08em; margin-bottom:4px; }
.stat-value { font-size:22px; font-weight:bold; color:#fff; }
.green { color:#4caf7d; } .red { color:#e05555; } .blue { color:#4387e0; } .gold { color:#d4a843; }
table { width:100%; border-collapse:collapse; }
th, td { text-align:left; padding:8px 10px; border-bottom:1px solid #1f1f1f; font-size:13px; }
th { color:#666; text-transform:uppercase; font-size:11px; letter-spacing:0.08em; }
.tag { display:inline-block; background:rgba(67,135,224,0.15); color:#4387e0; border:1px solid rgba(67,135,224,0.35); border-radius:3px; padding:2px 8px; font-size:11px; margin-right:4px; }
.cal-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }
.cal-day { background:#141414; border:1px solid #1f1f1f; border-radius:4px; padding:8px; min-height:60px; font-size:12px; }
input, select, button, textarea { font-family:inherit; background:#141414; color:#e0e0e0; border:1px solid #2a2a2a; border-radius:3px; padding:8px 10px; }
button { cursor:pointer; }
button:hover { border-color:#444; }
form { display:flex; flex-direction:column; gap:10px; max-width:360px; }
.flash { color:#e05555; margin-bottom:12px; }
