:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1f2330;--border: #2a2f3c;--text: #e6e8ee;--muted: #8a92a6;--accent: #ff7a59;--accent-2: #4cc9f0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button{font-family:inherit;font-size:13px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:6px 12px;border-radius:6px;cursor:pointer}button:hover{background:#262b3a}button.primary{background:var(--accent);border-color:var(--accent);color:#1a1208;font-weight:600}button.primary:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:inherit;font-size:13px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;width:100%}textarea{resize:vertical;min-height:80px}.app{display:grid;grid-template-rows:auto 1fr;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.topbar h1{margin:0;font-size:18px;letter-spacing:.5px}.topbar .right{display:flex;gap:8px;align-items:center}.topbar button.tab{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);padding:6px 10px;font-size:13px}.topbar button.tab:hover{color:var(--text)}.topbar button.tab.active{color:var(--text);border-bottom-color:var(--accent)}.layout{display:grid;grid-template-columns:280px 1fr;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--panel);padding:12px;overflow-y:auto}.sidebar h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:14px 0 8px}.campaign-item{padding:8px 10px;border-radius:6px;cursor:pointer;margin-bottom:4px}.campaign-item:hover{background:var(--panel-2)}.campaign-item.active{background:var(--panel-2);border-left:3px solid var(--accent);padding-left:7px}.kanban{display:flex;gap:12px;padding:12px;overflow-x:auto;height:100%}.kanban-column{flex:1;min-width:280px;background:var(--panel);border-radius:8px;display:flex;flex-direction:column}.kanban-column header{padding:10px 12px;border-bottom:1px solid var(--border);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between}.kanban-column .cards{flex:1;padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.card{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:10px;cursor:pointer}.card:hover{border-color:var(--accent-2)}.card .meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:6px}.card .title{font-weight:600;margin-bottom:4px;line-height:1.3}.card .body{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card .footer{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--muted)}.drawer{position:fixed;top:0;right:0;height:100vh;width:480px;background:var(--panel);border-left:1px solid var(--border);padding:20px;overflow-y:auto;z-index:10;box-shadow:-10px 0 30px #00000080}.drawer h2{margin:0 0 4px;font-size:16px}.drawer .sub{color:var(--muted);font-size:12px;margin-bottom:16px}.drawer .section{margin:16px 0}.drawer label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.drawer .actions{display:flex;gap:8px;margin-top:12px}.drawer .post-body{background:var(--panel-2);padding:10px;border-radius:6px;font-size:12px;white-space:pre-wrap;max-height:200px;overflow-y:auto}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:20}.modal{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:20px;width:520px;max-height:80vh;overflow-y:auto}.modal h2{margin:0 0 16px}.modal .field{margin-bottom:12px}.modal label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.empty{padding:40px;text-align:center;color:var(--muted)}.analyst-table{width:100%;border-collapse:collapse;font-size:13px}.analyst-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.analyst-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.analyst-table th.sortable:hover{color:var(--text)}.analyst-table td{padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.analyst-table tbody tr{cursor:pointer}.analyst-table tbody tr:hover{background:var(--panel)}.usage{font-size:11px;color:var(--muted);margin-top:8px;padding:8px;background:var(--panel-2);border-radius:4px}
