:root{ --bg:#0b0b0f; --fg:#e6e6e6; --muted:#a8a8a8; --accent:#00c853; --accent-2:#00e676; --card:#14141a; --border:#1e1e26; }
*{box-sizing:border-box} body.dark{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 system-ui,Segoe UI,Roboto}
a{color:var(--accent);text-decoration:none} a:hover{color:var(--accent-2)}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--border);background:#0f0f14}
.brand a{color:#fff;font-weight:700} .brand span{color:var(--accent)}
.nav a{margin-left:14px;color:#cfcfcf}
.container{display:grid;gap:18px;grid-template-columns:280px 1fr;max-width:1200px;margin:18px auto;padding:0 12px}
.sidebar .widget{background:var(--card);border:1px solid var(--border);padding:12px;margin-bottom:12px;border-radius:8px}
.ticker{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow:hidden}
.list{list-style:none;margin:0;padding:0} .list li{margin:6px 0}
.card{background:var(--card);border:1px solid var(--border);padding:16px;border-radius:10px;margin-bottom:14px}
.meta{color:var(--muted);font-size:13px}
.comment{border-top:1px dashed var(--border);padding-top:8px;margin-top:8px}
label{display:block;margin-top:8px;font-size:14px;color:#cfcfcf}
input, textarea, select, button{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border);background:#0f0f14;color:#fff}
button{cursor:pointer;background:var(--accent);border:none;font-weight:700}
button:hover{background:var(--accent-2)}
@media (max-width: 900px){ .container{grid-template-columns:1fr} }
.foot{padding:24px;color:#a8a8a8;text-align:center;border-top:1px solid var(--border);background:#0f0f14}