:root { --bg:#0b0f14; --card:#121a23; --muted:#93a4b5; --text:#e8eef5; --line:#243246; --accent:#4aa3ff; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial; background:var(--bg); color:var(--text);}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1080px;margin:0 auto;padding:16px}
.topbar{position:sticky;top:0;background:rgba(11,15,20,.9);backdrop-filter: blur(8px);border-bottom:1px solid var(--line)}
.brand{font-weight:700;letter-spacing:.2px}
.nav a{margin-left:12px;color:var(--text);opacity:.9}
.nav a:hover{opacity:1}
.flash{padding:10px 12px;border-radius:12px;margin:10px 0;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.flash.success{border-color:rgba(74,163,255,.35)}
.flash.error{border-color:rgba(255,99,99,.35)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin:12px 0}
.grid{display:grid;gap:12px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){ .grid.two,.grid.three{grid-template-columns:1fr} }
label{display:block;margin:10px 0 6px;color:var(--muted);font-size:.92rem}
input[type=text],input[type=email],input[type=password],input[type=datetime-local],select,textarea{
  width:100%; padding:10px 12px;border-radius:12px;border:1px solid var(--line);
  background:#121A23; color:var(--text); outline:none;
}
textarea{min-height:120px;resize:vertical}
.btn{display:inline-block;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);cursor:pointer}
.btn.primary{border-color:rgba(74,163,255,.45)}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.small{color:var(--muted);font-size:.92rem}
.table{width:100%;border-collapse:collapse;margin-top:8px}
.table th,.table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--line);font-size:.78rem;color:var(--muted);margin-right:6px}
.badge.fb{color:#cfe7ff;border-color:rgba(74,163,255,.35)}
.badge.ig{color:#ffd1f2;border-color:rgba(255,120,200,.35)}
.badge.tt{color:#d3fff4;border-color:rgba(100,255,210,.25)}
.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.day{min-height:120px;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:14px;padding:10px}
.day .d{font-weight:600;color:var(--muted);font-size:.9rem}
.postchip{margin-top:8px;padding:8px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.previewwrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.previewwrap{grid-template-columns:1fr} .card {display: none;} .topbar { position: static; }}
.preview{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0e141c}
.preview .head{display:flex;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);font-weight:600}
.preview .body{padding:12px}
.preview img,.preview video{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.preview .cap{margin-top:10px;color:var(--text);opacity:.92;white-space:pre-wrap}
.footer{margin-top:40px;border-top:1px solid var(--line);padding:18px 0}