*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--bg2: #1a1d27;--bg3: #222535;--border: #2e3248;--accent: #4f8ef7;--accent2: #7c3aed;--green: #22c55e;--red: #ef4444;--yellow: #f59e0b;--text: #e2e8f0;--muted: #64748b;--radius: 10px;--shadow: 0 2px 12px rgba(0,0,0,.4)}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;display:flex;flex-direction:column;min-height:100vh;overflow-y:hidden}.header{display:flex;align-items:center;gap:24px;padding:0 24px;height:56px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0}.header-left{display:flex;align-items:center;gap:8px}.logo{font-size:22px}.title{font-size:16px;font-weight:700;letter-spacing:.5px}.header-stats{display:flex;gap:28px;flex:1;justify-content:center}.stat{display:flex;flex-direction:column;align-items:center}.stat-val{font-size:18px;font-weight:700;color:var(--accent)}.stat-lbl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.header-right{display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--muted);transition:background .3s}.status-dot.running{background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-txt{font-size:13px;color:var(--muted)}.auth-status{font-size:11px;padding:4px 8px;border-radius:5px;font-weight:600;white-space:nowrap}.auth-status.authenticated{background:#22c55e1a;color:var(--green)}.auth-status.not-authenticated{background:#ef44441a;color:var(--red)}.layout{display:flex;flex:1;overflow:hidden;height:calc(100vh - 56px)}.sidebar{width:280px;min-width:280px;min-height:0;background:var(--bg2);border-right:1px solid var(--border);padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.card-title{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.btn{padding:9px 16px;border-radius:7px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-start{background:var(--green);color:#000}.btn-stop{background:var(--red);color:#fff}.btn-save{background:var(--accent);color:#fff}.btn-login{background:var(--accent2);color:#fff}.btn-logout{background:var(--red);color:#fff}.btn-sm{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:5px 10px;font-size:12px}.btn-delete{background:var(--red);color:#fff;padding:4px 8px;font-size:12px}.btn-delete:hover{opacity:.8}.hidden{display:none!important}.field-label{font-size:12px;color:var(--muted);font-weight:500;display:block}.hint{font-weight:400;font-size:11px}.field-input,.field-textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:7px 10px;font-size:12px;font-family:inherit;resize:vertical;outline:none;transition:border-color .15s}.field-input:focus,.field-textarea:focus{border-color:var(--accent)}.save-msg{font-size:12px;color:var(--green)}.url-list{display:flex;flex-direction:column;gap:6px}.url-row{display:flex;gap:5px;align-items:center}.url-row input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:6px 8px;font-size:11px;font-family:Consolas,monospace;outline:none;transition:border-color .15s}.url-row input:focus{border-color:var(--accent)}.url-row .btn-del{flex-shrink:0;width:26px;height:26px;padding:0;border-radius:5px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:var(--red);cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s}.url-row .btn-del:hover{background:#ef444440}.btn-add-url{background:#4f8ef71a;border:1px dashed var(--accent);color:var(--accent);border-radius:6px;padding:6px}.keyword-list{display:flex;flex-direction:column;gap:6px}.keyword-row{display:flex;gap:5px;align-items:center}.keyword-row input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:6px 8px;font-size:11px;outline:none;transition:border-color .15s}.keyword-row input:focus{border-color:var(--accent)}.keyword-row .btn-del{flex-shrink:0;width:26px;height:26px;padding:0;border-radius:5px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:var(--red);cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s}.keyword-row .btn-del:hover{background:#ef444440}.btn-add-keyword{background:#4f8ef71a;border:1px dashed var(--accent);color:var(--accent);border-radius:6px;padding:6px;font-size:12px;cursor:pointer;transition:background .15s;width:100%}.btn-add-url:hover{background:#4f8ef733}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:16px;gap:12px}.tabs{display:flex;gap:4px;flex-shrink:0}.tab{padding:8px 20px;border-radius:7px 7px 0 0;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;transition:background .15s,color .15s}.tab:hover{background:var(--bg3);color:var(--text)}.tab.active{background:var(--bg3);border-color:var(--border);border-bottom-color:var(--bg3);color:var(--text)}.panel{flex:1;display:flex;flex-direction:column;gap:10px;background:var(--bg3);border:1px solid var(--border);border-radius:0 var(--radius) var(--radius) var(--radius);padding:14px;overflow-y:auto}.posts-toolbar{display:flex;align-items:center;justify-content:space-between}.toolbar-actions{display:flex;gap:8px}.filter-btns{display:flex;gap:6px}.filter-btn{padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-size:12px;transition:background .15s,color .15s}.filter-btn:hover{background:var(--bg2);color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.table-wrap{flex:1;overflow:auto;border-radius:7px;border:1px solid var(--border)}.posts-table{width:100%;border-collapse:collapse;font-size:12.5px}.posts-table th{background:var(--bg2);color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.4px;padding:10px 12px;text-align:left;position:sticky;top:0;border-bottom:1px solid var(--border)}.posts-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.posts-table tr:last-child td{border-bottom:none}.posts-table tr:hover td{background:#4f8ef70f}.empty-row{text-align:center;color:var(--muted);padding:40px!important}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge-HIGH{background:#ef444426;color:var(--red)}.badge-MEDIUM{background:#f59e0b26;color:var(--yellow)}.badge-LOW{background:#64748b26;color:var(--muted)}.badge-alerted{background:#22c55e26;color:var(--green)}.pagination{display:flex;gap:6px;align-items:center;justify-content:flex-end}.page-btn{padding:4px 10px;border-radius:5px;border:1px solid var(--border);background:var(--bg2);color:var(--text);cursor:pointer;font-size:12px}.page-btn.active{background:var(--accent);border-color:var(--accent)}.page-btn:hover:not(.active){background:var(--bg3)}.logs-toolbar{display:flex;align-items:center;gap:12px}.toggle-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer}.logs-box{flex:1;overflow-y:auto;background:#0a0c10;border-radius:7px;border:1px solid var(--border);padding:12px 14px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.7}.log-line{display:block}.log-line.error{color:#f87171}.log-line.warning{color:var(--yellow)}.log-line.success{color:var(--green)}.log-line.info{color:#93c5fd}.log-line.log{color:#cbd5e1}.log-ts{color:#475569;margin-right:6px;font-size:11px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.hidden{display:none!important}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009}.modal-content{position:relative;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:400px;box-shadow:var(--shadow)}.modal-content h2{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--text)}.modal-content p{font-size:13px;color:var(--muted);margin-bottom:20px;line-height:1.5}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-cancel{background:var(--bg3);border:1px solid var(--border);color:var(--text)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}