/* Minimal, clean styles (dark) */
:root { --bg:#0b1020; --card:#121a33; --text:#e7ecff; --muted:#a8b3d6; --accent:#6ea8fe; --error:#ff6b6b; --success:#58d68d; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Inter,sans-serif;background:var(--bg);color:var(--text);}
a{color:var(--accent);text-decoration:none}
.container{max-width:1000px;margin:0 auto;padding:16px}
.row{display:flex;gap:12px;align-items:center}
.between{justify-content:space-between}
.site-header{background:rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.08);position:sticky;top:0;backdrop-filter:blur(10px);z-index:10}
.brand{font-weight:700;font-size:20px}
nav a, nav span{margin-left:12px}
.site-footer{opacity:0.7;border-top:1px solid rgba(255,255,255,0.08);margin-top:24px}
h1,h2{margin:16px 0}
.list{display:grid;gap:8px}
.item{display:block;padding:12px;border:1px solid rgba(255,255,255,0.12);border-radius:14px;background:var(--card)}
.item:hover{border-color:rgba(255,255,255,0.24)}
.item-title{font-weight:600}
.item-meta,.thread-meta,.post-meta{color:var(--muted);font-size:14px}
.thread .post{padding:12px;margin:12px 0;border:1px solid rgba(255,255,255,0.12);border-radius:14px;background:var(--card)}
.post-content{white-space:pre-wrap}
label{display:block;margin:12px 0}
input[type=text],input[type=password],input[type=email],textarea,select{width:100%;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,0.2);background:#0d1430;color:var(--text)}
button,.btn{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,0.2);background:#1a2a55;color:var(--text);cursor:pointer}
button:hover,.btn:hover{filter:brightness(1.15)}
.error{color:#fff;background:linear-gradient(0deg, rgba(255,0,0,0.25), rgba(255,0,0,0.25));padding:10px;border-radius:12px;border:1px solid rgba(255,0,0,0.4)}
.success{color:#fff;background:linear-gradient(0deg, rgba(0,128,0,0.25), rgba(0,128,0,0.25));padding:10px;border-radius:12px;border:1px solid rgba(0,128,0,0.4)}
.notice{color:#222;background:#ffd35a;padding:10px;border-radius:12px}
.pagination{display:flex;gap:8px;align-items:center;margin-top:12px}
.pagination a,.pagination span{padding:6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,0.2)}
.pagination .current{background:#1a2a55}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.card{display:block;padding:16px;border:1px solid rgba(255,255,255,0.12);border-radius:16px;background:var(--card)}
.card-title{font-weight:600;margin-bottom:6px}
.card-desc{color:var(--muted)}
.table{width:100%;border-collapse:collapse;margin-top:12px}
.table th,.table td{border:1px solid rgba(255,255,255,0.2);padding:8px}
.inline{display:inline}
.avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.2)}
.search input{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,0.2);background:#0d1430;color:var(--text)}