:root{
  --mkt-blue:#4bbcff;
  --mkt-cyan:#59f0e1;
  --mkt-violet:#8077ff;
  --mkt-gold:#e7c172;
  --mkt-green:#52e2a7;
  --mkt-red:#ff6d7c;
  --mkt-panel:#091925;
  --mkt-line:rgba(111,190,230,.16);
}
.marketing-shell{display:flex;flex-direction:column;gap:16px}
.marketing-hero{
  position:relative;overflow:hidden;display:grid;grid-template-columns:1.35fr .65fr;gap:24px;
  min-height:230px;padding:34px;border:1px solid rgba(73,188,255,.25);border-radius:24px;
  background:
    radial-gradient(circle at 82% 22%,rgba(55,127,255,.27),transparent 30%),
    radial-gradient(circle at 56% 110%,rgba(57,230,211,.08),transparent 35%),
    linear-gradient(135deg,#071622,#0b2436 56%,#081827);
  box-shadow:0 28px 75px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);
}
.marketing-hero:after{
  content:"";position:absolute;right:-120px;top:-160px;width:480px;height:480px;border-radius:50%;
  border:1px solid rgba(94,204,255,.13);box-shadow:0 0 0 48px rgba(60,174,241,.025),0 0 0 96px rgba(60,174,241,.018);
}
.marketing-hero-copy{position:relative;z-index:1}
.marketing-kicker{display:flex;align-items:center;gap:9px;color:#56cef7;font-size:10px;font-weight:900;letter-spacing:.19em}
.marketing-kicker:before{content:"";width:22px;height:1px;background:#54d9ff;box-shadow:0 0 12px #54d9ff}
.marketing-hero h1{margin:13px 0 8px;color:#f2fbff;font-size:31px;letter-spacing:-.035em}
.marketing-hero p{max-width:650px;margin:0;color:#82a3b6;font-size:13px;line-height:1.8}
.marketing-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.marketing-progress{
  position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:22px;
  min-width:300px;padding:20px;border:1px solid rgba(89,207,255,.17);border-radius:20px;
  background:rgba(5,19,30,.65);backdrop-filter:blur(12px);
}
.marketing-ring{
  --p:0;width:128px;height:128px;display:grid;place-items:center;border-radius:50%;
  background:conic-gradient(var(--mkt-cyan) calc(var(--p)*1%),rgba(76,121,149,.13) 0);
  box-shadow:0 0 35px rgba(66,220,223,.1);
}
.marketing-ring:before{content:"";grid-area:1/1;width:106px;height:106px;border-radius:50%;background:#091a27;border:1px solid rgba(107,194,230,.13)}
.marketing-ring>div{position:relative;grid-area:1/1;text-align:center}
.marketing-ring b{display:block;color:white;font-size:26px}.marketing-ring small{color:#698ca1;font-size:10px}
.marketing-target b{display:block;color:#f2fbff;font-size:30px}.marketing-target small{color:#6e90a4}.marketing-target span{display:block;margin-top:8px;color:#4adbb3;font-size:11px}
.marketing-target .gap{color:#ff987d}
.marketing-paused{border-color:rgba(255,109,124,.42);box-shadow:0 0 0 1px rgba(255,109,124,.08),0 28px 75px rgba(0,0,0,.24)}
.marketing-paused .marketing-kicker{color:#ff8c98}.marketing-paused .marketing-kicker:before{background:#ff6d7c}
.marketing-tabs{
  position:sticky;top:0;z-index:20;display:flex;gap:5px;padding:6px;border:1px solid var(--mkt-line);
  border-radius:14px;background:rgba(6,20,31,.94);backdrop-filter:blur(16px);overflow-x:auto;
}
.marketing-tabs button{
  min-height:38px;padding:0 15px;border:0;border-radius:9px;background:transparent;color:#7697aa;
  font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;
}
.marketing-tabs button:hover{color:#d9f2ff;background:rgba(65,157,206,.08)}
.marketing-tabs button.active{color:#fff;background:linear-gradient(135deg,#146f9d,#315de0);box-shadow:0 8px 22px rgba(32,111,202,.2)}
.marketing-panel{display:flex;flex-direction:column;gap:15px}
.marketing-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.marketing-section-head h2{margin:0;color:#edf9ff;font-size:20px}.marketing-section-head p{margin:6px 0 0;color:#66869a;font-size:11px;line-height:1.6}
.marketing-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.marketing-button{
  min-height:38px;padding:0 14px;border:1px solid rgba(83,174,218,.27);border-radius:10px;
  background:#0d2637;color:#b7d1df;font-size:11px;font-weight:800;cursor:pointer;transition:.18s ease;
}
.marketing-button:hover{border-color:#4dccff;color:white;transform:translateY(-1px)}
.marketing-button.primary{border-color:#31b9e8;background:linear-gradient(135deg,#117caf,#325fee);color:white}
.marketing-button.success{border-color:rgba(82,226,167,.38);background:rgba(21,107,77,.24);color:#65ebb8}
.marketing-button.gold{border-color:rgba(231,193,114,.42);background:linear-gradient(135deg,#493a22,#765e31);color:#ffe6aa}
.marketing-button.danger{border-color:rgba(255,109,124,.4);background:rgba(123,34,49,.22);color:#ff8d99}
.marketing-button:disabled{opacity:.35;cursor:not-allowed;transform:none}
.marketing-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.marketing-kpi{
  min-height:110px;padding:17px;border:1px solid var(--mkt-line);border-radius:16px;
  background:linear-gradient(155deg,rgba(13,34,49,.98),rgba(7,21,32,.98));box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.marketing-kpi i{float:right;color:#3d7b9c;font-size:18px}.marketing-kpi small{color:#66889d;font-size:10px}.marketing-kpi b{display:block;margin:12px 0 5px;color:#f2fbff;font-size:24px}.marketing-kpi span{color:#4d7085;font-size:9px}
.marketing-kpi.good b{color:#60e5b2}.marketing-kpi.warn b{color:#ffb477}.marketing-kpi.blue b{color:#66cfff}
.marketing-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.marketing-grid.equal{grid-template-columns:1fr 1fr}
.marketing-card{border:1px solid var(--mkt-line);border-radius:18px;background:rgba(8,24,36,.96);overflow:hidden}
.marketing-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--mkt-line)}
.marketing-card-head h3{margin:0;color:#e8f6fc;font-size:14px}.marketing-card-head p{margin:5px 0 0;color:#5c7d91;font-size:10px}
.marketing-card-body{padding:19px}
.funnel-row{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:8px}
.funnel-step{position:relative;padding:18px 13px;border:1px solid rgba(79,171,214,.15);border-radius:13px;background:#0b2232;text-align:center}
.funnel-step:not(:last-child):after{content:"›";position:absolute;right:-10px;top:50%;transform:translateY(-50%);z-index:2;color:#4f7f98;font-size:19px}
.funnel-step b{display:block;color:#eefaff;font-size:22px}.funnel-step span{color:#6e93a7;font-size:10px}.funnel-step small{display:block;margin-top:5px;color:#3e667e;font-size:9px}
.marketing-list{display:flex;flex-direction:column;gap:8px}
.marketing-lead{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;
  border:1px solid rgba(94,174,216,.13);border-radius:12px;background:#0a202f;
}
.marketing-lead b{color:#e5f5fc;font-size:11px}.marketing-lead small{display:block;margin-top:4px;color:#5f8195;font-size:9px}
.marketing-score{min-width:44px;padding:7px;border-radius:10px;background:rgba(66,202,202,.12);color:#5fe5d5;text-align:center;font-size:10px;font-weight:900}
.marketing-empty{padding:34px;text-align:center;color:#557589;font-size:11px}
.marketing-table-wrap{overflow:auto;border:1px solid var(--mkt-line);border-radius:17px;background:rgba(8,24,36,.96)}
.marketing-table{width:100%;border-collapse:collapse;min-width:980px}
.marketing-table th{padding:12px 15px;border-bottom:1px solid var(--mkt-line);background:#0a2130;color:#63869a;text-align:left;font-size:9px;letter-spacing:.04em}
.marketing-table td{padding:14px 15px;border-bottom:1px solid rgba(96,165,200,.08);color:#a9c3d1;font-size:10px;vertical-align:middle}
.marketing-table tr:last-child td{border-bottom:0}.marketing-table tr:hover td{background:rgba(65,153,201,.035)}
.marketing-table b{color:#e9f7fd;font-size:11px}.marketing-table small{display:block;margin-top:4px;color:#557589;font-size:9px}
.marketing-table-actions{display:flex;gap:6px;flex-wrap:wrap}
.marketing-mini{min-height:29px;padding:0 9px;border:1px solid rgba(91,169,210,.22);border-radius:8px;background:#0d293a;color:#9fc0d0;font-size:9px;font-weight:800;cursor:pointer}
.marketing-mini:hover{border-color:#48caff;color:white}.marketing-mini.danger{color:#ff8c97;border-color:rgba(255,109,124,.3)}.marketing-mini.success{color:#59e2ad;border-color:rgba(82,226,167,.3)}
.marketing-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;background:rgba(91,122,142,.13);color:#829eae;font-size:9px;font-weight:800}
.marketing-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.marketing-status.active,.marketing-status.paid,.marketing-status.connected,.marketing-status.published,.marketing-status.won,.marketing-status.delivered{background:rgba(35,143,100,.16);color:#56e2aa}
.marketing-status.pending,.marketing-status.review,.marketing-status.payment_pending,.marketing-status.demo_booked{background:rgba(202,144,50,.14);color:#e7bd67}
.marketing-status.paused,.marketing-status.cancelled,.marketing-status.revoked,.marketing-status.lost,.marketing-status.do_not_contact,.marketing-status.error{background:rgba(172,54,73,.15);color:#ff8290}
.marketing-status.approved,.marketing-status.trial,.marketing-status.proposal,.marketing-status.qualified{background:rgba(55,130,225,.15);color:#75b7ff}
.marketing-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.marketing-toolbar input,.marketing-toolbar select,.marketing-form input,.marketing-form select,.marketing-form textarea{
  min-height:39px;border:1px solid rgba(90,165,203,.2);border-radius:10px;background:#081d2b;color:#d5e8f2;padding:0 12px;font-size:11px;outline:0;
}
.marketing-toolbar input:focus,.marketing-toolbar select:focus,.marketing-form input:focus,.marketing-form select:focus,.marketing-form textarea:focus{border-color:#3dbbec;box-shadow:0 0 0 3px rgba(61,187,236,.08)}
.marketing-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.marketing-form label{display:flex;flex-direction:column;gap:7px;color:#7393a6;font-size:10px}.marketing-form .wide{grid-column:1/-1}.marketing-form textarea{padding:12px;min-height:88px;resize:vertical}
.marketing-check{flex-direction:row!important;align-items:center}.marketing-check input{min-height:auto;width:auto}
.marketing-info{
  padding:13px 15px;border:1px solid rgba(77,187,225,.16);border-radius:12px;background:rgba(18,65,87,.2);
  color:#7fa3b6;font-size:10px;line-height:1.7;
}
.marketing-info strong{color:#d9f3ff}.marketing-info.warn{border-color:rgba(231,193,114,.24);background:rgba(91,68,27,.15);color:#bca679}
.marketing-info.danger{border-color:rgba(255,109,124,.3);background:rgba(102,24,39,.16);color:#e59aa3}
.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.channel-card{padding:17px;border:1px solid var(--mkt-line);border-radius:16px;background:linear-gradient(155deg,#0c2738,#081b29)}
.channel-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.channel-card h3{margin:0;color:#e9f7fd;font-size:13px}.channel-card p{min-height:35px;color:#5e8195;font-size:10px;line-height:1.65}
.channel-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0}.channel-numbers div{padding:9px;border-radius:9px;background:#071a27}.channel-numbers b{display:block;color:#ddecf4;font-size:12px}.channel-numbers small{color:#4c7187;font-size:8px}
.content-card{padding:17px;border:1px solid var(--mkt-line);border-radius:16px;background:#09202f}
.content-card h3{margin:11px 0 7px;color:#e8f7fd;font-size:13px}.content-card p{color:#7899aa;font-size:10px;line-height:1.7}.content-card blockquote{margin:10px 0;padding:10px;border-left:2px solid #4cc9f6;background:#071925;color:#a6c4d3;font-size:10px}
.marketing-code{font-family:Consolas,monospace;color:#69d9ff;letter-spacing:.08em}
.marketing-pager{display:flex;align-items:center;justify-content:space-between;padding:11px 3px;color:#5f8093;font-size:10px}
.marketing-playbook{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.playbook-card{padding:20px;border:1px solid var(--mkt-line);border-radius:18px;background:linear-gradient(155deg,#0b2738,#071925)}
.playbook-card>i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(61,190,232,.12);color:#57d5ff;font-size:20px}.playbook-card h3{margin:15px 0 8px;color:#e9f8ff;font-size:14px}.playbook-card p,.playbook-card li{color:#7899aa;font-size:10px;line-height:1.8}.playbook-card ol,.playbook-card ul{padding-left:18px}
.readiness-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.readiness-item{padding:13px;border:1px solid rgba(89,173,213,.13);border-radius:11px;background:#071b28}.readiness-item b{display:block;color:#ddecf4;font-size:17px}.readiness-item small{color:#567a90;font-size:9px}
@media(max-width:1250px){
  .marketing-kpis{grid-template-columns:repeat(3,1fr)}.channel-grid{grid-template-columns:repeat(2,1fr)}.marketing-playbook{grid-template-columns:1fr 1fr}
}
@media(max-width:850px){
  .marketing-hero{grid-template-columns:1fr}.marketing-progress{justify-content:flex-start}.marketing-grid,.marketing-grid.equal{grid-template-columns:1fr}
  .marketing-kpis{grid-template-columns:1fr 1fr}.funnel-row{grid-template-columns:1fr}.funnel-step:not(:last-child):after{display:none}
  .channel-grid,.marketing-playbook{grid-template-columns:1fr}.marketing-form{grid-template-columns:1fr}.marketing-form .wide{grid-column:auto}
}