:root{--bg:#060609;--bg-darker:#04040a;--sidebar:#0a0a12;--card:#0e0f18;--card-hover:#14152a;--border:#1a1b30;--border-hover:#2a2b4a;--text:#e8e8f0;--text-dim:#7878a0;--text-muted:#555570;--accent:#6366f1;--accent2:#8b5cf6;--green:#22c55e;--green-dim:#22c55e1f;--red:#ef4444;--red-dim:#ef44441f;--yellow:#eab308;--yellow-dim:#eab3081a;--blue:#3b82f6;--blue-dim:#3b82f61f;--pink:#ec4899;--orange:#f97316;--cyan:#06b6d4;--gradient:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#ec4899 100%);--glow-accent:0 0 20px #6366f126;--shadow-card:0 1px 3px #0000004d,0 4px 16px #0003;--shadow-hover:0 4px 24px #6366f11f,0 1px 6px #0000004d;--radius:14px;--radius-sm:8px;--radius-xs:6px;--transition:.2s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.email-preview-body p{margin-bottom:12px}.email-preview-body p:last-child{margin-bottom:0}.email-preview-body ul,.email-preview-body ol{margin:8px 0;padding-left:20px}.email-preview-body li{margin-bottom:4px}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);z-index:50;flex-direction:column;width:260px;padding:0;display:flex;position:fixed;top:0;bottom:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:8px;padding:24px 20px 20px;display:flex}.sidebar-logo-img{filter:brightness(0)invert();flex-shrink:0;width:auto;height:36px}.sidebar-logo-text{flex-direction:column;line-height:1.15;display:flex}.sidebar-logo-brand{color:var(--text);letter-spacing:-.3px;font-size:15px;font-weight:700}.sidebar-logo-sub{color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:500}.sidebar-client-badge{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border);margin:4px 12px 8px;padding:8px 12px}.sidebar-client-label{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:10px;font-weight:600}.sidebar-client-name{color:var(--text);font-size:13px;font-weight:600}.sidebar-section{margin-bottom:4px;padding:4px 12px}.sidebar-section-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);padding:12px 10px 6px;font-size:10px;font-weight:600}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-dim);transition:var(--transition);cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--card-hover);color:var(--text);border-color:var(--border);text-decoration:none}.sidebar-link.active{color:#fff;background:linear-gradient(135deg,#6366f126 0%,#8b5cf61a 100%);border-color:#6366f14d;font-weight:600}.sidebar-link .icon{text-align:center;flex-shrink:0;width:22px;font-size:16px}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding:12px}.sidebar-logout{background:0 0;width:100%;margin-top:4px;font-family:inherit;color:var(--text-dim)!important;border:none!important}.sidebar-logout:hover{color:var(--red)!important;background:var(--red-dim)!important}.main-content{background:var(--bg);flex:1;min-height:100vh;margin-left:260px;padding:28px 32px}.page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;display:flex}.page-title{letter-spacing:-.3px;font-size:22px;font-weight:700}.header-actions{align-items:center;gap:10px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#5558e8;box-shadow:0 4px 16px #6366f166}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-success:hover{box-shadow:0 4px 16px #22c55e4d}.btn-danger{color:var(--red);border-color:var(--red);background:0 0}.btn-danger:hover{background:var(--red-dim)}.btn-ghost{border:1px solid var(--border);color:var(--text-dim);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--text);background:#6366f10d}.btn-sm{border-radius:var(--radius-xs);padding:6px 12px;font-size:11px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow-card);padding:22px}.card:hover{border-color:var(--border-hover)}.card h3{color:var(--text);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.scorecards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.scorecard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow-card);padding:20px;position:relative;overflow:hidden}.scorecard:before{content:"";background:var(--gradient);opacity:0;height:2px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.scorecard:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.scorecard:hover:before{opacity:1}.scorecard-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:11px;font-weight:500}.scorecard-value{letter-spacing:-.5px;font-size:30px;font-weight:700}.scorecard-sub{color:var(--text-dim);margin-top:4px;font-size:11px}.scorecard-icon{opacity:.3;font-size:22px;position:absolute;top:16px;right:16px}.grid-2{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:#ffffff03;padding:12px 14px;font-size:11px;font-weight:500}.data-table td{border-bottom:1px solid #1e1e3066;padding:12px 14px}.data-table tr:hover td{background:#6366f108}.data-table code{color:var(--accent);background:#6366f114;border-radius:4px;padding:2px 6px;font-size:12px}.badge{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-dim);color:var(--green)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-purple{color:var(--accent2);background:#8b5cf61f}.health-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.health-green{background:var(--green);box-shadow:0 0 8px var(--green)}.health-yellow{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}.health-red{background:var(--red);box-shadow:0 0 8px var(--red)}.health-unknown{background:var(--text-muted)}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:var(--border);transition:var(--transition);border-radius:24px;position:absolute;inset:0}.slider:before{content:"";width:18px;height:18px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0000004d}input:checked+.slider{background:var(--green)}input:checked+.slider:before{transform:translate(20px)}.wf-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:28px;display:grid}.wf-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow-card);padding:20px}.wf-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.wf-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.wf-card-title{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.wf-card-desc{color:var(--text-dim);margin-bottom:14px;font-size:12px;line-height:1.6}.wf-card-actions{flex-wrap:wrap;gap:8px;display:flex}.wf-info{border-top:1px solid var(--border);gap:14px;margin-top:12px;padding-top:12px;display:flex}.wf-info-item{color:var(--text-dim);font-size:11px}.approval-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow-card);margin-bottom:16px;padding:22px}.approval-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.approval-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.approval-preview{grid-template-columns:200px 1fr;gap:20px;display:grid}.approval-image{object-fit:cover;background:var(--card-hover);border-radius:10px;width:200px;height:200px}.approval-content{font-size:13px;line-height:1.7}.approval-actions{gap:10px;margin-top:16px;display:flex}.chat-container{flex-direction:column;height:calc(100vh - 140px);display:flex}.chat-messages{flex:1;padding:20px 0;overflow-y:auto}.chat-msg{gap:10px;margin-bottom:18px;display:flex}.chat-msg-user{justify-content:flex-end}.chat-bubble{border-radius:16px;max-width:70%;padding:14px 18px;font-size:13px;line-height:1.7}.chat-bubble-ai{background:var(--card);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-bubble-user{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-bottom-right-radius:4px}.chat-input-bar{border-top:1px solid var(--border);gap:10px;padding:16px 0 4px;display:flex}.chat-input{border:1px solid var(--border);background:var(--card);color:var(--text);resize:none;transition:var(--transition);border-radius:12px;flex:1;padding:14px 18px;font-family:inherit;font-size:13px}.chat-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f11a}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.filter-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text);transition:var(--transition);padding:9px 14px;font-family:inherit;font-size:13px}.filter-select:focus{border-color:var(--accent);outline:none}.conn-banner{border-radius:var(--radius);border:1px solid;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;font-size:13px;display:flex}.conn-banner-ok{background:var(--green-dim);color:var(--green);border-color:#22c55e33}.conn-banner-warn{background:var(--yellow-dim);color:var(--yellow);border-color:#eab30833}.conn-banner-err{background:var(--red-dim);color:var(--red);border-color:#ef444433}.conn-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:24px;display:grid}.conn-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:14px 16px;font-size:13px;display:flex}.conn-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.conn-dot-green{background:var(--green);box-shadow:0 0 6px var(--green)}.conn-dot-red{background:var(--red);box-shadow:0 0 6px var(--red)}.conn-dot-yellow{background:var(--yellow);box-shadow:0 0 6px var(--yellow)}.form-group{margin-bottom:16px}.form-label{color:var(--text-dim);letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);transition:var(--transition);padding:11px 14px;font-family:Inter,monospace;font-size:13px}.form-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f11a}.form-input::placeholder{color:var(--text-muted)}.form-hint{color:var(--text-muted);margin-top:4px;font-size:11px}.setup-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:20px;padding:24px}.setup-section-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.setup-section-icon{font-size:24px}.setup-section-title{font-size:16px;font-weight:600}.setup-section-status{margin-left:auto}.setup-status-badge{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.setup-status-ok{color:var(--green);background:#10b9811a}.setup-status-err{color:var(--red);background:#ef44441a}.setup-help{color:var(--text-muted);border-left:3px solid var(--accent);background:#6366f10a;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:12px;line-height:1.6}.setup-fields{gap:14px;display:grid}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.empty-state{text-align:center;color:var(--text-dim);padding:56px 20px}.empty-state .empty-icon{opacity:.4;margin-bottom:14px;font-size:44px}.empty-state p{font-size:14px;line-height:1.6}.loading{color:var(--text-dim);justify-content:center;align-items:center;padding:60px;font-size:14px;display:flex}.toast{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);z-index:200;padding:14px 22px;font-size:13px;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0006}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:1024px){.grid-2,.grid-3,.approval-preview{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{width:64px}.sidebar-logo-text,.sidebar-section-title,.sidebar-link span:last-child,.sidebar-client-badge,.sidebar-bottom span:last-child{display:none}.sidebar-logo{justify-content:center;padding:16px}.sidebar-logo-img{height:28px}.sidebar-link{justify-content:center;padding:12px}.sidebar-bottom{padding:8px}.main-content{margin-left:64px;padding:16px}.page-title{font-size:18px}.scorecards{grid-template-columns:repeat(2,1fr)}}.period-toggle{background:var(--card);border:1px solid var(--border);border-radius:8px;gap:2px;padding:2px;display:flex}.period-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:12px;transition:all .2s}.period-btn-active{background:var(--accent);color:#fff;font-weight:600}.period-btn:hover:not(.period-btn-active){color:var(--text)}.analytics-tabs{background:var(--card);border:1px solid var(--border);border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.analytics-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:500;transition:all .2s}.analytics-tab-active{background:var(--accent);color:#fff;font-weight:600}.analytics-tab:hover:not(.analytics-tab-active){color:var(--text);background:#ffffff0a}.highlights-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:12px;display:grid}.highlight-item{text-align:center;border:1px solid var(--border);background:#ffffff05;border-radius:8px;padding:16px}.highlight-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px}.highlight-value{color:var(--accent);font-size:20px;font-weight:700}.highlight-sub{color:var(--text-dim);margin-top:4px;font-size:11px}.timeline-chart{align-items:flex-end;gap:8px;height:160px;padding:16px 0;display:flex}.timeline-bar-group{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.timeline-bars{align-items:flex-end;gap:2px;height:120px;display:flex}.timeline-bar{border-radius:3px 3px 0 0;width:12px;min-height:2px;transition:height .3s}.timeline-bar-social{background:var(--accent)}.timeline-bar-blog{background:var(--green)}.timeline-bar-video{background:var(--yellow)}.timeline-label{color:var(--text-dim);font-size:10px}.timeline-count{color:var(--text);font-size:11px;font-weight:600}.timeline-legend{color:var(--text-dim);justify-content:center;gap:16px;margin-top:8px;font-size:11px;display:flex}.legend-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.breakdown-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.breakdown-row:last-child{border-bottom:none}.breakdown-label{min-width:100px;font-size:13px}.breakdown-bar-wrap{background:#ffffff0a;border-radius:4px;flex:1;height:8px;overflow:hidden}.breakdown-bar{background:var(--accent);border-radius:4px;min-width:2px;height:100%;transition:width .3s;position:relative}.breakdown-bar-pub{background:var(--green);border-radius:4px;height:100%}.breakdown-num{text-align:right;min-width:32px;font-size:13px;font-weight:600}.agent-tools-used{flex-wrap:wrap;gap:6px;margin-bottom:8px;padding-left:4px;display:flex}.agent-tool-badge{color:var(--accent);background:#6366f11f;border:1px solid #6366f133;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.agent-thinking{align-items:center;gap:10px;padding:12px 16px;display:flex}.agent-thinking-dots{gap:4px;display:flex}.agent-thinking-dots span{background:var(--accent);opacity:.3;border-radius:50%;width:8px;height:8px;animation:1.4s infinite agentDot}.agent-thinking-dots span:nth-child(2){animation-delay:.2s}.agent-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes agentDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.agent-thinking-text{color:var(--text-dim);font-size:13px;font-style:italic}.quick-actions{flex-wrap:wrap;gap:8px;padding:0 16px 12px;display:flex}.quick-action-btn{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:20px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s}.quick-action-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}@media (max-width:900px){.highlights-grid{grid-template-columns:repeat(2,1fr)}.header-actions{flex-wrap:wrap}.period-toggle{order:10;width:100%}}.section-title{align-items:center;gap:6px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.action-items-bar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:20px;padding:16px 20px}.action-items-title{align-items:center;gap:8px;margin-bottom:10px;font-size:14px;display:flex}.action-items-list{flex-wrap:wrap;gap:8px;display:flex}.action-item{cursor:pointer;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s}.action-item:hover{text-decoration:none;transform:translateY(-1px)}.action-item-yellow{background:var(--yellow-dim);color:var(--yellow);border:1px solid #eab30833}.action-item-yellow:hover{background:#eab30833}.action-item-red{background:var(--red-dim);color:var(--red);border:1px solid #ef444433}.action-item-red:hover{background:#ef444433}.action-item-dim{color:var(--text-dim);border:1px solid var(--border);background:#ffffff08}.action-item-dim:hover{color:var(--text);background:#ffffff0f}.quick-cmd-bar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:28px;display:grid}.quick-cmd-btn{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 12px;font-family:inherit;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.quick-cmd-btn:hover{border-color:var(--accent);color:var(--text);box-shadow:var(--shadow-hover);text-decoration:none;transform:translateY(-2px)}.quick-cmd-icon{font-size:22px}@media (max-width:768px){.quick-cmd-bar{grid-template-columns:repeat(3,1fr)}.action-items-list{flex-direction:column}}