:root{
  --pink:#d63384; --pink2:#ff66b8; --purple:#8b35ff; --dark:#231126; --muted:#776776;
  --line:#f0ddea; --card:#ffffff; --soft:#fff7fc; --shadow:0 22px 70px rgba(121,38,88,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--dark);background:
  radial-gradient(circle at 8% 8%,rgba(255,99,184,.18),transparent 30%),
  radial-gradient(circle at 88% 0%,rgba(142,91,255,.16),transparent 32%),
  linear-gradient(135deg,#fff8fc 0%,#f8f0ff 100%);min-height:100vh}
a{color:#b31360;text-decoration:none;font-weight:850}a:hover{text-decoration:underline}.hidden{display:none!important}
.badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ffeaf5,#fff7fc);color:#b21863;padding:8px 14px;border:1px solid #ffd3e9;border-radius:999px;font-weight:950;letter-spacing:.2px;box-shadow:0 8px 22px rgba(214,51,132,.08)}
.glass-card,.panel{background:rgba(255,255,255,.9);border:1px solid rgba(241,221,234,.95);box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.page{min-height:100vh;display:grid;place-items:center;padding:24px}.hero{max-width:980px;border-radius:34px;padding:48px}.hero h1{font-size:46px;margin:18px 0 10px;line-height:1.05}.hero p{font-size:18px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:24px}.cards div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}.cards b,.cards span{display:block}.cards span{margin-top:8px;color:var(--muted)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.login-shell:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:linear-gradient(135deg,#ff8fcb,#ffd7ee);filter:blur(25px);opacity:.44;top:-150px;right:-120px}.login-shell:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:linear-gradient(135deg,#c9a8ff,#ffe4f4);filter:blur(22px);opacity:.5;bottom:-130px;left:-90px}
.login-card{width:min(500px,94vw);border-radius:34px;padding:34px;position:relative;z-index:1}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-weight:1000;box-shadow:0 16px 38px rgba(214,51,132,.3);margin-bottom:14px}.login-card h1{margin:18px 0 8px;font-size:34px;letter-spacing:.3px}.login-card h2{margin:16px 0 6px}.login-card p{color:var(--muted);line-height:1.55}.default-login{border-top:1px solid var(--line);padding-top:14px;margin-top:12px}
.admin-wrap{max-width:1180px;margin:auto;padding:26px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:30px;padding:26px;margin-bottom:18px;position:sticky;top:12px;z-index:2}.topbar h1{font-size:34px;margin:10px 0 5px}.topbar p{margin:0;color:var(--muted)}.top-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pill-link{display:inline-flex;align-items:center;border-radius:999px;padding:11px 16px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(130,40,90,.08)}
.panel{border-radius:26px;padding:22px;margin:18px 0}.panel h2{margin:0 0 10px;font-size:23px}.panel p{color:var(--muted);line-height:1.5}.stat-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;box-shadow:none;background:transparent;border:0;padding:0}.stat-panel div{border-radius:24px;background:#fff;border:1px solid var(--line);padding:22px;box-shadow:0 12px 34px rgba(130,40,90,.08)}.stat-panel b{display:block;font-size:32px;color:var(--pink)}.stat-panel span{color:var(--muted);font-weight:750}
.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}label{display:block;font-weight:900;margin:12px 0;color:#352333;letter-spacing:.1px}
input,textarea,select{width:100%;border:1px solid #e8d8e3;background:#fff;border-radius:16px;padding:13px 14px;margin-top:7px;font:inherit;outline:none;transition:.18s box-shadow,.18s border-color,.18s transform;color:#2a1729}input::placeholder,textarea::placeholder{color:#a295a0}input:focus,textarea:focus,select:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(214,51,132,.12)}textarea{min-height:94px;resize:vertical}select{appearance:auto;cursor:pointer}
input[type="color"]{height:50px;min-width:74px;width:86px;padding:4px;border-radius:16px;cursor:pointer;background:#fff}input[type="color"]::-webkit-color-swatch-wrapper{padding:0}input[type="color"]::-webkit-color-swatch{border:0;border-radius:12px}input[type="color"]::-moz-color-swatch{border:0;border-radius:12px}
.color-picker-row{display:grid;grid-template-columns:minmax(190px,1fr) 86px minmax(110px,.6fr);gap:10px;align-items:end;margin-top:7px}.color-picker-row select,.color-picker-row input{margin-top:0}.color-preview{min-height:50px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--preview-color,var(--pink)),#ffffff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:950;text-shadow:0 1px 8px rgba(0,0,0,.35);box-shadow:0 10px 24px rgba(130,40,90,.09)}
button,.primary-btn,.ghost-btn{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;margin:7px 7px 7px 0;font-weight:950;transition:.16s transform,.16s box-shadow,.16s filter}.primary-btn,button{background:linear-gradient(135deg,var(--pink),var(--purple));color:white;box-shadow:0 12px 28px rgba(214,51,132,.24)}.primary-btn:hover,button:hover{transform:translateY(-1px);filter:saturate(1.05)}.ghost-btn{background:#fff;color:#a9105d;border:1px solid #f1cee2;box-shadow:0 8px 20px rgba(130,40,90,.07)}.danger-outline{color:#b00020;border-color:#ffc9d4}.faq-row,.log-row{border:1px solid #f0e5ed;border-radius:20px;padding:15px;margin:12px 0;background:#fff;box-shadow:0 8px 25px rgba(130,40,90,.05)}.faq-row{display:grid;gap:6px}.log-row small{color:#777}.hint{font-size:13px;color:#6d6170}.danger{color:#b00020!important}.success{color:#147a3d!important;font-weight:850}pre{white-space:pre-wrap;background:#170d16;color:#fff;border-radius:16px;padding:14px;overflow:auto}.security-panel{border-color:#ffd1e6;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,247,252,.94))}.save-panel{border-color:#d9f2df;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(244,255,247,.94))}code{background:#fff;border:1px solid var(--line);border-radius:8px;padding:2px 6px}
@media(max-width:720px){.topbar{align-items:flex-start;flex-direction:column;position:static}.top-actions{justify-content:flex-start}.hero h1{font-size:34px}.login-card{padding:26px}.admin-wrap{padding:16px}.color-picker-row{grid-template-columns:1fr}.color-picker-row input[type="color"]{width:100%}}
/* v8 theme and logout UI fixes */
.topbar{position:sticky;top:12px;z-index:50}.topbar .badge,.login-card .badge{border-color:color-mix(in srgb,var(--pink) 25%,#fff);background:linear-gradient(135deg,color-mix(in srgb,var(--pink) 12%,#fff),#fff);color:color-mix(in srgb,var(--pink) 82%,#551337)}
.pill-link,.top-actions .ghost-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.top-actions .ghost-btn{background:#fff;color:var(--pink);border:1px solid color-mix(in srgb,var(--pink) 26%,#fff);box-shadow:0 8px 22px rgba(130,40,90,.08)}
.color-picker-row{grid-template-columns:minmax(210px,1.15fr) 86px minmax(112px,.55fr) minmax(120px,.75fr);align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:8px;box-shadow:0 10px 28px rgba(130,40,90,.06);max-width:720px}.color-picker-row select,.color-picker-row input{margin:0}.theme-hex{text-align:center;font-weight:950;text-transform:uppercase}.color-preview{background:linear-gradient(135deg,var(--pink),var(--pink2));min-width:120px}.form-grid.two label:has(.color-picker-row){grid-column:1/-1}.panel h2:before{content:"";display:inline-block;width:10px;height:10px;border-radius:999px;background:var(--pink);margin-right:8px;box-shadow:0 0 0 6px color-mix(in srgb,var(--pink) 13%,transparent)}
.primary-btn,button{background:linear-gradient(135deg,var(--pink),var(--purple))}.stat-panel b,a{color:var(--pink)}input:focus,textarea:focus,select:focus{border-color:var(--pink);box-shadow:0 0 0 4px color-mix(in srgb,var(--pink) 13%,transparent)}
@media(max-width:720px){.color-picker-row{grid-template-columns:1fr}.theme-hex,.color-preview,.color-picker-row input[type="color"]{width:100%;min-width:0}.topbar{position:static}}
/* v9 image message manager */
.media-panel{border-color:color-mix(in srgb,var(--pink) 20%,#fff)}
.media-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.send-box{margin-top:16px;border:1px dashed color-mix(in srgb,var(--pink) 28%,#fff);border-radius:22px;padding:16px;background:linear-gradient(135deg,#fff,#fff8fc)}.send-box h3{margin:0 0 10px}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:18px}.media-card{border:1px solid var(--line);border-radius:22px;padding:12px;background:#fff;box-shadow:0 10px 28px rgba(130,40,90,.06);display:flex;flex-direction:column;gap:10px}.media-card.selected{outline:4px solid color-mix(in srgb,var(--pink) 18%,transparent);border-color:var(--pink)}.media-card img{width:100%;height:190px;object-fit:contain;background:#faf7fb;border:1px solid #f3e6ee;border-radius:18px}.media-info b{display:block;font-size:16px}.media-info span,.media-info small{display:block;color:var(--muted);font-size:12px;word-break:break-all}.media-info p{margin:8px 0;color:#463647}.media-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.soft-line{border:0;border-top:1px solid var(--line,#efd2e5);margin:22px 0}
.inline-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}
.panel h3{margin:8px 0 8px;font-size:18px;color:var(--text,#2a1830)}

/* v12 CRM dashboard */
.quick-nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.quick-nav a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--purple);font-weight:800;background:#fff}
.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.crm-summary{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.crm-summary span{border:1px solid var(--line);background:#fff;border-radius:18px;padding:10px 14px;display:flex;gap:8px;align-items:center;box-shadow:0 8px 24px rgba(40,12,35,.05)}
.crm-summary b{color:var(--pink);font-size:18px}
.crm-list{display:grid;gap:14px}
.crm-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 12px 34px rgba(40,12,35,.06)}
.crm-main{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}.crm-main b{font-size:18px}.crm-main span{color:#7a6a78;font-weight:700}
.crm-meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.crm-meta span{font-size:12px;background:#fbf2f8;border:1px solid var(--line);padding:6px 10px;border-radius:999px;color:#6b5365}.status-chip{background:linear-gradient(135deg,var(--pink),var(--purple))!important;color:#fff!important;border:0!important}
.crm-product{margin:10px 0;color:#4a3a49}.crm-product a{color:var(--pink);word-break:break-all}.crm-product img{max-width:90px;max-height:90px;border-radius:12px;margin-top:8px;border:1px solid var(--line)}
.crm-message{white-space:pre-wrap;color:#5f5260;background:#fff8fc;border:1px solid var(--line);border-radius:14px;padding:10px;margin:10px 0}
@media(max-width:760px){.form-grid.three{grid-template-columns:1fr}.section-head{display:block}}

/* Chatbot ON/OFF status toggle */
.status-toggle-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #f1d4e4;background:linear-gradient(135deg,#fff,#fff6fb);border-radius:18px;margin:10px 0 18px;box-shadow:0 10px 28px rgba(214,51,132,.08)}
.status-toggle-card b{display:block;font-size:17px;color:#2d1730}.status-toggle-card p{margin:6px 0 0;color:#7b6878;font-size:13px;line-height:1.35}
.switch-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;white-space:nowrap}.switch-toggle input{position:absolute;opacity:0;pointer-events:none}
.switch-slider{position:relative;display:inline-block;width:62px;height:34px;border-radius:999px;background:#e5d8e0;box-shadow:inset 0 2px 7px rgba(0,0,0,.13);transition:.22s}
.switch-slider:before{content:'';position:absolute;left:4px;top:4px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.2);transition:.22s}.switch-toggle input:checked + .switch-slider{background:var(--brand,#d63384)}
.switch-toggle input:checked + .switch-slider:before{transform:translateX(28px)}.switch-toggle em{font-style:normal;font-weight:800;color:var(--brand,#d63384);min-width:28px}
@media(max-width:700px){.status-toggle-card{align-items:flex-start;flex-direction:column}.switch-toggle{width:100%;justify-content:space-between}}