*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--bg2: #0f1623;--bg3: #161b27;--card: #161b27;--card2: #1e2736;--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.12);--accent: #3b82f6;--accent2: #6366f1;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--purple: #8b5cf6;--orange: #f97316;--text: #e2e8f0;--text2: #94a3b8;--text3: #64748b}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.5;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;background:var(--bg3);border:1px solid var(--border2);color:var(--text);border-radius:8px;padding:8px 12px;outline:none;width:100%;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}select option{background:var(--bg3)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-track{display:flex;animation:ticker 40s linear infinite;white-space:nowrap}.ticker-track:hover{animation-play-state:paused}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.pulse{animation:pulse-dot 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.blink{animation:blink 1.2s ease-in-out infinite}.app-shell{display:flex;height:100vh;flex-direction:column;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:240px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.sidebar-logo{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-logo-icon{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#6366f1);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;color:#fff;flex-shrink:0}.sidebar-logo-text{font-weight:700;font-size:14px;color:var(--text)}.sidebar-logo-sub{font-size:10px;color:var(--text3)}.sidebar-nav{padding:8px}.sidebar-navitem{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;margin-bottom:2px;color:var(--text2);font-size:13px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;text-decoration:none;transition:background .15s,color .15s}.sidebar-navitem:hover{background:#ffffff0d;color:var(--text)}.sidebar-navitem.active{background:#3b82f626;color:#fff}.sidebar-badge{margin-left:auto;background:#3b82f633;color:var(--accent);font-size:10px;padding:1px 6px;border-radius:10px;font-weight:600}.sidebar-section{padding:8px 10px 4px;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--text3);text-transform:uppercase;margin-top:8px}.sidebar-persona-item{display:flex;align-items:center;gap:8px;padding:5px 10px;cursor:pointer;border-radius:6px;font-size:12px;color:var(--text2);transition:background .1s}.sidebar-persona-item:hover{background:#ffffff0a}.sidebar-persona-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sidebar-persona-count{margin-left:auto;color:var(--text3);font-size:11px}.header{background:var(--bg2);border-bottom:1px solid var(--border);padding:0 20px;display:flex;align-items:center;gap:12px;height:52px;flex-shrink:0}.header-tabs{display:flex;align-items:center;gap:2px;flex:1}.header-tab{padding:6px 14px;border-radius:6px;font-size:13px;color:var(--text2);border:none;background:transparent;cursor:pointer;transition:background .15s,color .15s;text-decoration:none;display:inline-block}.header-tab:hover{background:#ffffff0f;color:var(--text)}.header-tab.active{background:#3b82f626;color:var(--accent);font-weight:600}.header-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:7px;font-size:12px;font-weight:600;border:none;cursor:pointer;white-space:nowrap;transition:opacity .15s}.header-btn:hover{opacity:.85}.header-btn-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.header-btn-primary{background:var(--accent);color:#fff}.header-client{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:7px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);font-size:12px;color:#10b981;font-weight:600;white-space:nowrap}.ticker{background:#0a0f1a;border-top:1px solid var(--border);height:32px;display:flex;align-items:center;overflow:hidden;flex-shrink:0}.ticker-label{padding:0 14px;font-size:10px;font-weight:700;color:var(--success);letter-spacing:.08em;background:#10b9811a;border-right:1px solid var(--border);height:100%;display:flex;align-items:center;white-space:nowrap;flex-shrink:0}.ticker-item{font-size:11px;color:var(--text2);padding:0 24px;display:inline-flex;align-items:center;gap:8px}.ticker-dot-green{color:#10b981}.ticker-dot-yellow{color:#f59e0b}.ticker-dot-red{color:#ef4444}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg)}.dashboard-wrapper{padding:16px;display:flex;flex-direction:column;gap:14px;min-height:100%}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px}.stat-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.stat-card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-card-value{font-size:26px;font-weight:800;line-height:1.1;margin-bottom:3px}.stat-card-label{font-size:12px;color:var(--text3);margin-bottom:6px}.stat-card-change{font-size:11px;font-weight:600}.dash-cols{display:grid;grid-template-columns:35% 1fr 25%;gap:12px;flex:1}.panel{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.panel-body{padding:12px 16px}.issue-warning{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:12px;margin-bottom:12px}.issue-warning-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#ef4444;margin-bottom:6px}.issue-desc{font-size:12px;color:var(--text2);line-height:1.5;margin-bottom:10px}.issue-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:5px;display:inline-flex;align-items:center;gap:4px}.badge-red{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-yellow{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-blue{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.badge-green{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-purple{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.badge-orange{background:#f9731626;color:#f97316;border:1px solid rgba(249,115,22,.3)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:#ffffff12;color:var(--text2)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:5px 10px;font-size:11px}.btn-full{width:100%;justify-content:center}.pipeline-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);margin-bottom:10px}.toggle-switch{position:relative;width:36px;height:20px}.toggle-switch input{display:none}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#ffffff1a;cursor:pointer;transition:background .2s}.toggle-slider.on{background:var(--success)}.toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}.toggle-slider.on:after{transform:translate(16px)}.pipeline-item{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.pipeline-item:last-child{border-bottom:none}.pipeline-item-dot{width:6px;height:6px;border-radius:50%;background:var(--success);margin-top:5px;flex-shrink:0}.pipeline-item-title{font-size:12px;color:var(--text);line-height:1.4;flex:1}.pipeline-item-meta{font-size:10px;color:var(--text3);margin-top:2px}.microsite-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.microsite-card{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 12px;cursor:pointer;transition:border-color .15s,background .15s}.microsite-card:hover{border-color:#3b82f666;background:#3b82f60a}.microsite-card-name{font-size:12px;font-weight:700;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.microsite-card-domain{font-size:10px;color:var(--accent);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.microsite-card-stats{display:flex;gap:8px}.microsite-stat{font-size:10px;color:var(--text3)}.microsite-stat span{font-weight:700;color:var(--text2)}.microsite-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.sentiment-score{text-align:center;padding:16px 0 12px;border-bottom:1px solid var(--border);margin-bottom:14px}.sentiment-number{font-size:56px;font-weight:900;color:var(--success);line-height:1}.sentiment-change{font-size:12px;color:var(--success);margin-top:4px}.sentiment-bars{margin-bottom:16px}.sentiment-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sentiment-bar-label{font-size:11px;color:var(--text2);width:50px;flex-shrink:0}.sentiment-bar-track{flex:1;height:6px;background:#ffffff12;border-radius:3px;overflow:hidden}.sentiment-bar-fill{height:100%;border-radius:3px;transition:width .8s ease}.sentiment-bar-pct{font-size:11px;color:var(--text3);width:30px;text-align:right;flex-shrink:0}.platform-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.platform-bar-label{font-size:11px;color:var(--text2);width:70px;flex-shrink:0}.platform-bar-track{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.platform-bar-fill{height:100%;border-radius:4px;transition:width .8s ease}.platform-bar-val{font-size:11px;color:var(--text3);width:40px;text-align:right;flex-shrink:0}.loading-state{display:flex;align-items:center;justify-content:center;height:120px;color:var(--text3);font-size:13px;gap:8px}.page-wrapper{padding:20px 24px}.page-title{font-size:18px;font-weight:700;margin-bottom:4px}.page-subtitle{font-size:12px;color:var(--text3);margin-bottom:20px}.filter-bar{display:flex;gap:10px;margin-bottom:16px;align-items:center}.filter-select{background:var(--card);border:1px solid var(--border2);color:var(--text);padding:7px 12px;border-radius:7px;font-size:12px;outline:none;cursor:pointer;width:auto}.table-wrapper{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--bg3);padding:10px 14px;text-align:left;font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.data-table td{padding:10px 14px;font-size:12px;color:var(--text2);border-bottom:1px solid rgba(255,255,255,.04)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.status-dot{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600}.status-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%}.status-online:before{background:#10b981}.status-offline:before{background:#ef4444}.status-warning:before{background:#f59e0b}.generate-wrapper{padding:24px;max-width:820px}.form-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}.form-section-title{font-size:12px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px}.form-row{display:grid;gap:14px;margin-bottom:14px}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-label{display:block;font-size:11px;color:var(--text2);margin-bottom:5px;font-weight:600}.analitik-wrapper{padding:20px 24px}.analitik-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px}.chart-title{font-size:13px;font-weight:600;margin-bottom:14px;color:var(--text)}.bar-chart-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.bar-chart-label{font-size:11px;color:var(--text2);width:80px;flex-shrink:0}.bar-chart-track{flex:1;height:10px;background:#ffffff12;border-radius:5px;overflow:hidden}.bar-chart-fill{height:100%;border-radius:5px}.bar-chart-val{font-size:11px;color:var(--text3);width:45px;text-align:right}.full-width{grid-column:span 2}