@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172033;--muted:#748096;--line:#e9edf3;--paper:#f6f8fb;--navy:#101b35;--purple:#6655d9;--gold:#d6a85b;--green:#18865d;--shadow:0 12px 35px rgba(28,42,73,.06)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--navy);color:#fff;padding:25px 17px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 34px}.brand b{font:800 15px Manrope}.brand small{display:block;color:#9da8c0;font-size:11px;margin-top:3px}.brand-mark{width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,#d8b16e,#9d713d);display:grid;place-items:center;color:#172039;font:800 22px Manrope;box-shadow:0 8px 22px #0002}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:15px}.nav-label{font-size:10px;letter-spacing:1.5px;color:#7886a4;font-weight:700;padding:14px 12px 9px}.nav-link{display:flex;align-items:center;gap:13px;padding:11px 13px;margin:2px 0;border-radius:10px;color:#aeb9d0;font-weight:500;transition:.2s}.nav-link span{width:18px;text-align:center;font-size:17px}.nav-link:hover,.nav-link.active{background:#263454;color:#fff}.nav-link.active{box-shadow:inset 3px 0 var(--gold)}.sidebar-bottom{margin-top:auto;border-top:1px solid #2a3652;padding:18px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#e8e2ff;color:#5749b6;display:grid;place-items:center;font-weight:700;flex:none}.user-mini{min-width:0;flex:1}.user-mini b,.user-mini small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-mini b{font-size:12px}.user-mini small{font-size:10px;color:#9da8c0;margin-top:3px;text-transform:capitalize}.logout{color:#9da8c0;font-size:20px}.main{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:96px;background:#fff;border-bottom:1px solid var(--line);padding:18px 38px;display:flex;align-items:center;justify-content:space-between}.crumb{font-size:11px;color:#9aa4b4;margin-bottom:6px}.topbar h1{font:800 22px Manrope;margin:0}.top-right{display:flex;align-items:center;gap:10px}.status-dot{width:8px;height:8px;border-radius:50%;background:#20a875;box-shadow:0 0 0 4px #e3f6ee}.content{padding:28px 38px;flex:1;max-width:1600px;width:100%;margin:0 auto}.welcome{border-radius:18px;padding:28px 32px;background:linear-gradient(110deg,#172442,#27365a 68%,#3e4273);color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;margin-bottom:22px}.welcome:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff20;border-radius:50%;right:60px;top:-155px;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff05}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#d4b174;margin:0 0 10px}.welcome h2{font:800 24px Manrope;margin:0 0 7px}.welcome p:not(.eyebrow){color:#c5cde0;margin:0}.welcome-mark{font:800 70px Manrope;color:#ffffff20;position:relative;z-index:1}.welcome-mark span{color:#d4b174;font-size:28px;vertical-align:top}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.stat-card{padding:19px 20px}.stat-top{display:flex;justify-content:space-between;color:#69758b;font-weight:600;font-size:12px}.stat-top i{font-style:normal;width:29px;height:29px;border-radius:9px;background:#f0edff;color:var(--purple);display:grid;place-items:center;font-size:16px}.stat-card strong{display:block;font:800 29px Manrope;margin:13px 0 2px}.stat-card small{color:#98a1b1;font-size:11px}.two-col{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:21px;margin-bottom:18px}.panel h3{font:800 15px Manrope;margin:0 0 15px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head h3{margin:0}.panel-head p{margin:5px 0 0;color:#929bad;font-size:11px}.text-link{font-size:11px;color:var(--purple);font-weight:700}.count{font-size:10px;color:#7b8497;background:#f0f2f7;padding:5px 8px;border-radius:20px;margin-left:5px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:530px}th{text-align:left;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#929bad;font-weight:700;padding:11px 10px;border-bottom:1px solid var(--line)}td{font-size:12px;padding:12px 10px;border-bottom:1px solid #f0f2f6;color:#566176;vertical-align:middle}td b{color:#263149;font-weight:700}td small{display:block;color:#9aa3b2;font-size:10px;margin-top:4px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{display:inline-block;padding:5px 9px;border-radius:20px;background:#f0efff;color:#6655c6;font-size:10px;font-weight:700;white-space:nowrap}.pill.green{background:#e8f7f0;color:#16845a}.empty{padding:24px;text-align:center;color:#9aa3b2;font-size:12px}.quick-panel{margin-top:18px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick{padding:15px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:6px;transition:.2s}.quick:hover{border-color:#c9c2f6;transform:translateY(-2px)}.quick span{width:29px;height:29px;border-radius:9px;background:#f0edff;color:var(--purple);display:grid;place-items:center;font-size:17px}.quick b{font-size:12px}.quick small{font-size:10px;color:#929bad}.page-intro{margin:0 0 15px}.page-intro h2{font:800 17px Manrope;margin:0 0 5px}.page-intro p{margin:0;color:#929bad;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.panel>h3{margin-bottom:16px}label{display:flex;flex-direction:column;gap:7px;color:#5e6a80;font-size:11px;font-weight:700}input,select,textarea{width:100%;border:1px solid #e2e7ef;background:#fbfcfe;border-radius:8px;padding:10px 11px;color:#263149;font:13px 'DM Sans',sans-serif;outline:none}input:focus,select:focus,textarea:focus{border-color:#9388e6;box-shadow:0 0 0 3px #f0edff}textarea{resize:vertical}.span-2{grid-column:span 2}.form-end{grid-column:1/-1;display:flex;justify-content:flex-end}.btn{border:0;border-radius:8px;padding:10px 15px;font:700 12px 'DM Sans',sans-serif;cursor:pointer}.btn.primary{background:var(--purple);color:white;box-shadow:0 5px 12px #6655d933}.btn.primary:hover{background:#5747c4}.btn.mini{padding:7px 9px;background:#eef0f6;color:#4d5870;font-size:10px}.inline-form{display:flex;align-items:center;gap:5px}.inline-form select{width:115px;padding:6px;font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid form{display:grid;gap:13px}.settings-grid p{font-size:12px;color:#69758b}.alert{padding:12px 15px;border-radius:9px;margin-bottom:17px;font-size:12px}.alert.success{background:#e8f7f0;color:#13764f}.alert.error{background:#fff0ed;color:#b44936}.footer{padding:18px 38px;border-top:1px solid var(--line);font-size:10px;color:#a1aaba}.footer span{float:right}.auth-bg{min-height:100vh;background:radial-gradient(circle at 20% 10%,#e7e4ff,transparent 30%),linear-gradient(135deg,#f7f8fc,#eef1f7);display:grid;place-items:center;padding:22px}.auth-card{background:#fff;width:min(100%,440px);padding:38px;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px #1a29421a}.auth-card .brand-mark{margin-bottom:22px}.auth-card h1{font:800 26px Manrope;margin:0 0 8px}.auth-card .muted{color:#8791a3;font-size:13px;line-height:1.6;margin:0 0 23px}.auth-card form{display:grid;gap:15px}.btn.full{width:100%;padding:13px}.tiny{font-size:10px;color:#9aa3b2;line-height:1.6;margin-top:18px}.auth-card .eyebrow{margin-bottom:8px}.muted{color:#929bad;font-size:12px}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{position:static;width:auto;height:auto;padding:12px;display:block}.brand{padding:0 5px 10px}.nav-label{display:none}.sidebar .nav-link{display:inline-flex;padding:8px 10px;font-size:11px}.sidebar-bottom{display:none}.main{margin:0}.topbar{height:auto;padding:17px 18px}.content{padding:18px}.welcome{padding:22px}.welcome h2{font-size:20px}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:24px}.quick-actions{grid-template-columns:1fr 1fr}.form-grid,.settings-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.footer{padding:15px 18px}.footer span{float:none;display:block;margin-top:5px}}

