@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');
:root{--bg:#07111f;--panel:#0d1a2a;--panel2:#102238;--line:#20364c;--text:#ecf5ff;--muted:#90a4ba;--accent:#3de09a;--accent2:#2bbd82;--danger:#ff6b7d;--warn:#ffcf66;--radius:18px;--shadow:0 20px 60px rgba(0,0,0,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,#12334d 0,transparent 32%),var(--bg);color:var(--text);font-family:Cairo,system-ui,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px max(18px,calc((100vw - 1180px)/2));background:rgba(7,17,31,.87);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;gap:10px;align-items:center;font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#1d8dff);color:#04111c}.topbar nav,.subnav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.topbar nav a,.link-button{color:var(--muted);font:inherit}.topbar nav a:hover,.link-button:hover{color:var(--text)}.link-button{background:none;border:0;cursor:pointer}.inline{display:inline-flex;gap:8px;align-items:center}.shell{width:min(1180px,calc(100% - 32px));margin:32px auto 70px}.footer{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0;display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line)}.card{background:linear-gradient(180deg,rgba(16,34,56,.96),rgba(10,24,40,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.narrow{max-width:620px;margin:40px auto;padding:32px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:54px 0}.hero h1,.section-head h1{font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.05;margin:10px 0 18px}.hero p{font-size:1.1rem;color:var(--muted);max-width:700px}.eyebrow{display:inline-block;color:var(--accent);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-panel{padding:22px;border:1px solid var(--line);border-radius:24px;background:rgba(13,26,42,.72)}.metric{padding:18px;border-bottom:1px solid var(--line)}.metric:last-child{border:0}.metric span{display:block;color:var(--muted);font-size:.85rem}.metric strong{font-size:1.1rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 16px;border-radius:12px;border:1px solid var(--line);background:#14263b;color:var(--text);font:inherit;font-weight:700;cursor:pointer}.button:hover{transform:translateY(-1px);border-color:#41607d}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#03120c;border-color:transparent}.button.small{padding:7px 10px;font-size:.85rem}.button:disabled{opacity:.45;cursor:not-allowed}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:38px 0 18px}.section-head h1,.section-head h2{font-size:2rem;margin:4px 0}.section-head.compact{margin:0 0 12px;align-items:center}.section-head.compact h2{font-size:1.25rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.offer-card{overflow:hidden}.offer-image{height:210px;background-size:cover;background-position:center;background-color:#16304a}.offer-body{padding:20px}.offer-body h3{font-size:1.25rem;margin:10px 0}.offer-body p{color:var(--muted);min-height:54px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{padding:5px 9px;border-radius:999px;background:#132b42;color:#b8d1e8;font-size:.78rem}.offer-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.how{padding:26px;margin-top:28px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.steps div{display:flex;align-items:center;gap:12px;padding:16px;background:#0a1727;border-radius:14px}.steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#04120c}.filters{display:flex;gap:12px;padding:14px;margin-bottom:22px}.filters input,.filters select{flex:1}.offer-hero{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.offer-hero-image{min-height:470px;background-size:cover;background-position:center}.offer-hero>div:last-child{padding:34px}.offer-hero h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.08}.offer-hero p{color:var(--muted);font-size:1.05rem}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.facts div,.summary div{padding:14px;background:#081625;border-radius:12px}.facts span,.summary span{display:block;color:var(--muted);font-size:.78rem}.booking-grid,.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.booking-grid>.card,.dashboard-grid>.card{padding:24px}.stack{display:grid;gap:14px}.stack label{display:grid;gap:7px;color:#b8c8d9}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #2a4560;background:#071421;color:var(--text);font:inherit}textarea{resize:vertical}.check{display:flex!important;grid-template-columns:24px 1fr!important;align-items:flex-start}.check input{width:18px;margin-top:5px}.clean-list{color:var(--muted);line-height:2}.success-card{text-align:center}.success-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:rgba(61,224,154,.15);color:var(--accent);font-size:2rem;border:1px solid rgba(61,224,154,.35)}.code{font-size:1.4rem;font-weight:800;letter-spacing:.08em;padding:14px;background:#071421;border:1px dashed var(--accent);border-radius:12px;margin:18px 0}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:right;margin-bottom:18px}.prose{padding:34px;line-height:2;color:#c4d2df}.subnav{padding:12px 14px;border:1px solid var(--line);background:#0b1a2b;border-radius:14px;position:sticky;top:72px;z-index:8}.subnav a{color:var(--muted)}.subnav a:hover{color:var(--accent)}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kpi{padding:18px}.kpi span{display:block;color:var(--muted);font-size:.82rem}.kpi strong{font-size:1.7rem;color:var(--accent)}.admin-grid{display:grid;grid-template-columns:380px 1fr;gap:18px;align-items:start}.admin-grid>.card{padding:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:right;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:.78rem;text-transform:uppercase}td small{display:block;color:var(--muted);font-size:.78rem;margin-top:3px}.status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#182b3e;color:#c9d9e7;font-size:.78rem}.status.new{background:#173d58;color:#8bd5ff}.status.booked,.status.qualified{background:#123c2d;color:#69edaa}.status.lost,.status.spam{background:#46202a;color:#ff9cac}.pipeline{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.details{display:grid;gap:0}.details div{display:grid;grid-template-columns:130px 1fr;padding:12px 0;border-bottom:1px solid var(--line)}.details dt{color:var(--muted)}.details dd{margin:0}.flash{padding:12px 15px;border-radius:12px;margin:0 0 16px;border:1px solid}.flash.success{background:#103a2b;border-color:#266b50;color:#8af0b8}.flash.error{background:#401e28;border-color:#783448;color:#ffb1bd}.demo-box{margin-top:20px;padding:13px;background:#071421;border-radius:12px;color:var(--muted);font-size:.9rem}.muted{color:var(--muted)}.empty{text-align:center;padding:40px}.auth-card h1{font-size:2rem}.auth-card .demo-box{text-align:right}hr{border:0;border-top:1px solid var(--line);margin:22px 0}@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}.hero,.offer-hero,.booking-grid,.dashboard-grid,.admin-grid{grid-template-columns:1fr}.offer-hero-image{min-height:320px}.kpis{grid-template-columns:repeat(2,1fr)}.hero{padding-top:26px}.subnav{position:static}.facts{grid-template-columns:1fr 1fr}}@media(max-width:620px){.topbar{align-items:flex-start;gap:12px}.topbar nav{justify-content:flex-end;font-size:.84rem}.cards,.steps,.summary,.facts,.two{grid-template-columns:1fr}.filters{display:grid}.shell{width:min(100% - 20px,1180px)}.hero h1{font-size:2.5rem}.kpis{grid-template-columns:1fr 1fr}.footer{display:grid;gap:8px}.offer-hero>div:last-child{padding:22px}}
.intent-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.intent-copy{padding:38px}.intent-copy h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.12;color:var(--text)}.lead-copy{font-size:1.15rem;color:#d8e6f3}.intent-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.intent-facts div{padding:14px;background:#071421;border-radius:12px}.intent-facts span{display:block;color:var(--muted);font-size:.8rem}.intent-side{overflow:hidden}.offer-image.tall{height:340px}@media(max-width:850px){.intent-layout{grid-template-columns:1fr}.intent-facts{grid-template-columns:1fr}}

.honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.provider{padding:18px;display:grid;gap:5px}.provider span,.provider small{color:var(--muted)}.provider strong{font-size:1.2rem}.provider.ready{border-color:rgba(61,224,154,.45)}.provider.missing{border-color:rgba(255,207,102,.35)}.ai-kpis{margin:18px 0}.ai-settings-grid{grid-template-columns:1fr 1fr}.switch-row{display:flex!important;grid-template-columns:none!important;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.switch-row input{width:22px;height:22px}.tiny{font-size:.8rem}.automation-flow{display:grid;gap:8px;padding-top:12px}.automation-flow span{padding:10px 12px;background:#071421;border-radius:10px;border-right:3px solid var(--accent)}.message-cell{min-width:300px;white-space:normal;line-height:1.7}.actions.compact{margin:0}.report{padding:14px 0;border-bottom:1px solid var(--line)}.report:last-child{border:0}.report p{color:#c8d7e5;line-height:1.8}.ai-profile{padding:24px;margin-top:18px}.score-ring{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#0d1a2a 55%,transparent 56%),conic-gradient(var(--accent) 0 70%,#1b3147 70%);font-size:1.45rem;font-weight:800}.score-ring small{font-size:.68rem;color:var(--muted)}.ai-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.ai-summary-grid>div{padding:14px;background:#071421;border-radius:12px}.ai-summary-grid span,.message-preview span{display:block;color:var(--muted);font-size:.8rem}.message-preview{padding:15px;background:#071421;border:1px solid var(--line);border-radius:12px;margin-top:10px}.message-preview p{margin:7px 0 0;line-height:1.8}.status.hot,.status.sent,.status.completed{background:#123c2d;color:#69edaa}.status.warm,.status.approved,.status.pending{background:#463b18;color:#ffdf7e}.status.cold,.status.draft{background:#173d58;color:#8bd5ff}.status.failed{background:#46202a;color:#ff9cac}@media(max-width:900px){.provider-grid,.ai-settings-grid{grid-template-columns:1fr}.ai-summary-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.provider-grid,.ai-summary-grid{grid-template-columns:1fr}.score-ring{width:68px;height:68px}.message-cell{min-width:240px}}

/* Acquisition Engine v3 */
.public-ltr{direction:ltr;text-align:left}.public-ltr .facts span,.public-ltr .intent-facts span{text-align:left}.trust-strip{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.trust-strip span,.trust-box{padding:10px 12px;border-radius:12px;background:rgba(61,224,154,.08);border:1px solid rgba(61,224,154,.22);color:#bff8dd}.cta-large{min-height:52px;font-size:1.02rem;width:fit-content}.booking-info{padding:26px}.trust-box{margin-top:18px}.trust-box p{margin:.4rem 0 0;color:var(--muted)}
.acquisition-kpis{grid-template-columns:repeat(7,1fr);margin-bottom:22px}.kpi small{display:block;color:var(--muted);margin-top:4px}.positive{color:var(--accent)!important}.negative{color:var(--danger)!important}.acquisition-create-grid{grid-template-columns:1fr 1fr;margin-bottom:28px}.campaign-list{display:grid;gap:16px}.campaign-card{padding:22px}.campaign-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.campaign-head h3{margin:8px 0 2px}.campaign-score{text-align:center;min-width:74px;padding:10px;background:#071421;border-radius:12px}.campaign-score strong{display:block;color:var(--accent);font-size:1.6rem}.campaign-score span{color:var(--muted);font-size:.75rem}.tracking-link{display:flex;gap:10px;align-items:center;margin:16px 0;padding:12px;background:#071421;border:1px dashed #34536f;border-radius:12px;direction:ltr}.tracking-link code{overflow-wrap:anywhere;flex:1;color:#bde9ff}.mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mini-kpis>div{padding:12px;background:#071421;border-radius:10px}.mini-kpis span{display:block;color:var(--muted);font-size:.75rem}.campaign-assets{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:12px}.campaign-assets summary{cursor:pointer;font-weight:800;color:var(--accent)}.asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.asset-grid>div{padding:14px;background:#071421;border-radius:10px}.asset-grid h4{margin:0 0 10px}.asset-grid p{padding-bottom:8px;border-bottom:1px solid var(--line)}.asset-chip{display:inline-flex;margin:3px;padding:5px 8px;border-radius:999px;background:#123c2d;color:#8cf0b8;font-size:.78rem}.muted-chip{background:#2d2736;color:#e5c6ff}.campaign-actions{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-top:16px}.campaign-update{flex-wrap:wrap}.campaign-update label{display:grid;gap:5px;color:var(--muted);font-size:.78rem}.campaign-update input,.campaign-update select{min-width:105px;padding:8px}.source-list{padding:20px}.acquisition-note{margin-top:24px}.status.ready{background:#173d58;color:#8bd5ff}.status.active{background:#123c2d;color:#69edaa}.status.paused{background:#463b18;color:#ffdf7e}.status.archived{background:#313947;color:#b2bdc8}
@media(max-width:1100px){.acquisition-kpis{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.acquisition-create-grid{grid-template-columns:1fr}.asset-grid{grid-template-columns:1fr}.campaign-actions{align-items:stretch;flex-direction:column}.campaign-update{display:grid;grid-template-columns:1fr 1fr;width:100%}.campaign-update button{grid-column:1/-1}.mini-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.topbar{position:relative;display:grid;padding:12px}.topbar .brand{justify-content:space-between}.topbar nav{width:100%;justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding-bottom:4px}.shell{margin-top:16px}.subnav{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}.section-head{align-items:flex-start}.section-head h1{font-size:1.8rem}.acquisition-kpis{grid-template-columns:1fr 1fr}.campaign-card{padding:14px}.campaign-head{display:grid;grid-template-columns:1fr auto}.tracking-link{display:grid}.tracking-link .button{width:100%}.mini-kpis{grid-template-columns:1fr 1fr}.campaign-update{grid-template-columns:1fr}.campaign-update button{grid-column:auto}.public-ltr .offer-hero,.public-ltr.booking-grid{grid-template-columns:1fr}.offer-hero-image{min-height:230px}.intent-copy{padding:22px}.intent-copy h1{font-size:2rem}.intent-facts{grid-template-columns:1fr 1fr}.cta-large{width:100%}.table-wrap table{min-width:600px}.details div{grid-template-columns:100px 1fr}.footer{font-size:.82rem}.admin-grid>.card{padding:14px}}


/* Mobile Admin UX v3.1 */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.topbar,.shell,.footer,.subnav,.card,.dashboard-grid,.admin-grid,.booking-grid,.kpis{min-width:0;max-width:100%}
.topbar>*{min-width:0}.brand{min-width:0}.brand-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topnav{min-width:0;max-width:100%}.dashboard-grid>* ,.admin-grid>* ,.booking-grid>*{min-width:0}
.table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.table-wrap table{max-width:none}
.mobile-lead-list{display:none}.dashboard-panel,.leads-panel{min-width:0}.mobile-meta-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}

@media(max-width:700px){
  body{background:linear-gradient(180deg,#081827 0,#07111f 220px)}
  .topbar{position:sticky;top:0;width:100%;display:grid;grid-template-columns:1fr;gap:9px;padding:10px 12px;overflow:hidden}
  .brand{width:100%;justify-content:flex-start;font-size:.98rem}.brand-mark{width:32px;height:32px;flex:0 0 32px}.brand-text{max-width:calc(100vw - 78px)}
  .topnav{width:100%;display:flex;justify-content:flex-start!important;gap:18px;flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap;padding:3px 1px 6px;scrollbar-width:none}
  .topnav::-webkit-scrollbar,.subnav::-webkit-scrollbar{display:none}.topnav a,.topnav .link-button{font-size:.88rem;flex:0 0 auto}
  .shell{width:100%;margin:14px 0 48px;padding:0 12px}.footer{width:100%;padding:22px 12px;margin:0;grid-template-columns:1fr;gap:7px}
  .subnav{position:sticky;top:94px;z-index:8;width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:16px;padding:10px 12px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.22)}
  .subnav a{flex:0 0 auto;font-size:.9rem}
  .section-head{margin:22px 0 14px;gap:10px}.section-head h1{font-size:1.72rem;line-height:1.25}.section-head h2{font-size:1.25rem}.eyebrow{font-size:.76rem}
  .dashboard-title{margin-top:20px}.dashboard-kpis,.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dashboard-kpis .kpi:last-child{grid-column:1/-1}.kpi{padding:14px;min-width:0}.kpi span{font-size:.78rem}.kpi strong{font-size:1.32rem;line-height:1.3;overflow-wrap:anywhere}
  .mobile-dashboard-grid{display:grid;grid-template-columns:1fr;gap:14px}.dashboard-panel{width:100%;padding:14px!important;border-radius:15px}.pipeline-panel h2{font-size:1.25rem;margin-top:0}
  .desktop-table{display:none}.mobile-lead-list{display:grid;gap:10px}.mobile-lead-card{display:grid;gap:7px;padding:13px;background:#081625;border:1px solid #1d344a;border-radius:13px;transition:.15s ease}
  .mobile-lead-card:active{transform:scale(.99);border-color:#3de09a}.mobile-lead-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.mobile-lead-head strong{font-size:1rem;overflow-wrap:anywhere}
  .mobile-lead-code{direction:ltr;text-align:right;color:#8eb1cb;font-size:.78rem;overflow-wrap:anywhere}.mobile-lead-offer{color:#d9e7f2}.mobile-meta-row{font-size:.84rem}.mobile-empty{padding:24px}
  .leads-panel{padding:12px}.filters{padding:12px;gap:9px;border-radius:14px}.filters input,.filters select,.filters .button{min-height:44px}
  .card{border-radius:15px}.admin-grid,.booking-grid,.dashboard-grid,.acquisition-create-grid{grid-template-columns:minmax(0,1fr)!important}.admin-grid>.card,.booking-grid>.card{width:100%;min-width:0}
  .table-wrap{border-radius:10px}.table-wrap table{min-width:580px}
  .details div{grid-template-columns:92px minmax(0,1fr);gap:10px}.details dd{overflow-wrap:anywhere}
  .two{grid-template-columns:1fr}.actions{width:100%}.actions .button{flex:1}.button{min-height:44px}
}

@media(max-width:390px){
  .shell{padding:0 9px}.topbar{padding-inline:9px}.subnav{top:92px}.dashboard-kpis,.kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:12px}.kpi strong{font-size:1.18rem}.section-head h1{font-size:1.55rem}
}
