:root{
  --bg:#05080d;
  --panel:#0a131d;
  --panel-2:#0d1925;
  --panel-3:#112232;
  --line:#183247;
  --line-soft:#122739;
  --text:#eefaff;
  --muted:#7593a5;
  --cyan:#22d3ee;
  --cyan-2:#0ea5e9;
  --cyan-soft:rgba(34,211,238,.11);
  --green:#34d399;
  --green-soft:rgba(52,211,153,.11);
  --amber:#fbbf24;
  --amber-soft:rgba(251,191,36,.11);
  --red:#fb7185;
  --red-soft:rgba(251,113,133,.11);
  --shadow:0 24px 80px rgba(0,0,0,.34);
  --radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 8%,rgba(14,165,233,.11),transparent 28%),radial-gradient(circle at 10% 90%,rgba(34,211,238,.065),transparent 25%)}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}
.app{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh;position:relative}
.sidebar{height:100vh;position:sticky;top:0;overflow:auto;background:linear-gradient(180deg,#03060a 0%,#07111b 100%);border-right:1px solid #122334;padding:20px 15px;z-index:30}
.brand{display:block;padding:0 4px 18px;border-bottom:1px solid #122334}
.brand-lockup{display:block;width:100%;max-width:220px;height:auto;filter:drop-shadow(0 0 18px rgba(34,211,238,.12))}
.brand-lockup .logo-word{font-weight:900;letter-spacing:-1.8px}.brand-lockup .logo-sub{font-weight:650;letter-spacing:2.2px}
.nav-label{font-size:9px;color:#486678;text-transform:uppercase;letter-spacing:.18em;margin:21px 12px 8px}
.nav{display:grid;gap:5px}
.nav-item{width:100%;border:1px solid transparent;background:transparent;color:#86a0b0;border-radius:12px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;text-align:left;min-height:43px;padding:0 11px;transition:.18s}
.nav-item:hover{background:#0d1a26;color:#dff7ff}
.nav-item.active{background:linear-gradient(90deg,rgba(14,165,233,.22),rgba(34,211,238,.07));color:#e9fbff;border-color:rgba(34,211,238,.18);box-shadow:0 10px 35px rgba(14,165,233,.08)}
.nav-icon{font-size:14px;text-align:center;color:var(--cyan)}
.nav-badge{font-size:9px;padding:3px 7px;border-radius:999px;background:#102130;color:#6e8fa3}
.nav-item.active .nav-badge{background:rgba(34,211,238,.13);color:#8fefff}
.system-box{margin-top:24px;border:1px solid #173145;background:#08131e;border-radius:16px;padding:14px}
.system-line{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green)}
.system-box p{font-size:10px;line-height:1.5;color:#587386;margin:8px 0 0}
.main{min-width:0}.topbar{height:74px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:rgba(5,8,13,.86);backdrop-filter:blur(18px);border-bottom:1px solid #122334}
.page-name small{display:block;color:#5b7688;font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:4px}.page-name h1{margin:0;font-size:20px;letter-spacing:-.03em}
.top-actions{display:flex;align-items:center;gap:9px}.search-wrap{position:relative}.search{width:270px;height:41px;border:1px solid #193045;border-radius:12px;background:#08131e;padding:0 13px;outline:none;font-size:11px}.search:focus{border-color:#1b9bc6;box-shadow:0 0 0 4px rgba(34,211,238,.07)}
.search-results{position:absolute;top:48px;right:0;width:360px;max-height:420px;overflow:auto;background:#0b1520;border:1px solid #1e3a50;border-radius:14px;box-shadow:var(--shadow);display:none;padding:7px}.search-results.active{display:block}.search-result{display:block;width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:10px}.search-result:hover{background:#102030}.search-result b{font-size:11px;display:block}.search-result span{font-size:9px;color:var(--muted);display:block;margin-top:3px}
.demo-select{height:41px;border:1px solid #193045;background:#08131e;border-radius:12px;padding:0 11px;font-size:10px;outline:none}
.icon-btn,.mobile-toggle{width:41px;height:41px;border:1px solid #193045;background:#08131e;border-radius:12px;display:grid;place-items:center}.icon-btn:hover{border-color:#247fa0}.avatar{width:41px;height:41px;border-radius:12px;background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#03121a;display:grid;place-items:center;font-weight:950;font-size:11px}
.content{padding:24px 26px 50px}.page{display:none;animation:fade .2s ease}.page.active{display:block}@keyframes fade{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}
.hero{min-height:225px;border-radius:24px;padding:29px;background:radial-gradient(circle at 80% 15%,rgba(34,211,238,.14),transparent 26%),linear-gradient(135deg,#07101a 0%,#0a1723 58%,#071f2c 100%);border:1px solid #17384b;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.hero:after{content:"skAI";position:absolute;right:23px;top:-38px;font-size:150px;font-weight:950;letter-spacing:-.12em;color:rgba(123,225,255,.028)}
.hero-copy{max-width:720px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(34,211,238,.18);background:rgba(34,211,238,.06);padding:7px 10px;border-radius:999px;color:#91eafa;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.hero h2{font-size:36px;line-height:1.05;letter-spacing:-.05em;margin:18px 0 10px}.hero p{font-size:13px;line-height:1.65;color:#84a0b2;max-width:640px;margin:0}.hero-actions{position:relative;z-index:3;display:flex;gap:9px;flex-wrap:wrap}
.btn{border:0;border-radius:11px;min-height:40px;padding:0 14px;font-size:11px;font-weight:820;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#031019;box-shadow:0 10px 30px rgba(14,165,233,.18)}.btn-dark{background:#0a1722;border:1px solid #1b3649;color:#c8e8f4}.btn-soft{background:var(--cyan-soft);color:#9beeff;border:1px solid rgba(34,211,238,.14)}.btn-danger{background:var(--red-soft);color:#ff9caf;border:1px solid rgba(251,113,133,.18)}.btn:active{transform:translateY(1px)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:15px}.metric{background:linear-gradient(180deg,#0b151f,#09121c);border:1px solid #162b3c;border-radius:18px;padding:17px}.metric-head{display:flex;align-items:center;justify-content:space-between;color:#688498;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.metric-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:var(--cyan-soft);color:var(--cyan)}.metric-value{font-size:29px;font-weight:950;letter-spacing:-.05em;margin-top:11px}.metric-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#557286;font-size:9px;margin-top:7px}.good{color:var(--green);font-weight:800}.warn{color:var(--amber);font-weight:800}.bad{color:var(--red);font-weight:800}
.grid-2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.78fr);gap:15px;margin-top:15px}.stack{display:grid;gap:15px}.card,.page-card{background:linear-gradient(180deg,#0b151f,#09121c);border:1px solid #162b3c;border-radius:19px;padding:18px;box-shadow:0 10px 35px rgba(0,0,0,.12)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.card-head h3{font-size:14px;margin:0;letter-spacing:-.02em}.card-head p{font-size:9px;color:#607c8f;margin:5px 0 0}.text-btn{border:0;background:transparent;color:#5ddbf4;font-size:10px;font-weight:800;padding:4px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.quick{border:1px solid #173145;background:#0a1722;border-radius:14px;min-height:92px;padding:12px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:.18s}.quick:hover{transform:translateY(-2px);border-color:#22617d;background:#0b1b28}.qicon{width:32px;height:32px;border-radius:10px;background:var(--cyan-soft);color:var(--cyan);display:grid;place-items:center;font-weight:900}.quick b{font-size:10px}
.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th{font-size:8px;text-transform:uppercase;letter-spacing:.13em;text-align:left;color:#557286;padding:0 9px 10px;border-bottom:1px solid #173043;white-space:nowrap}td{font-size:10px;padding:12px 9px;border-bottom:1px solid #112536;vertical-align:middle}tr:last-child td{border-bottom:0}.entity{display:flex;align-items:center;gap:9px}.mini-avatar{width:34px;height:34px;border-radius:10px;background:#102536;color:#8be9fa;display:grid;place-items:center;font-weight:900;font-size:10px}.entity b{display:block;font-size:10px}.entity span{display:block;font-size:8px;color:var(--muted);margin-top:3px}
.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:850;white-space:nowrap}.pill.green{background:var(--green-soft);color:var(--green)}.pill.cyan{background:var(--cyan-soft);color:#79e8fa}.pill.amber{background:var(--amber-soft);color:var(--amber)}.pill.red{background:var(--red-soft);color:var(--red)}.pill.gray{background:#132333;color:#7792a4}
.progress{height:7px;background:#102334;border-radius:999px;overflow:hidden;min-width:90px}.progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#22d3ee)}
.activity-list,.task-list,.agent-list{display:grid;gap:10px}.activity{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center}.activity-icon{width:35px;height:35px;border-radius:11px;background:#102536;color:#7eeafa;display:grid;place-items:center;font-size:11px}.activity b{font-size:10px;display:block}.activity span{font-size:8px;color:var(--muted);display:block;margin-top:3px}.activity time{font-size:8px;color:#4f6d80}
.task-row{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #12283a}.task-row:last-child{border-bottom:0}.task-check{width:18px;height:18px;border-radius:6px;border:1px solid #24506a;background:#0a1722;color:transparent;display:grid;place-items:center;font-size:9px}.task-check.done{background:var(--green-soft);border-color:rgba(52,211,153,.35);color:var(--green)}.task-copy b{font-size:10px;display:block}.task-copy span{font-size:8px;color:var(--muted);display:block;margin-top:3px}.task-time{font-size:8px;color:#5f7c8f}
.agent-card{border:1px solid #173145;border-radius:14px;background:#091722;padding:12px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.agent-icon{width:38px;height:38px;border-radius:12px;background:var(--cyan-soft);color:var(--cyan);display:grid;place-items:center;font-weight:900}.agent-card b{font-size:10px;display:block}.agent-card span{font-size:8px;color:var(--muted);display:block;margin-top:3px}.switch{width:41px;height:23px;border-radius:999px;background:#1c3446;padding:3px;border:0;transition:.18s}.switch:after{content:"";display:block;width:17px;height:17px;border-radius:50%;background:#86a0b0;transition:.18s}.switch.on{background:linear-gradient(90deg,#0ea5e9,#22d3ee)}.switch.on:after{transform:translateX(18px);background:#03131b}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:15px}.section-head h2{font-size:24px;letter-spacing:-.045em;margin:0}.section-head p{font-size:10px;color:#607c8f;margin:6px 0 0}.section-actions{display:flex;gap:8px;flex-wrap:wrap}
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:13px}.toolbar input,.toolbar select,.mini-select{height:39px;border:1px solid #1a354a;background:#091722;border-radius:10px;padding:0 11px;font-size:10px;outline:none}.toolbar input{min-width:260px}.toolbar input:focus,.toolbar select:focus{border-color:#2588aa}.table-action{height:30px;border:1px solid #1c3a4f;background:#0a1823;border-radius:8px;padding:0 10px;font-size:8px;font-weight:800}.table-action:hover{border-color:#2c7895}
.project-grid,.automation-grid,.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.project-card,.automation-card,.module-card{background:linear-gradient(180deg,#0b151f,#09121c);border:1px solid #162b3c;border-radius:18px;padding:17px}.project-top,.automation-top,.module-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.project-card h3,.automation-card h3,.module-card h3{font-size:13px;margin:13px 0 5px}.project-card p,.automation-card p,.module-card p{font-size:9px;color:#607c8f;line-height:1.5;margin:0}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.project-meta div{background:#0a1722;border:1px solid #132c3f;border-radius:10px;padding:9px}.project-meta span{display:block;font-size:8px;color:#5d798b}.project-meta b{display:block;font-size:10px;margin-top:3px}.project-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:8px;color:#607c8f}
.kanban{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:13px;overflow:auto}.kanban-col{background:#08131d;border:1px solid #153046;border-radius:18px;padding:13px;min-height:520px}.kanban-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.kanban-head b{font-size:11px}.kanban-head span{font-size:8px;color:#607c8f;background:#102334;padding:4px 7px;border-radius:999px}.kanban-items{display:grid;gap:9px}.kanban-card{border:1px solid #18364b;background:#0b1925;border-radius:13px;padding:12px}.kanban-card .top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.kanban-card h4{font-size:10px;line-height:1.4;margin:0}.kanban-card p{font-size:8px;color:#607c8f;line-height:1.45;margin:7px 0 10px}.kanban-meta{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#607c8f}.kanban-actions{display:flex;gap:5px;margin-top:10px}.kanban-actions button{flex:1;height:28px;border:1px solid #1b3a4f;background:#0a1722;border-radius:8px;font-size:8px}.kanban-actions button:hover{border-color:#2a7a98}
.automation-card{display:flex;flex-direction:column;min-height:225px}.automation-icon{width:42px;height:42px;border-radius:13px;background:var(--cyan-soft);color:var(--cyan);display:grid;place-items:center;font-weight:900}.flow{display:grid;gap:7px;margin-top:14px}.flow-line{display:grid;grid-template-columns:62px 1fr;gap:8px;border:1px solid #143046;background:#091722;border-radius:10px;padding:9px}.flow-line span{font-size:8px;color:#5b7a8d;text-transform:uppercase;letter-spacing:.1em}.flow-line b{font-size:9px;line-height:1.4}.automation-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;font-size:8px;color:#5f7c8f}
.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chart{height:270px;display:flex;align-items:flex-end;gap:10px;padding:28px 8px 0;border-bottom:1px solid #183247}.bar-wrap{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar{width:72%;min-width:24px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#22d3ee,#0e7490);box-shadow:0 0 18px rgba(34,211,238,.12)}.bar-label{font-size:8px;color:#648093}.funnel{display:grid;gap:9px}.funnel-row{display:grid;grid-template-columns:100px 1fr 48px;gap:10px;align-items:center}.funnel-row span{font-size:9px;color:#718d9f}.funnel-bar{height:28px;border-radius:8px;background:#102537;overflow:hidden}.funnel-bar i{display:block;height:100%;background:linear-gradient(90deg,#0ea5e9,#22d3ee);opacity:.86}.funnel-row b{text-align:right;font-size:10px}
.data-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px}.upload-zone{width:100%;min-height:250px;border:1.5px dashed #26526c;border-radius:16px;background:#091722;padding:24px;text-align:center;cursor:pointer;transition:.18s;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.upload-zone:hover,.upload-zone.dragover{background:#0a1b28;border-color:#36b6db;box-shadow:inset 0 0 0 1px rgba(34,211,238,.08)}.upload-zone .upload-icon{width:52px;height:52px;flex:0 0 52px;border-radius:15px;background:var(--cyan-soft);color:var(--cyan);display:grid;place-items:center;margin:0 0 12px;font-size:21px}.upload-zone b{display:block;font-size:12px;line-height:1.35;white-space:normal}.upload-zone span{display:block;font-size:8px;color:#607c8f;margin-top:7px;line-height:1.55;white-space:normal}.file-input{display:none}.sheet-list{display:grid;gap:7px;margin-top:13px}.sheet-btn{width:100%;border:1px solid #173145;background:#091722;border-radius:10px;text-align:left;padding:10px;font-size:9px}.sheet-btn.active{border-color:#2788a7;background:var(--cyan-soft);color:#a4f1ff}.raw-table td{font-size:8px;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.raw-table tr:first-child td{font-weight:900;color:#a2eefe;background:#0d2030}
.department-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px}.department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.department-card{border:1px solid #173145;background:linear-gradient(180deg,#0b1722,#09131d);border-radius:17px;padding:15px;text-align:left;transition:.18s}.department-card:hover{transform:translateY(-2px);border-color:#276b86}.department-card.selected{border-color:#26b9df;box-shadow:0 0 0 3px rgba(34,211,238,.06)}.department-card.off{opacity:.58}.department-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.department-icon{width:42px;height:42px;border-radius:13px;background:var(--cyan-soft);color:var(--cyan);display:grid;place-items:center;font-size:16px;font-weight:900}.department-card h3{font-size:12px;margin:13px 0 5px}.department-card p{font-size:8px;color:#607c8f;line-height:1.5;margin:0}.department-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.department-card-meta div{border:1px solid #132c3f;background:#091722;border-radius:9px;padding:8px}.department-card-meta span{display:block;font-size:7px;color:#5d798b}.department-card-meta b{display:block;font-size:9px;margin-top:3px}.department-detail{position:sticky;top:92px;align-self:start}.detail-hero{border:1px solid #1c4258;background:radial-gradient(circle at 85% 10%,rgba(34,211,238,.13),transparent 30%),#091722;border-radius:16px;padding:16px}.detail-hero .department-icon{margin-bottom:13px}.detail-hero h3{font-size:17px;margin:0 0 6px}.detail-hero p{font-size:9px;line-height:1.55;color:#6b899b;margin:0}.detail-list{display:grid;gap:8px;margin-top:13px}.detail-line{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #12293b;padding:9px 0;font-size:9px}.detail-line:last-child{border-bottom:0}.detail-line span{color:#668397}.detail-processes{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.detail-processes span{font-size:8px;border:1px solid #18364a;background:#0b1a26;color:#78a0b5;border-radius:999px;padding:6px 8px}
.marketing-connect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.ad-account{border:1px solid #173145;background:linear-gradient(180deg,#0b1722,#09131d);border-radius:17px;padding:15px}.ad-account-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.platform-mark{width:42px;height:42px;border-radius:13px;background:#102536;border:1px solid #1c455d;display:grid;place-items:center;font-size:16px;font-weight:950;color:#a8f2ff}.ad-account h3{font-size:12px;margin:12px 0 5px}.ad-account p{font-size:8px;color:#607c8f;line-height:1.5;min-height:24px;margin:0 0 12px}.account-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.marketing-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:14px;margin-bottom:14px}.campaign-builder{display:grid;grid-template-columns:1fr 1fr;gap:10px}.campaign-builder .full{grid-column:1/-1}.builder-field label{display:block;font-size:8px;color:#688599;text-transform:uppercase;letter-spacing:.11em;margin-bottom:6px}.builder-field input,.builder-field select,.builder-field textarea{width:100%;border:1px solid #1a354a;background:#091722;border-radius:10px;padding:10px 11px;font-size:10px;outline:none}.builder-field textarea{min-height:82px;resize:vertical}.builder-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:12px}.creative-preview{margin-top:14px;border:1px solid #1c4258;background:radial-gradient(circle at 80% 10%,rgba(34,211,238,.18),transparent 30%),linear-gradient(135deg,#07121c,#0b2130);border-radius:17px;padding:18px;min-height:190px;position:relative;overflow:hidden}.creative-preview:after{content:'AI';position:absolute;right:10px;bottom:-30px;font-size:120px;font-weight:950;color:rgba(128,232,255,.035)}.creative-preview .ad-label{display:inline-flex;border:1px solid rgba(34,211,238,.2);background:rgba(34,211,238,.07);border-radius:999px;padding:5px 8px;font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:#91eefa}.creative-preview h3{position:relative;z-index:1;font-size:21px;line-height:1.08;letter-spacing:-.04em;max-width:430px;margin:18px 0 8px}.creative-preview p{position:relative;z-index:1;font-size:9px;line-height:1.55;color:#7e9aac;max-width:440px;margin:0}.creative-preview .preview-cta{position:relative;z-index:1;display:inline-flex;margin-top:16px;background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#031019;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:900}.marketing-bot-list{display:grid;gap:9px}.marketing-bot{border:1px solid #173145;background:#091722;border-radius:14px;padding:12px;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.marketing-bot .bot-icon{width:40px;height:40px;border-radius:12px;background:var(--cyan-soft);color:var(--cyan);display:grid;place-items:center;font-weight:900}.marketing-bot b{font-size:10px;display:block}.marketing-bot span{font-size:8px;color:#607c8f;display:block;margin-top:4px;line-height:1.4}.campaign-status{display:inline-flex;align-items:center;gap:5px;font-size:8px}.campaign-status:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(52,211,153,.6)}.campaign-status.paused:before{background:var(--amber);box-shadow:none}.marketing-log{display:grid;gap:8px}.marketing-log-row{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #12283a;padding:9px 0}.marketing-log-row:last-child{border-bottom:0}.marketing-log-row b{font-size:9px;display:block}.marketing-log-row span{font-size:8px;color:#607c8f;display:block;margin-top:3px}.marketing-log-row time{font-size:8px;color:#4f6d80}
.module-card{min-height:200px;display:flex;flex-direction:column}.module-icon{width:42px;height:42px;border-radius:13px;background:#102536;color:#81eafa;display:grid;place-items:center;font-size:16px}.module-card .switch{margin-left:auto}.module-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.module-tags span{font-size:8px;color:#688699;background:#102334;border-radius:999px;padding:5px 7px}.module-card .module-state{margin-top:auto;padding-top:14px;font-size:8px;color:#5b798b}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-group.full{grid-column:1/-1}.form-group label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#688599;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid #1a354a;background:#091722;border-radius:10px;padding:10px 11px;font-size:10px;outline:none}.form-group textarea{min-height:90px;resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#298aaa}
.empty{border:1px dashed #1b3b50;border-radius:13px;padding:22px;text-align:center;color:#5e7d90;font-size:9px}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-backdrop.active{display:flex}.modal{width:min(570px,100%);max-height:90vh;overflow:auto;background:#09131d;border:1px solid #1b3a50;border-radius:20px;padding:20px;box-shadow:0 35px 100px rgba(0,0,0,.45)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h3{font-size:17px;margin:0}.close-btn{width:34px;height:34px;border:1px solid #1a354a;background:#0d1d2a;border-radius:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}
.toast{position:fixed;right:24px;bottom:24px;background:#07131d;border:1px solid #1e465d;color:#dffaff;border-radius:13px;padding:12px 15px;display:none;z-index:150;box-shadow:var(--shadow);font-size:10px}.toast.show{display:block;animation:toast .2s ease}@keyframes toast{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.mobile-toggle{display:none}
@media(max-width:1180px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-2,.data-layout,.department-layout,.marketing-layout{grid-template-columns:1fr}.project-grid,.automation-grid,.module-grid,.department-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.department-detail{position:static}.marketing-connect-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:258px;transition:.2s}.sidebar.open{left:0}.mobile-toggle{display:grid}.topbar{padding:0 14px}.content{padding:17px 14px 40px}.search-wrap,.demo-select{display:none}.hero{min-height:285px;align-items:flex-start;padding:22px}.hero-actions{position:absolute;left:22px;bottom:20px}.project-grid,.automation-grid,.module-grid,.report-grid,.settings-grid,.department-grid,.marketing-connect-grid{grid-template-columns:1fr}.kanban{grid-template-columns:1fr}.form-grid,.campaign-builder{grid-template-columns:1fr}.form-group.full,.campaign-builder .full{grid-column:auto}}
@media(max-width:560px){.metrics,.quick-grid{grid-template-columns:1fr}.hero h2{font-size:30px}.section-head{align-items:flex-start;flex-direction:column}.top-actions .icon-btn{display:none}}



:root{
  --bg:#03070b;
  --panel:rgba(8,15,24,.78);
  --panel-2:rgba(10,19,30,.72);
  --panel-3:rgba(13,26,39,.82);
  --line:rgba(143,183,201,.22);
  --line-soft:rgba(143,183,201,.11);
  --text:#f1f4f7;
  --muted:#8a93a2;
  --cyan:#9cc7d7;
  --cyan-2:#6ea9be;
  --cyan-soft:rgba(133,190,212,.10);
  --green:#7ee0bd;
  --green-soft:rgba(126,224,189,.10);
  --amber:#e7c57a;
  --amber-soft:rgba(231,197,122,.10);
  --red:#e89aa7;
  --red-soft:rgba(232,154,167,.10);
  --shadow:0 32px 100px rgba(0,0,0,.52);
  --radius:24px;
}
*{scrollbar-width:thin;scrollbar-color:#263847 transparent}
html{background:#010306}
html,body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{
  background:
    radial-gradient(circle at 78% 8%,rgba(78,122,145,.11),transparent 30%),
    radial-gradient(circle at 18% 92%,rgba(59,92,108,.10),transparent 27%),
    linear-gradient(160deg,#03070b 0%,#050a10 48%,#020509 100%);
  color:var(--text);
  letter-spacing:-.01em;
  overflow-x:hidden;
}
body:before{
  background:
    linear-gradient(rgba(148,174,190,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(148,174,190,.035) 1px,transparent 1px),
    radial-gradient(circle at 50% 34%,transparent 0,rgba(0,0,0,.17) 70%,rgba(0,0,0,.45) 100%);
  background-size:86px 86px,86px 86px,100% 100%;
  opacity:.75;
  z-index:0;
}
body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(112deg,transparent 0 48%,rgba(114,149,167,.04) 48.15%,transparent 48.3% 100%);
}
#ambientCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.62}
.app{
  width:calc(100% - 28px);max-width:1880px;min-height:calc(100vh - 28px);margin:14px auto;
  grid-template-columns:276px minmax(0,1fr);position:relative;z-index:2;
  background:rgba(3,8,13,.72);border:1px solid rgba(139,181,200,.21);border-radius:30px;
  box-shadow:0 35px 130px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.025);
}
.sidebar{
  height:calc(100vh - 28px);top:14px;padding:24px 18px 22px;
  background:linear-gradient(180deg,rgba(3,8,13,.96),rgba(5,12,19,.92));
  border-right:1px solid rgba(141,182,201,.16);border-radius:30px 0 0 30px;
  backdrop-filter:blur(26px);box-shadow:inset -1px 0 0 rgba(255,255,255,.015);
}
.brand{display:flex;flex-direction:column;align-items:center;padding:4px 6px 24px;border-bottom:1px solid rgba(143,183,201,.14)}
.brand-orbit{width:148px;height:82px;display:grid;place-items:center;position:relative}
.brand-orbit:before{content:"";position:absolute;width:108px;height:46px;border-radius:50%;background:rgba(116,220,247,.12);filter:blur(24px)}
.brand-mark{width:128px;height:auto;display:block;mix-blend-mode:screen;filter:brightness(1.18) contrast(1.06) drop-shadow(0 0 13px rgba(108,220,249,.43));position:relative;z-index:1}
.brand-command{font:500 9px/1.2 "IBM Plex Mono",monospace;color:#c8e1ea;letter-spacing:.16em;margin-top:3px}
.brand-subline{font:400 8px/1.2 "IBM Plex Mono",monospace;color:#536876;letter-spacing:.20em;margin-top:8px}
.nav-label{font:500 9px/1 "IBM Plex Mono",monospace;color:#536574;letter-spacing:.23em;margin:25px 12px 10px}
.nav{gap:6px}
.nav-item{min-height:47px;border-radius:14px;padding:0 12px;color:#7f8b99;font-weight:500;transition:.22s ease;border-color:transparent}
.nav-item:hover{background:rgba(137,182,202,.055);color:#e7eef2;border-color:rgba(139,183,201,.10);transform:translateX(2px)}
.nav-item.active{background:linear-gradient(90deg,rgba(121,173,194,.17),rgba(121,173,194,.055));color:#f5f8fa;border-color:rgba(146,196,216,.27);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 42px rgba(0,0,0,.22)}
.nav-icon{color:#a8d5e5;font-size:13px;text-shadow:0 0 14px rgba(130,215,244,.35)}
.nav-badge{font:500 8px "IBM Plex Mono",monospace;background:rgba(126,165,184,.09);border:1px solid rgba(126,165,184,.10);color:#7793a2}
.nav-item.active .nav-badge{color:#c8eaf5;background:rgba(132,188,210,.12)}
.system-box{border:1px solid rgba(142,184,203,.17);background:linear-gradient(145deg,rgba(12,24,36,.72),rgba(6,13,21,.82));border-radius:20px;padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.system-line{font-size:10px;letter-spacing:.01em}.system-box p{color:#677786;font-size:9px;line-height:1.65}.dot{background:#85e5c0;box-shadow:0 0 16px rgba(126,224,189,.75)}
.main{background:linear-gradient(180deg,rgba(3,8,13,.50),rgba(3,7,12,.70));border-radius:0 30px 30px 0;position:relative;overflow:hidden}
.main:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 0%,rgba(107,151,171,.08),transparent 27%);z-index:0}
.topbar{height:82px;padding:0 31px;background:rgba(4,9,15,.70);border-bottom:1px solid rgba(143,183,201,.14);backdrop-filter:blur(28px);position:sticky}
.page-name small{font:500 9px/1 "IBM Plex Mono",monospace;color:#738b99;letter-spacing:.20em;margin-bottom:7px}.page-name h1{font-family:"Inter Display",Inter,sans-serif;font-size:22px;font-weight:500;letter-spacing:-.035em}
.top-actions{gap:10px}.search,.demo-select,.icon-btn,.mobile-toggle{height:43px;border-color:rgba(143,183,201,.18);background:rgba(8,17,27,.72);border-radius:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.search{width:292px;color:#dce5ea}.search::placeholder{color:#5f6f7c}.search:focus{border-color:rgba(165,214,232,.48);box-shadow:0 0 0 4px rgba(127,190,215,.06),0 0 30px rgba(100,185,216,.05)}
.demo-select{font:500 9px "IBM Plex Mono",monospace;color:#8fa1ad}.icon-btn:hover{border-color:#7aa7b9;background:rgba(15,31,45,.9)}
.avatar{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#182c39,#0d1821);border:1px solid rgba(164,211,229,.28);color:#bfe9f8;font:600 8px "IBM Plex Mono",monospace;box-shadow:0 0 26px rgba(112,202,233,.08)}
.content{padding:30px 32px 58px;position:relative;z-index:1}.page{animation:fade .35s ease}
.hero{min-height:250px;border-radius:28px;padding:34px 36px;background:linear-gradient(135deg,rgba(10,21,33,.88),rgba(7,15,25,.78) 60%,rgba(10,27,38,.64));border:1px solid rgba(146,189,208,.20);box-shadow:0 34px 90px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(22px)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(149,187,204,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(149,187,204,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,black,transparent 85%);pointer-events:none}
.hero:after{content:"skAI";right:34px;top:-44px;font-family:"Inter Display",Inter,sans-serif;font-weight:300;font-size:164px;color:rgba(186,223,236,.025);letter-spacing:-.10em}
.eyebrow{font:500 9px/1 "IBM Plex Mono",monospace;color:#a7cad7;letter-spacing:.17em;border-color:rgba(145,194,213,.18);background:rgba(130,181,202,.06);padding:8px 12px}
.hero h2{font-family:"Inter Display",Inter,sans-serif;font-size:44px;font-weight:300;line-height:1.04;letter-spacing:-.055em;margin:22px 0 13px;max-width:760px}.hero p{font-size:13px;line-height:1.72;color:#8e98a6;max-width:720px}
.btn{min-height:43px;border-radius:13px;padding:0 16px;font-size:10px;font-weight:650;letter-spacing:.005em;transition:.2s ease}.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#b6d5df,#739dad);color:#071017;box-shadow:0 16px 40px rgba(108,168,191,.18)}
.btn-dark{background:rgba(8,16,25,.68);border:1px solid rgba(145,187,205,.24);color:#dbe8ed;backdrop-filter:blur(12px)}
.btn-soft{background:rgba(133,190,212,.08);color:#bde5f2;border:1px solid rgba(143,193,212,.18)}
.metrics{gap:14px;margin-top:16px}.metric{padding:20px;border-radius:21px;background:linear-gradient(150deg,rgba(11,22,34,.82),rgba(7,14,23,.72));border-color:rgba(143,183,201,.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 20px 48px rgba(0,0,0,.18);backdrop-filter:blur(16px);position:relative;overflow:hidden}
.metric:after{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at var(--mx,70%) var(--my,20%),rgba(151,211,233,.09),transparent 26%);pointer-events:none}.metric-head{font:500 8px "IBM Plex Mono",monospace;color:#718492;letter-spacing:.16em}.metric-icon{border:1px solid rgba(150,202,221,.15);background:rgba(130,181,202,.07);color:#b1d7e5}.metric-value{font-family:"Inter Display",Inter,sans-serif;font-size:34px;font-weight:400;letter-spacing:-.055em}.metric-foot{font-size:9px;color:#697886}.good{color:#85d8bc}.warn{color:#d9bd83}.bad{color:#df9aa8}
.grid-2{gap:16px;margin-top:16px}.stack{gap:16px}
.card,.page-card,.project-card,.automation-card,.module-card,.department-card,.ad-account,.marketing-bot,.settings-card,.kanban-col,.detail-hero,.department-detail,.creative-preview{
  background:linear-gradient(145deg,rgba(10,20,31,.78),rgba(6,13,21,.72));
  border-color:rgba(143,183,201,.16);border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.028),0 23px 60px rgba(0,0,0,.18);backdrop-filter:blur(18px);position:relative;overflow:hidden;
}
.card:before,.page-card:before,.project-card:before,.automation-card:before,.module-card:before,.department-card:before,.ad-account:before,.marketing-bot:before,.settings-card:before,.kanban-col:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(182,223,238,.22),transparent);opacity:.75}
.card:after,.page-card:after,.project-card:after,.automation-card:after,.department-card:after,.ad-account:after,.marketing-bot:after{content:"";position:absolute;inset:-45%;background:radial-gradient(circle at var(--mx,80%) var(--my,10%),rgba(142,205,229,.055),transparent 24%);pointer-events:none}
.card-head h3,.section-head h2{font-family:"Inter Display",Inter,sans-serif;font-weight:500}.card-head h3{font-size:15px}.card-head p{font-size:9px;color:#6d7c89}.text-btn{font:500 9px "IBM Plex Mono",monospace;color:#a9d2e1}
.quick-grid{gap:10px}.quick{min-height:102px;border-radius:17px;background:rgba(10,20,31,.62);border-color:rgba(143,183,201,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}.quick:hover{background:rgba(15,29,42,.82);border-color:rgba(159,205,223,.28);transform:translateY(-3px)}.qicon{background:rgba(132,184,204,.08);border:1px solid rgba(148,198,217,.14);color:#a9d8e9}.quick b{font-size:10px;font-weight:600}
.section-head{margin-bottom:20px}.section-head h2{font-size:35px;font-weight:300;letter-spacing:-.05em}.section-head p{font-size:11px;color:#7d8997}
table{position:relative;z-index:1}th{font:500 8px "IBM Plex Mono",monospace;color:#647784;border-bottom-color:rgba(143,183,201,.14)}td{font-size:10px;border-bottom-color:rgba(143,183,201,.08)}tbody tr{transition:.17s ease}tbody tr:hover{background:rgba(133,190,212,.035)}
.mini-avatar,.activity-icon,.automation-icon,.department-icon,.module-icon,.bot-icon,.platform-mark{background:linear-gradient(145deg,rgba(22,43,57,.95),rgba(10,21,31,.95));border:1px solid rgba(152,201,220,.16);color:#b8dce8;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.pill{font:500 8px "IBM Plex Mono",monospace;border:1px solid rgba(255,255,255,.035)}.pill.cyan{background:rgba(135,191,212,.08);color:#afdce9}.pill.green{background:rgba(126,224,189,.075);color:#83d7bb}.pill.gray{background:rgba(123,143,157,.09);color:#8798a4}.pill.amber{background:rgba(231,197,122,.075);color:#d8bb82}.pill.red{background:rgba(232,154,167,.075);color:#df9aa8}
.progress{background:rgba(83,107,122,.14)}.progress span{background:linear-gradient(90deg,#779cad,#b1d7e5);box-shadow:0 0 16px rgba(155,207,227,.17)}
input,select,textarea{border-color:rgba(143,183,201,.16)!important;background:rgba(7,15,24,.72)!important;color:#dfe7eb!important}.form-group label,.builder-field label{font:500 8px "IBM Plex Mono",monospace!important;color:#697b88!important;letter-spacing:.15em!important}.toolbar input,.toolbar select,.form-group input,.form-group select,.form-group textarea,.builder-field input,.builder-field select,.builder-field textarea{border-radius:13px!important}.toolbar input:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.builder-field input:focus,.builder-field select:focus,.builder-field textarea:focus{outline:none;border-color:rgba(162,211,229,.42)!important;box-shadow:0 0 0 4px rgba(125,187,211,.055)}
.upload-zone{border:1px dashed rgba(156,208,228,.30)!important;background:linear-gradient(145deg,rgba(12,25,37,.70),rgba(7,15,24,.75))!important;border-radius:22px!important;min-height:220px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:30px!important}.upload-zone:hover{border-color:rgba(173,224,242,.52)!important;background:rgba(16,32,46,.82)!important}.upload-icon{background:rgba(134,193,215,.10)!important;border:1px solid rgba(148,205,226,.17);color:#bde8f5!important}
.sheet-btn{background:rgba(9,19,29,.72)!important;border-color:rgba(143,183,201,.14)!important;border-radius:13px!important}.sheet-btn.active{background:rgba(132,190,211,.12)!important;border-color:rgba(154,211,231,.36)!important;color:#d9f3fb!important}
.switch{background:#202d36}.switch.on{background:#759daf}.switch:after{background:#edf5f7}
.toast{background:rgba(8,16,25,.93);border:1px solid rgba(151,199,218,.23);backdrop-filter:blur(18px);border-radius:15px;color:#e8f0f3}
.modal-backdrop{background:rgba(0,3,7,.78);backdrop-filter:blur(12px)}.modal{background:linear-gradient(145deg,rgba(12,23,34,.98),rgba(6,13,21,.98));border:1px solid rgba(151,197,215,.20);border-radius:25px;box-shadow:0 45px 140px rgba(0,0,0,.70)}.close-btn{background:rgba(126,164,181,.09);color:#b7cbd4}
.search-results{background:rgba(8,16,25,.96);border-color:rgba(151,198,216,.22);backdrop-filter:blur(22px)}.search-result:hover{background:rgba(133,190,212,.07)}
@media(max-width:820px){.app{width:100%;margin:0;min-height:100vh;border:0;border-radius:0}.sidebar{height:100vh;top:0;border-radius:0}.main{border-radius:0}.content{padding:22px 15px 42px}.topbar{padding:0 15px}.hero{padding:27px 23px}.hero h2{font-size:36px}}



/* Logo integration */
.brand{padding-top:0!important}
.brand-orbit{
  width:100%!important;
  height:108px!important;
  max-width:210px!important;
  margin:0 auto!important;
  overflow:visible!important;
  isolation:isolate;
}
.brand-orbit:before{
  width:148px!important;
  height:54px!important;
  background:rgba(113,160,179,.10)!important;
  filter:blur(30px)!important;
  opacity:.72!important;
}
.brand-mark{
  width:174px!important;
  max-width:86%!important;
  height:auto!important;
  object-fit:contain!important;
  mix-blend-mode:normal!important;
  opacity:.88!important;
  filter:drop-shadow(0 0 10px rgba(130,190,211,.20))!important;
  transform:translateY(2px);
}
.brand-command{margin-top:1px!important;color:#b8d1dc!important;white-space:nowrap}
.brand-subline{color:#526775!important;white-space:nowrap}

/* Universal containment rules */
.main,.content,.page,.stack,.card,.page-card,.metric,.project-card,.automation-card,.module-card,
.department-card,.department-detail,.detail-hero,.ad-account,.marketing-bot,.settings-card,.kanban-col,
.creative-preview,.grid-2,.project-grid,.automation-grid,.module-grid,.department-grid,.marketing-layout,
.marketing-connect-grid,.department-layout,.data-layout,.report-grid,.campaign-builder,
.card-head>*,.section-head>*,.entity>*,.agent-card>*,.activity>*,.task-row>*,.marketing-bot>*,
.marketing-log-row>*,.flow-line>*,.account-foot>*,.detail-line>*{min-width:0}

.card,.page-card,.metric,.project-card,.automation-card,.module-card,.department-card,.ad-account,
.marketing-bot,.settings-card,.kanban-card,.quick{overflow:hidden}

.card h3,.card h4,.page-card h3,.project-card h3,.automation-card h3,.module-card h3,
.department-card h3,.ad-account h3,.marketing-bot b,.entity b,.entity span,.agent-card b,.agent-card span,
.activity b,.activity span,.task-copy b,.task-copy span,.flow-line b,.detail-line b,.detail-line span,
.account-foot span,.marketing-log-row b,.marketing-log-row span,.project-card p,.automation-card p,
.module-card p,.department-card p,.ad-account p,.creative-preview h3,.creative-preview p{
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Flexible card collections: never squeeze cards below a readable width */
.project-grid,.automation-grid,.module-grid,.department-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important;
  align-items:stretch;
}
.marketing-connect-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))!important;
}

/* Rows with icons, copy and controls */
.agent-card{grid-template-columns:42px minmax(0,1fr) auto!important;padding:12px 13px!important}
.activity{grid-template-columns:36px minmax(0,1fr) auto!important}
.task-row{grid-template-columns:20px minmax(0,1fr) auto!important}
.marketing-bot{grid-template-columns:42px minmax(0,1fr) auto!important}
.marketing-log-row{grid-template-columns:35px minmax(0,1fr) auto!important}
.entity{min-width:0;max-width:100%}.entity>div{min-width:0}
.agent-icon,.activity-icon,.task-check,.bot-icon,.mini-avatar,.automation-icon,.department-icon,
.module-icon,.platform-mark,.qicon{flex:0 0 auto}
.agent-card .switch,.marketing-bot .switch{flex:0 0 41px}
.agent-card b,.marketing-bot b,.entity b{line-height:1.32}
.agent-card span,.marketing-bot span,.entity span{line-height:1.45}

/* Top rows and meta blocks */
.project-top,.automation-top,.module-top,.department-card-top,.ad-account-top,.account-foot,
.project-foot,.automation-foot,.card-head,.section-head{flex-wrap:wrap}
.project-meta,.department-card-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.project-meta div,.department-card-meta div{min-width:0;overflow:hidden}
.flow-line{grid-template-columns:minmax(48px,64px) minmax(0,1fr)!important}
.detail-line{align-items:flex-start!important;flex-wrap:wrap}
.detail-line b{max-width:62%;text-align:right}
.account-foot{align-items:flex-start!important}
.account-foot span{flex:1 1 130px;line-height:1.45}
.account-foot .table-action{flex:0 0 auto}

/* Tables stay readable and scroll inside their own panel */
.table-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
table{min-width:720px}
#page-clients table{min-width:980px}
#page-marketing table{min-width:900px}
#page-data table{min-width:max-content}
td,th{max-width:260px}
td{overflow-wrap:anywhere}
.raw-table td{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Navigation labels do not escape the sidebar */
.nav-item{grid-template-columns:30px minmax(0,1fr) auto!important}
.nav-item>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Form and button containment */
.btn,.table-action,.sheet-btn{max-width:100%}
.builder-actions,.section-actions,.hero-actions{flex-wrap:wrap}
.builder-actions .btn,.section-actions .btn{white-space:normal;text-align:center}
.upload-zone b,.upload-zone span{max-width:100%;overflow-wrap:anywhere}

/* Intermediate desktop widths */
@media(max-width:1380px){
  .app{grid-template-columns:252px minmax(0,1fr)!important}
  .sidebar{padding-left:14px!important;padding-right:14px!important}
  .content{padding-left:24px!important;padding-right:24px!important}
  .grid-2{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important}
  .marketing-layout{grid-template-columns:minmax(0,1fr) minmax(310px,.78fr)!important}
}
@media(max-width:1180px){
  .search-wrap{display:none!important}
  .page-name{min-width:0}.page-name h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .grid-2,.department-layout,.marketing-layout,.data-layout{grid-template-columns:1fr!important}
  .department-detail{position:static!important}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .app{grid-template-columns:1fr!important;width:100%!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important}
  .sidebar{position:fixed!important;left:-290px!important;top:0!important;height:100vh!important;width:276px!important;border-radius:0!important;z-index:70!important}
  .sidebar.open{left:0!important}
  .main{border-radius:0!important}
  .mobile-toggle{display:grid!important}
  .topbar{padding:0 15px!important}
  .content{padding:20px 15px 44px!important}
  .search-wrap,.demo-select{display:none!important}
  .hero{min-height:290px!important;padding:27px 23px!important;align-items:flex-start!important}
  .hero-actions{position:absolute!important;left:23px!important;bottom:21px!important}
}
@media(max-width:680px){
  .metrics,.quick-grid,.project-grid,.automation-grid,.module-grid,.department-grid,.marketing-connect-grid,
  .report-grid,.settings-grid,.campaign-builder{grid-template-columns:1fr!important}
  .form-grid{grid-template-columns:1fr!important}.form-group.full,.campaign-builder .full{grid-column:auto!important}
  .section-head{align-items:flex-start!important;flex-direction:column!important}
  .section-actions{width:100%}.section-actions .btn{flex:1 1 180px}
  .hero h2{font-size:34px!important}
  .brand-orbit{height:101px!important}.brand-mark{width:164px!important}
  .detail-line b{max-width:100%;text-align:left}
}
@media(max-width:430px){
  .content{padding-left:11px!important;padding-right:11px!important}
  .card,.page-card,.metric,.project-card,.automation-card,.module-card,.department-card,.ad-account{padding:15px!important}
  .hero{padding-left:19px!important;padding-right:19px!important}.hero-actions{left:19px!important;right:19px!important}
  .hero-actions .btn{flex:1 1 130px}
  .agent-card,.marketing-bot{grid-template-columns:38px minmax(0,1fr)!important}
  .agent-card .switch,.marketing-bot .switch{grid-column:2;justify-self:start;margin-top:5px}
  .activity,.marketing-log-row{grid-template-columns:35px minmax(0,1fr)!important}
  .activity time,.marketing-log-row time{grid-column:2}
  .task-row{grid-template-columns:20px minmax(0,1fr)!important}.task-time,.task-row>.pill{grid-column:2;justify-self:start}
}


/* V3: hard-center every icon and initials tile.
   Context selectors such as .entity span and .activity span previously
   overrode display:grid on these elements. */
.mini-avatar,
.activity-icon,
.agent-icon,
.automation-icon,
.department-icon,
.module-icon,
.bot-icon,
.platform-mark,
.qicon,
.task-check,
.feed-dot,
.group-icon,
.auto-icon {
  display:grid !important;
  place-items:center !important;
  align-items:center !important;
  justify-items:center !important;
  align-content:center !important;
  justify-content:center !important;
  align-self:center !important;
  justify-self:center !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  text-align:center !important;
  vertical-align:middle !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-indent:0 !important;
}
.mini-avatar{font-size:10px !important;font-weight:800 !important;letter-spacing:0 !important}
.activity-icon{font-size:11px !important;font-weight:700 !important}
.agent-icon,.automation-icon,.bot-icon,.qicon,.task-check,.feed-dot,.group-icon,.auto-icon{font-size:12px !important;font-weight:800 !important}
.department-icon,.module-icon,.platform-mark{font-size:16px !important;font-weight:850 !important}

/* Keep descriptive copy rules away from the icon tile itself. */
.entity > .mini-avatar,
.activity > .activity-icon,
.agent-card > .agent-icon,
.marketing-bot > .bot-icon,
.marketing-log-row > .activity-icon {
  margin-top:0 !important;
  color:#b8dce8 !important;
}



.sebiq-return{position:fixed;right:18px;bottom:18px;z-index:1000;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(156,199,215,.25);border-radius:999px;color:#dbe8ed;background:rgba(3,7,11,.82);font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-decoration:none;backdrop-filter:blur(16px);box-shadow:0 12px 36px rgba(0,0,0,.3);transition:border-color .2s ease,transform .2s ease}.sebiq-return:hover{border-color:rgba(156,199,215,.62);transform:translateY(-2px)}