/* WhatsApp CRM pilot module */
.inline-reply{display:flex;gap:8px;align-items:center;min-width:260px}.inline-reply input{min-width:120px;flex:1}.wa-thread{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto;padding:12px;background:var(--surface-2,#f7f8fa);border-radius:12px;margin:12px 0}.wa-message{max-width:82%;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e6e8ec;align-self:flex-start;overflow-wrap:anywhere}.wa-message.outbound{align-self:flex-end;background:#eef8f0}.wa-message small{display:block;font-size:10px;color:#687386;margin-bottom:5px;letter-spacing:.04em}.wa-message div{white-space:normal;line-height:1.45}

/* v2 colourful control-centre and lifecycle controls */
:root{--purple:#6655d9;--cyan:#20a6b8;--coral:#ef7b73;--mint:#36b98a;--amber:#e5a642}
.nav-link.active{background:linear-gradient(100deg,#31436c,#29385a);box-shadow:inset 3px 0 #e9bd72,0 8px 20px #080f2020}
.stat-card:nth-child(2) .stat-top i{background:#e7f7fb;color:#168ca3}.stat-card:nth-child(3) .stat-top i{background:#e8f8f0;color:#16885d}.stat-card:nth-child(4) .stat-top i{background:#fff1ec;color:#d96e57}
.panel{transition:box-shadow .2s,border-color .2s}.panel:hover{box-shadow:0 16px 38px rgba(28,42,73,.09);border-color:#dfe4f0}
.btn{transition:transform .15s,filter .15s}.btn:hover{filter:brightness(.97);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.warn{background:#fff3dd;color:#95600d}.btn.good{background:#e5f7ee;color:#13784e}.btn.danger{background:#fff0ee;color:#b53e35}.pill.amber{background:#fff4df;color:#9c6812}
.action-stack{display:flex;flex-direction:column;gap:7px;min-width:105px}.action-stack form{display:flex;align-items:center;gap:5px}.action-stack select{min-width:95px;padding:6px;font-size:10px}.delete-confirm,.metric-form{display:grid;gap:8px;padding:10px;margin-top:8px;background:#fafbfe;border:1px solid var(--line);border-radius:10px;min-width:230px}.delete-confirm label,.metric-form label{font-size:10px}.metric-form{grid-template-columns:1fr 1fr}.metric-form button{grid-column:1/-1}details summary{cursor:pointer;font-size:11px}.insight-row td{background:#f7f6ff;color:#5d5797;font-size:11px;line-height:1.5;border-bottom:0}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.integration-card{display:flex;flex-direction:column;gap:13px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);min-height:220px}.integration-card h3{margin:0 0 6px;font:800 15px Manrope}.integration-card p{font-size:12px;line-height:1.55;color:#788397;margin:0}.integration-card form{margin-top:auto;display:grid;gap:10px}.integration-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font:800 19px Manrope;color:#fff;background:linear-gradient(135deg,#5969d8,#8c5bd5)}.integration-card.meta .integration-icon{background:linear-gradient(135deg,#2365d1,#7a62df)}.integration-card.google .integration-icon{background:linear-gradient(135deg,#34a56d,#4285f4)}.integration-card.linkedin .integration-icon{background:linear-gradient(135deg,#0a66c2,#2f8ecf)}.integration-card.organic .integration-icon{background:linear-gradient(135deg,#e66e8a,#e9a34e)}
@media(max-width:850px){.integration-grid{grid-template-columns:1fr}.metric-form{grid-template-columns:1fr}.metric-form button{grid-column:auto}}