:root {
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  background: #f4f3f7;
  color: #242333;
  --accent: #6551a1;
  --muted: #777485;
  --line: #e7e4ed;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
button,
input,
textarea,
select {
  font: inherit;
  font-size: 16px;
}
button,
a {
  touch-action: manipulation;
}
button {
  cursor: pointer;
  border: 0;
  border-radius: 9px;
  padding: 11px 16px;
  background: #efedf5;
  color: #4a3b76;
}
button:disabled {
  opacity: 0.5;
  cursor: wait;
}
.product-card > summary {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  list-style: none;
}
.product-card > summary::-webkit-details-marker {
  display: none;
}
.product-card > summary small {
  display: block;
  margin-top: 5px;
}
.product-card form {
  border-top: 1px solid var(--line);
  margin-top: 18px;
  padding-top: 18px;
}
.eventline {
  border-left: 3px solid #d9d2e9;
  margin: 12px 0;
  padding: 7px 12px;
}
.eventline small {
  display: block;
  margin-top: 4px;
}
a {
  color: var(--accent);
  text-decoration: none;
}
button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
header {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #211b31;
  color: #fff;
  padding: 16px 26px;
  gap: 15px;
}
header strong {
  letter-spacing: 3px;
}
header small {
  color: #c1b8d6;
}
.layout {
  display: grid;
  grid-template-columns: 205px minmax(0, 1fr);
}
nav {
  position: sticky;
  top: 68px;
  height: calc(100dvh - 68px);
  padding: 22px 14px;
  background: #fff;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
nav a {
  padding: 13px;
  border-radius: 10px;
  color: #777082;
  font-size: 14px;
}
nav a.active {
  background: #eee9f8;
  color: #5b428d;
  font-weight: 600;
}
main {
  padding: 30px;
  max-width: 1500px;
  width: 100%;
  min-width: 0;
}
h1 {
  font-size: 30px;
  letter-spacing: -0.6px;
  margin: 0 0 8px;
}
h2 {
  font-size: 21px;
  margin: 0 0 18px;
}
h3 {
  font-size: 16px;
}
p {
  line-height: 1.6;
}
.muted,
small {
  color: var(--muted);
}
.panel {
  background: white;
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 22px;
  margin: 20px 0;
  min-width: 0;
}
.row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin: 25px 0;
}
.stat {
  background: white;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 20px;
}
.stat b {
  display: block;
  font-size: 32px;
  margin-top: 13px;
  letter-spacing: -1px;
}
.stat small {
  font-size: 12px;
}
.primary {
  background: var(--accent);
  color: #fff;
}
.danger {
  color: #a83445;
  background: #fdeef0;
}
.tablewrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  margin: 20px 0;
}
table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}
th {
  text-align: left;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.3px;
  background: #faf9fc;
  padding: 14px;
  white-space: nowrap;
}
td {
  border-top: 1px solid var(--line);
  padding: 15px;
  vertical-align: top;
  line-height: 1.6;
  max-width: 320px;
  overflow-wrap: anywhere;
}
td small {
  display: block;
  font-size: 11px;
}
input,
select,
textarea {
  padding: 12px;
  border: 1px solid #dcd6e6;
  border-radius: 8px;
  background: #fff;
  width: 100%;
  color: inherit;
}
label {
  display: block;
  margin: 14px 0;
  font-size: 13px;
  color: var(--muted);
}
label input,
label textarea {
  margin-top: 7px;
}
.search {
  display: flex;
  gap: 9px;
  max-width: 520px;
}
.search input {
  flex: 1;
}
.badge {
  display: inline-block;
  border-radius: 20px;
  padding: 4px 9px;
  font-size: 11px;
  background: #eef7f0;
  color: #42734e;
}
.badge.pending {
  background: #fff4df;
  color: #8e6927;
}
.pager {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-size: 13px;
}
.tabs {
  display: flex;
  gap: 7px;
  overflow: auto;
  margin: 24px 0;
}
.tabs a {
  padding: 10px 14px;
  white-space: nowrap;
  background: #eae7f1;
  border-radius: 8px;
  color: #625b70;
  font-size: 13px;
}
.tabs a.active {
  background: var(--accent);
  color: #fff;
}
.facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.fact small {
  display: block;
  margin-bottom: 5px;
}
.fact {
  font-size: 13px;
  overflow-wrap: anywhere;
}
.message {
  white-space: pre-wrap;
  line-height: 1.65;
  padding: 15px;
  background: #f6f4fa;
  border-radius: 10px;
  margin: 12px 0;
  font-size: 14px;
  overflow-wrap: anywhere;
}
.message.customer {
  background: #ece7f8;
}
.message.reply {
  background: #f4f7f5;
}
.detail summary {
  cursor: pointer;
  font-weight: 600;
  line-height: 1.6;
}
.detail {
  padding: 17px 0;
  border-bottom: 1px solid var(--line);
}
.auth {
  max-width: 420px;
  margin: 10vh auto;
  padding: 28px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
}
.auth h1 {
  margin-bottom: 15px;
}
.auth button {
  width: 100%;
  margin-top: 12px;
}
.error {
  color: #b43848;
  font-size: 13px;
}
#notice {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #282038;
  color: #fff;
  padding: 15px 22px;
  border-radius: 12px;
  max-width: 90%;
  z-index: 5;
}
.columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.product {
  margin: 0;
}
.check {
  display: flex;
  align-items: center;
  gap: 9px;
}
.check input {
  width: 20px;
}
code {
  font-size: 12px;
  overflow-wrap: anywhere;
}
.bars {
  display: grid;
  gap: 16px;
}
.bar {
  height: 9px;
  background: #efebf7;
  border-radius: 9px;
  margin-top: 8px;
  overflow: hidden;
}
.bar i {
  display: block;
  height: 100%;
  background: #8570bb;
}
.break {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.adminemail {
  max-width: 350px;
}
.auth small {
  line-height: 1.5;
  display: block;
}
pre {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  font-size: 12px;
}
@media (max-width: 1050px) {
  .stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .facts {
    grid-template-columns: repeat(2, 1fr);
  }
  .columns {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  header {
    padding: 14px 16px;
  }
  header small {
    display: none;
  }
  .layout {
    display: block;
  }
  nav {
    position: sticky;
    top: 64px;
    height: auto;
    flex-direction: row;
    overflow: auto;
    padding: 8px;
    border-bottom: 1px solid var(--line);
    z-index: 2;
    gap: 3px;
  }
  nav a {
    white-space: nowrap;
    padding: 10px;
    font-size: 12px;
  }
  main {
    padding: 22px 14px;
  }
  .stats {
    gap: 10px;
  }
  .stat {
    padding: 15px;
  }
  .stat b {
    font-size: 26px;
  }
  h1 {
    font-size: 27px;
  }
  .panel {
    padding: 17px;
  }
  .facts {
    grid-template-columns: 1fr 1fr;
    gap: 13px;
  }
  td {
    padding: 11px;
    min-width: 110px;
  }
  .auth {
    margin: 5vh 14px;
  }
  .tablewrap {
    margin: 16px 0;
  }
  .search {
    width: 100%;
  }
  .tabs {
    margin: 16px 0;
  }
  .pager {
    font-size: 11px;
  }
}

.rangebar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;margin:18px 0 22px;background:linear-gradient(135deg,#f8f5ff,#fff);border:1px solid #e7e1f3;border-radius:16px}.tabs.compact{margin:0}.date-form,.tools{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.date-form label{font-size:11px;color:var(--muted);display:grid;gap:4px}.date-form input{padding:7px 9px;min-height:34px}.date-form button{min-height:34px;padding:7px 12px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}.metric-card{border:1px solid #e8e2f3;background:linear-gradient(145deg,#fff,#faf8ff);border-radius:16px;overflow:hidden;transition:box-shadow .2s,transform .2s}.metric-card:hover{box-shadow:0 12px 28px #42246e14;transform:translateY(-2px)}.metric-card summary{cursor:pointer;list-style:none;padding:16px;display:grid;gap:5px}.metric-card summary::-webkit-details-marker{display:none}.metric-card b{font:700 29px/1.05 Georgia,serif;color:#2d1749}.metric-card summary span{font-size:11px;color:#775797}.metric-card p,.metric-card>a{display:block;margin:0 16px 13px;font-size:13px;line-height:1.45}.funnel{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.2fr);gap:32px;align-items:center;background:radial-gradient(circle at 5% 0,#efe3ff,transparent 48%),#fff}.funnel h2,.panel-title h2{margin:4px 0 8px}.funnel .bars{gap:12px}.funnel .bars>div{display:grid;gap:5px;font-size:13px}.funnel .bars span{display:flex;justify-content:space-between}.panel-title{display:flex;align-items:end;justify-content:space-between;gap:16px}.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;background:#7455b8}.legend span:nth-child(2):before{background:#e99b52}.legend span:nth-child(3):before{background:#4d9a85}.legend span:nth-child(4):before{background:#c45c87}.activity{height:190px;display:flex;align-items:end;gap:6px;padding-top:20px;overflow-x:auto}.activity-day{height:100%;min-width:46px;display:flex;flex-direction:column;justify-content:end;gap:6px;text-align:center}.activity-day small{font-size:9px;white-space:nowrap}.activity-bars{height:145px;display:flex;align-items:end;gap:2px;border-bottom:1px solid #eee}.activity-bars i{width:8px;min-height:3px;background:#7455b8;border-radius:4px 4px 1px 1px}.activity-bars i:nth-child(2){background:#e99b52}.activity-bars i:nth-child(3){background:#4d9a85}.activity-bars i:nth-child(4){background:#c45c87}.status-filter{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 16px}.status-filter span{color:var(--muted);font-size:12px}.status-filter a{font-size:12px;padding:7px 9px;border:1px solid #e6dfef;border-radius:99px;color:#63488a}.status-filter a.active{color:#fff;background:#60428a;border-color:#60428a}.badge.stage-visit{background:#eff0f6;color:#555b6d}.badge.stage-chat_started{background:#efe6fc;color:#7344a2}.badge.stage-conversation{background:#e6f3ff;color:#2778a3}.badge.stage-one_purchase{background:#e6f7ed;color:#24704e}.badge.stage-repeat_purchase{background:#fff0d8;color:#995e11}.support-card{display:block;margin:12px 0;border:1px solid #e5dff0;border-radius:16px;background:#fff;overflow:hidden}.support-card>summary{cursor:pointer;list-style:none;padding:16px;display:flex;justify-content:space-between;gap:16px;align-items:center}.support-card>summary::-webkit-details-marker{display:none}.support-card summary>span:first-child{display:grid;gap:7px;min-width:0}.support-card summary b{font-size:15px;overflow-wrap:anywhere}.support-card summary small{font-size:12px}.support-card .chevron{font-size:20px;color:#75599d;transition:transform .2s}.support-card[open] .chevron{transform:rotate(180deg)}.support-body{border-top:1px solid #eee7f5;padding:16px}.support-message{padding:13px 14px;border-radius:12px;background:#f8f5fc;line-height:1.55;overflow-wrap:anywhere}.support-actions{display:flex;gap:10px;margin:14px 0}.support-actions .secondary,.support-actions .ticket{min-height:38px;padding:8px 12px;text-decoration:none}.support-log{padding:12px 0 0}.support-log summary{cursor:pointer;color:#67498d;font-size:13px}.eventline{padding:12px 0;border-bottom:1px solid #eee8f5}.eventline:last-child{border:0}
@media (max-width:820px){body{background:#f8f7fb}.layout{display:block}.layout nav{position:sticky;top:0;z-index:4;display:flex;overflow-x:auto;padding:9px 12px;gap:7px;background:#fff;border-bottom:1px solid #ebe6f2}.layout nav a{white-space:nowrap;padding:8px 10px;border-radius:9px}.layout main{padding:20px 14px 38px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card summary{padding:13px}.metric-card b{font-size:24px}.rangebar{align-items:stretch;flex-direction:column}.date-form{justify-content:space-between}.date-form label{flex:1}.date-form input{width:100%}.funnel{grid-template-columns:1fr;gap:18px}.panel-title{align-items:start;flex-direction:column}.tools>.search{flex:1;min-width:220px}.tools>.primary{width:100%}.status-filter{padding:10px 0;border-block:1px solid #eee8f4;overflow-x:auto;flex-wrap:nowrap}.status-filter span,.status-filter a{white-space:nowrap}.tablewrap{margin-inline:-14px;border-radius:0}.support-card>summary{padding:14px}.support-actions{flex-direction:column}.support-actions>*{width:100%;text-align:center}.activity{margin-inline:-2px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){header{padding:12px 14px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card summary small{font-size:10px}.metric-card summary span{font-size:10px}.rangebar{margin-inline:-2px}.date-form button{width:100%}}

.purchase-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.purchase-summary>div{min-width:0;padding:16px;border:1px solid #e8e1f0;border-radius:14px;background:linear-gradient(145deg,#fff,#faf8ff)}.purchase-summary small{display:block;margin-bottom:8px}.purchase-summary b{display:block;font:700 22px/1.1 Georgia,serif;color:#39235a;overflow-wrap:anywhere}.product-card{transition:box-shadow .2s}.product-card[open]{box-shadow:0 14px 32px #442c7612}.product-card summary{padding:3px;cursor:pointer}.product-card form{margin-top:20px;padding-top:18px;border-top:1px solid #eee8f4}.admin-create{display:grid;grid-template-columns:1fr minmax(220px,.75fr) auto;align-items:end;gap:18px;background:radial-gradient(circle at 0 0,#ede3ff,transparent 42%),#fff}.admin-create h2{margin:3px 0 0}.admin-create label{margin:0}.admin-list{display:grid;gap:10px}.admin-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #e6e0ef;border-radius:15px;background:#fff}.admin-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eee7fa;color:#644391;font-weight:700}.admin-main{display:grid;gap:4px;min-width:0;flex:1}.admin-main b{overflow-wrap:anywhere}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-actions button{min-height:36px;padding:8px 10px;border:1px solid #e5deed;border-radius:9px;background:#fff;color:#60448a;font-size:12px}.admin-actions .danger,.admin-actions .admin-remove{color:#a33547;background:#fff5f5;border-color:#f4d9de}.admin-link{grid-column:1/-1;display:grid;gap:7px;margin-top:12px;padding:12px;border-radius:10px;background:#f8f5fc}.admin-link textarea{min-height:68px;resize:vertical;font-size:11px}.support-card,.product-card,.admin-card{box-shadow:0 2px 8px #38215908}
@media(max-width:820px){.purchase-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.purchase-summary>div{padding:13px}.purchase-summary>div:last-child{grid-column:1/-1}.purchase-summary b{font-size:clamp(18px,5vw,22px)}.admin-create{grid-template-columns:1fr;gap:12px}.admin-create button{width:100%}.admin-card{align-items:flex-start;flex-wrap:wrap}.admin-actions{width:100%;justify-content:stretch;padding-top:4px}.admin-actions button{flex:1}.admin-link{width:100%}}
@media(max-width:820px){button,.primary,.secondary,.toggle,.ticket{min-height:44px;white-space:normal;line-height:1.2}.row>button,.tools>button{width:100%}.date-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end;width:100%}.date-form label{min-width:0;width:100%;margin:0}.date-form label:nth-of-type(2){grid-row:1;grid-column:1}.date-form label:nth-of-type(4){grid-row:1;grid-column:2}.date-form label:nth-of-type(1){grid-row:2;grid-column:1}.date-form label:nth-of-type(3){grid-row:2;grid-column:2}.date-form input{min-width:0;width:100%;height:38px;padding:6px 7px;font-size:13px}.date-form button{grid-column:1/-1;width:100%;margin:2px 0 0}.tabs{overflow-x:auto;scrollbar-width:none}.tabs a{flex:none;white-space:nowrap}.status-filter a{min-height:36px;display:inline-flex;align-items:center}.tablewrap button{min-width:112px}.product-card summary{min-height:48px}.product-card summary span:last-child{white-space:nowrap}.support-actions button,.support-actions a{min-height:44px;display:flex;align-items:center;justify-content:center}}
@media(max-width:390px){.date-form{grid-template-columns:1fr}.date-form button{grid-column:auto}}
.sort{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none}.sort i{font-style:normal;color:#9b8aae;font-size:14px}.sort.active{color:#563982}.sort.active i{color:#563982}.product-actions{display:flex;gap:10px;align-items:center;margin-top:18px}.product-remove{min-height:42px;padding:10px 13px;border:1px solid #f0d9df;border-radius:10px;color:#a33547;background:#fff7f8}.product-remove:hover{background:#fdeef0}
@media(max-width:820px){.product-actions{display:grid;grid-template-columns:1fr}.product-actions>*{width:100%}.sort{white-space:nowrap}}
.product-card{padding:0;overflow:hidden}.product-card>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;list-style:none;cursor:pointer;transition:background .2s}.product-card>summary::-webkit-details-marker{display:none}.product-card>summary:hover{background:#faf8ff}.product-card[open]>summary{background:linear-gradient(135deg,#f7f2ff,#fff);border-bottom:1px solid #ebe4f3}.product-overview{display:flex;align-items:center;gap:12px;min-width:0}.product-overview>span:last-child{display:grid;gap:4px;min-width:0}.product-overview b{overflow-wrap:anywhere}.product-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#efe6fc;color:#654394;font-size:19px;flex:none}.product-meta{display:grid;justify-items:end;gap:3px;flex:none}.product-meta strong{font:700 19px Georgia,serif;color:#352052}.product-card form{margin:0;padding:20px}.product-form-title{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}.product-form-title h2{margin:3px 0 0}.product-form-title small{max-width:180px;text-align:right}.product-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-fields label{margin:0}.product-fields .wide{grid-column:1/-1}.product-fields textarea{resize:vertical}.product-actions{padding-top:4px}
@media(max-width:820px){.product-card>summary{padding:15px}.product-meta strong{font-size:17px}.product-card form{padding:16px}.product-form-title{display:block}.product-form-title small{display:block;text-align:left;margin-top:6px}.product-fields{grid-template-columns:1fr}.product-fields .wide{grid-column:auto}}
.mailing-tracker{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(420px,1.2fr);gap:22px;align-items:center;background:radial-gradient(circle at 4% 4%,#eee2ff,transparent 40%),#fff}.mailing-tracker h2{margin:4px 0 7px}.mailing-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mailing-stats a{display:grid;gap:6px;min-width:0;padding:14px;border:1px solid #e7def3;border-radius:13px;background:#fff9ff;color:#493366}.mailing-stats a:hover{border-color:#a78ccc;box-shadow:0 7px 20px #492b7612}.mailing-stats small{line-height:1.3}.mailing-stats b{font:700 25px/1 Georgia,serif;color:#47246d}.mailing-stats span{font-size:11px;color:#74549b}.mailing-audience{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#faf6ff,#fff)}.mailing-audience h2{margin:4px 0}.mail-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mail-fields label{margin:0}.mail-fields .wide{grid-column:1/-1}.mail-fields textarea{resize:vertical;min-height:240px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.45}.mail-template{padding:0;overflow:hidden}.mail-template>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;list-style:none;cursor:pointer}.mail-template>summary::-webkit-details-marker{display:none}.mail-template>summary>span:first-child{display:grid;gap:4px;min-width:0}.mail-template>summary b{overflow-wrap:anywhere}.mail-template form{padding:20px;border-top:1px solid #eee8f4}.mailing-templates h2{margin:28px 0 12px}.template-remove{min-height:42px;padding:10px 13px;border:1px solid #f0d9df;border-radius:10px;color:#a33547;background:#fff7f8}
@media(max-width:820px){.mailing-tracker{grid-template-columns:1fr;gap:16px}.mailing-stats{grid-template-columns:1fr}.mailing-stats a{grid-template-columns:minmax(0,1fr) auto;align-items:center}.mailing-stats a small{grid-row:1/3}.mailing-stats a span{grid-column:2}.mailing-audience{display:grid}.mailing-audience .primary{width:100%}.mail-fields{grid-template-columns:1fr}.mail-fields .wide{grid-column:auto}.mail-template>summary{padding:14px}.mail-template form{padding:15px}}
@media(max-width:820px){.rangebar .date-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;min-width:0!important}.rangebar .date-form label{display:grid!important;flex:none!important;min-width:0!important;max-width:100%!important;overflow:visible!important}.rangebar .date-form input{display:block;box-sizing:border-box!important;min-inline-size:0!important;max-inline-size:100%!important;width:100%!important;border:1px solid #d9d2e0!important;border-radius:10px!important;background:#fff!important;-webkit-appearance:none;appearance:none}.rangebar .date-form label:nth-of-type(2){grid-area:1/1}.rangebar .date-form label:nth-of-type(4){grid-area:1/2}.rangebar .date-form label:nth-of-type(1){grid-area:2/1}.rangebar .date-form label:nth-of-type(3){grid-area:2/2}.rangebar .date-form button{grid-column:1/-1!important}}
@media(max-width:820px){.rangebar .date-form.time-only label:nth-of-type(1),.rangebar .date-form.time-only label:nth-of-type(2),.rangebar .date-form.date-only label:nth-of-type(1),.rangebar .date-form.date-only label:nth-of-type(2){grid-area:auto!important}.rangebar .date-form.time-only button,.rangebar .date-form.date-only button{grid-row:2;grid-column:1/-1!important}}
.badge.stage-one_purchase{background:#fff0d8;color:#995e11}.badge.stage-repeat_purchase{background:#e6f7ed;color:#24704e}.status-filter a.status-visit{background:#eff0f6;border-color:#dce0e9;color:#555b6d}.status-filter a.status-chat_started{background:#efe6fc;border-color:#dfcff6;color:#7344a2}.status-filter a.status-conversation{background:#e6f3ff;border-color:#c9e7fa;color:#2778a3}.status-filter a.status-one_purchase{background:#fff0d8;border-color:#f3d7a7;color:#995e11}.status-filter a.status-repeat_purchase{background:#e6f7ed;border-color:#c5ead4;color:#24704e}.status-filter a.status-all{background:#f4f1f8;border-color:#e2dcea;color:#60448a}.status-filter a.active{box-shadow:0 3px 10px #4b2c6717;font-weight:700}
.period-picker{display:block!important}.period-picker .period-dates,.period-picker .time-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.period-picker .period-dates label,.period-picker .time-fields label{display:grid!important;grid-area:auto!important;gap:4px;margin:0!important;min-width:0!important}.period-picker>.time-toggle{display:flex!important;grid-area:auto!important;align-items:center;gap:8px;margin:14px 0 10px!important;font-size:13px;color:#60448a}.period-picker>.time-toggle input{width:18px!important;height:18px!important;min-height:0!important;padding:0!important;accent-color:#644391}.period-picker .time-fields{margin-bottom:12px}.period-picker:not(.time-enabled) .time-fields{display:none}.period-picker>button{width:100%;margin-top:4px}
.period-picker:has(.time-toggle input:checked) .time-fields{display:grid!important}.period-picker .time-toggle{cursor:pointer;user-select:none}
@media(max-width:820px){.rangebar .period-picker{display:block!important}.rangebar .period-picker .period-dates,.rangebar .period-picker .time-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.rangebar .period-picker .period-dates label,.rangebar .period-picker .time-fields label{grid-area:auto!important}.rangebar .period-picker>.time-toggle{grid-area:auto!important}.rangebar .period-picker>button{grid-column:auto!important;grid-row:auto!important}}
.mail-preview-wrap{margin-top:18px;padding:14px;border:1px solid #e9e2f2;border-radius:14px;background:#f9f6fc}.mail-preview{display:block;width:100%;height:420px;margin-top:10px;border:1px solid #e5deed;border-radius:10px;background:#fff}.campaign-builder{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;align-items:start;background:radial-gradient(circle at 0 0,#eee4ff,transparent 40%),#fff}.campaign-builder h2{margin:5px 0 8px}.campaign-builder form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.campaign-builder label{margin:0}.campaign-builder .wide{grid-column:1/-1}.campaign-actions{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap}.campaign-list{margin:26px 0}.campaign-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;margin:9px 0;border:1px solid #e8e1f0;border-radius:13px;background:#fff}.campaign-card>div{display:grid;gap:6px;min-width:0}.campaign-card b,.campaign-card small{overflow-wrap:anywhere}.campaign-remove{color:#a33547;background:#fff7f8;border:1px solid #f0d9df}@media(max-width:820px){.mail-preview{height:350px}.campaign-builder{grid-template-columns:1fr}.campaign-builder form{grid-template-columns:1fr}.campaign-card{align-items:flex-start;flex-direction:column}.campaign-card button{width:100%}}
.delivery-status{display:inline-flex;padding:5px 9px;border-radius:99px;font-size:11px;background:#f1eef5;color:#71697d}.delivery-status.sent,.delivery-status.delivered,.delivery-status.opened,.delivery-status.clicked,.delivery-status.converted{background:#e5f7ec;color:#207044}.delivery-status.failed{background:#fff0f2;color:#b33b4e}.delivery-status.queued{background:#fff4df;color:#98621a}.mailing-audience .row{justify-content:flex-end}.mailing-audience input[type=checkbox]{width:17px;height:17px;accent-color:#654394}
/* Mailing workspace */
.mailing-nav{margin:18px 0 24px}.mailing-hero,.list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(circle at 0 0,#eee4ff,transparent 48%),#fff}.mailing-hero h2,.list-heading h2{margin:4px 0 8px}.mailing-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 26px}.mailing-kpis a{display:grid;gap:8px;min-height:145px;padding:18px;border-radius:15px;border:1px solid var(--line);background:#fff;transition:transform .16s ease,box-shadow .16s ease}.mailing-kpis a:hover{transform:translateY(-2px);box-shadow:0 9px 24px #3f236013}.mailing-kpis b{font-size:30px;letter-spacing:-1px;color:#352058}.mailing-kpis span{font-size:12px;margin-top:auto}.mail-card-list{display:grid;gap:10px}.mail-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}.mail-card>div:first-child{display:grid;gap:6px;min-width:0}.mail-card b,.mail-card small{overflow-wrap:anywhere}.mail-modal{width:min(1040px,calc(100vw - 28px));max-height:min(900px,calc(100dvh - 28px));border:0;border-radius:20px;padding:0;box-shadow:0 25px 80px #1a102d66;background:#fff}.mail-modal::backdrop{background:#1d122c99;backdrop-filter:blur(4px)}.modal-shell{max-height:inherit;overflow:auto;padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.modal-head h2{margin:3px 0 7px}.modal-head p{margin:0}.icon-close{flex:0 0 auto;padding:0;width:40px;height:40px;border-radius:50%;font-size:26px;line-height:1;background:#f2eff7}.campaign-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.mail-step{padding:17px;border:1px solid var(--line);border-radius:14px;background:#fbfaff}.mail-step>b{display:block;color:#4f387d;margin-bottom:6px}.mail-step label{margin:11px 0}.mail-step small{line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px;grid-column:1/-1;padding-top:5px}.template-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:20px;margin-top:18px}.template-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.template-fields .wide{grid-column:1/-1}.template-preview-wrap{position:sticky;top:0;align-self:start;padding:14px;border:1px solid #e9e2f2;border-radius:14px;background:#f9f6fc}.template-preview-wrap .mail-preview{height:520px}.mail-modal textarea{resize:vertical}.mail-card .danger{padding:10px 12px}.mail-modal .check{margin:14px 0}.mail-modal .check input{margin:0}
@media(max-width:950px){.mailing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.template-workspace{grid-template-columns:1fr}.template-preview-wrap{position:static}.template-preview-wrap .mail-preview{height:400px}}
@media(max-width:620px){.mailing-hero,.list-heading,.mail-card{align-items:stretch;flex-direction:column}.mailing-hero>button,.list-heading>button,.mail-card>.row{width:100%}.mail-card .row button{flex:1}.mailing-kpis{gap:10px}.mailing-kpis a{min-height:125px;padding:14px}.mailing-kpis b{font-size:26px}.mail-modal{width:100vw;max-width:100vw;max-height:100dvh;border-radius:0}.modal-shell{padding:18px}.campaign-form,.template-fields{grid-template-columns:1fr}.modal-actions{position:sticky;bottom:-18px;background:#fff;padding:14px 0 2px}.modal-actions button{flex:1}.template-preview-wrap .mail-preview{height:330px}}
.code-status{grid-column:1/-1;margin:-3px 0 5px;padding:12px 14px;border:1px solid #e4dfea;border-radius:10px;font-size:13px;line-height:1.5}.code-status.valid{border-color:#bfe7cf;background:#f0fbf4;color:#1f7047}.code-status.invalid{border-color:#f3c8ce;background:#fff6f7;color:#9e3544}.code-status.invalid b{display:block;margin-bottom:4px}.code-status ul{margin:4px 0 0;padding-left:18px}.editor-help{grid-column:1/-1;margin:-5px 0 6px;font-size:12px}
.badge.error{background:#fff0f2;color:#b33b4e}.portrait-source{display:grid;gap:5px;margin-top:9px;padding:9px 10px;border:1px dashed #cfc1df;border-radius:9px;background:#fbf9fe;font-size:11px;line-height:1.35;color:#746684}.portrait-source a{overflow-wrap:anywhere}.portrait-source .copy-portrait{justify-self:start;padding:6px 9px;font-size:11px;background:#eee9f6}.portrait-source code{font-size:10px}.portrait-source>span{font-weight:600}

.route-loading{display:flex;align-items:center;gap:12px;min-height:100px;color:#776982}.loading-dot{width:18px;height:18px;border:2px solid #e4dced;border-top-color:#72509c;border-radius:50%;animation:crm-loading .7s linear infinite}@keyframes crm-loading{to{transform:rotate(360deg)}}.launch-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;text-decoration:none;background:#6d4a99;color:white}.launch-workspace .campaign-form{margin-top:20px}.launch-workspace .modal-head{padding-bottom:16px}.mailing-nav{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.mailing-nav a{white-space:nowrap;touch-action:manipulation}button,a,input,select,summary{touch-action:manipulation}@media(max-width:620px){.launch-workspace{padding:16px}.launch-workspace .modal-actions{position:static;flex-wrap:wrap}.launch-workspace .modal-actions button{min-width:140px;min-height:46px}}

.mail-log-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}.mail-log-toolbar label{display:flex;align-items:center;gap:8px}.mail-log-toolbar select{width:auto;min-width:150px}.mail-delivery-table td small{display:block;margin-top:6px}.delivery-error{white-space:pre-wrap;overflow-wrap:anywhere;max-width:420px}.delivery-actions{display:flex;flex-wrap:wrap;gap:8px}.mail-event-log{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:12px}.mail-event-log pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#f6f3fa;padding:12px;border-radius:8px}.mail-delivery-table tr[hidden]{display:none}@media(max-width:620px){.mail-log-toolbar button{flex:1;min-height:44px}.mail-log-toolbar label{width:100%}.mail-log-toolbar select{flex:1;min-width:0}.delivery-actions button{min-height:40px}}
/* Unified controls and responsive reporting workspace. */
:root{--surface:#fff;--surface-soft:#f4f1f9;--text:#242333;--shadow:0 12px 35px #34234a09}
button,.primary,.secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.35;transition:background .15s,box-shadow .15s,transform .15s;text-decoration:none;font-weight:600}
button:hover,.primary:hover,.secondary:hover{box-shadow:0 4px 14px #6551a123}button:active{transform:translateY(1px)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #aa8ae8;outline-offset:3px}
.panel,.metric-card,.mail-card{box-shadow:var(--shadow)}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.section-head h1{margin-bottom:8px}
.mailing-kpis article{background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:18px;display:flex;flex-direction:column;gap:8px}.mailing-kpis article b{font-size:32px}.mailing-kpis article span{font-size:12px;color:var(--muted)}
.daily-flow{display:flex;flex-wrap:wrap;gap:12px}.daily-flow>span{padding:10px 14px;background:var(--surface-soft);border-radius:12px;font-size:13px}.daily-flow p{width:100%;margin:0}
.forecast-item{border:1px solid var(--line);border-radius:14px;margin:12px 0;padding:16px}.forecast-item summary{cursor:pointer;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.forecast-item summary small{margin-left:auto;color:var(--muted)}
.mailing-origin{background:#daf6e8!important;color:#146a43!important;margin-top:8px;display:inline-block}
.mail-log-toolbar{align-items:flex-end}.mail-log-toolbar>button{flex:0 1 auto}.delivery-actions{display:flex;flex-wrap:wrap;gap:8px}
[data-theme="dark"]{color-scheme:dark;background:#11121a;color:#e8e7ef;--text:#e8e7ef;--surface:#1b1c28;--surface-soft:#242535;--muted:#aaa8bd;--line:#323344;--accent:#b09ae6;--shadow:0 10px 30px #0002}
[data-theme="dark"] body{background:#11121a;color:var(--text)}
[data-theme="dark"] .panel,[data-theme="dark"] .metric-card,[data-theme="dark"] .mail-card,[data-theme="dark"] .auth,[data-theme="dark"] dialog,[data-theme="dark"] .modal-shell,[data-theme="dark"] nav,[data-theme="dark"] .tablewrap,[data-theme="dark"] .purchase-summary>div,[data-theme="dark"] .mailing-kpis>a,[data-theme="dark"] .mailing-stats>a{background:var(--surface);color:var(--text);border-color:var(--line)}
[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select{background:#14151f;color:var(--text);border-color:#424254}
[data-theme="dark"] button,[data-theme="dark"] .secondary,[data-theme="dark"] .tabs a,[data-theme="dark"] .status-filter a{background:#2a283c;color:#dbcefa;border-color:var(--line)}
[data-theme="dark"] .primary,[data-theme="dark"] button.primary,[data-theme="dark"] .tabs a.active,[data-theme="dark"] nav a.active{background:#8065bb;color:#fff}
[data-theme="dark"] a{color:#c2a9fa}[data-theme="dark"] th{background:#222332;color:#bbb7d0}[data-theme="dark"] td{border-color:var(--line)}
[data-theme="dark"] .message,[data-theme="dark"] .mail-step,[data-theme="dark"] .eventline,[data-theme="dark"] .purchase-summary,[data-theme="dark"] .tools,[data-theme="dark"] .template-help{background:var(--surface-soft);color:var(--text)}
[data-theme="dark"] .message.customer{background:#322749}[data-theme="dark"] .danger{color:#ffa7b3;background:#442734}
[data-theme="dark"] .badge.pending{background:#473d28;color:#f0d294}[data-theme="dark"] .badge{background:#264334;color:#a8e2c0}
[data-theme="dark"] .delivery-status.failed,[data-theme="dark"] .badge.error{background:#492d37;color:#ffadb8}
[data-theme="dark"] .delivery-status.sent,[data-theme="dark"] .delivery-status.queued{background:#3b3451;color:#d5c3ff}
[data-theme="dark"] .delivery-status.delivered,[data-theme="dark"] .delivery-status.clicked,[data-theme="dark"] .delivery-status.converted{background:#254338;color:#a6e6c6}
[data-theme="dark"] .modal-head,[data-theme="dark"] .modal-actions{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] .delivery-log-entry pre{background:#11121a;color:#d6d1e3}
[data-theme="dark"] .status-one_purchase{background:#513a27!important;color:#ffc48f!important}[data-theme="dark"] .status-repeat_purchase{background:#254837!important;color:#9ee3be!important}
@media(max-width:700px){header{gap:10px;padding:14px}header .row{gap:8px}header .row>small{display:none}header button{padding:10px;font-size:13px}main{padding:18px 12px}.section-head{align-items:stretch;flex-direction:column}.section-head>.primary{width:100%}.mail-log-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.mail-log-toolbar button{padding:12px 10px;min-width:0;font-size:13px}.mail-log-toolbar label{min-width:0}.mail-log-toolbar label select{width:100%}.daily-flow>span{flex:1 1 100%}.daily-admin{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-admin label{min-width:0}.daily-admin input,.daily-admin select{width:100%;min-width:0}.mailing-nav{position:sticky;top:0;z-index:3;background:var(--surface);padding:8px 0}.mail-card>.row{display:grid;grid-template-columns:1fr 1fr;width:100%}.mail-card>.row a{padding:10px;text-align:center}.mailing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mailing-kpis article{padding:16px}.mailing-kpis article b{font-size:26px}.daily-admin>button{grid-column:1/-1;width:100%}}

[data-theme="dark"] .mail-step>b{color:#d4b9ff}[data-theme="dark"] .rangebar,[data-theme="dark"] .portrait-source,[data-theme="dark"] .mail-event-log pre{background:var(--surface-soft);color:var(--text);border-color:var(--line)}[data-theme="dark"] .mailing-hero{background:linear-gradient(130deg,#29203f,#1c1d29)}
#launch-preview iframe{width:100%;height:min(70vh,800px);border:1px solid var(--line);border-radius:14px;background:#fff}#launch-audience .tablewrap{margin-top:16px}
@media(max-width:700px){header>.row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:auto!important}header>.row button{min-height:44px;padding:10px}.mail-modal .modal-shell{padding:18px 14px}.launch-workspace .row{flex-wrap:wrap}.launch-workspace .row button{width:100%}}

[data-theme="dark"] .metric-card b,[data-theme="dark"] .purchase-summary b,[data-theme="dark"] .mailing-kpis b,[data-theme="dark"] .mailing-stats b{color:#efe3ff}[data-theme="dark"] .metric-card summary span{color:#c5acd9}[data-theme="dark"] .funnel{background:linear-gradient(135deg,#292139,#1b1c28)}[data-theme="dark"] .template-preview-wrap,[data-theme="dark"] .list-heading{background:var(--surface-soft);border-color:var(--line)}[data-theme="dark"] .code-status.valid{background:#223d30;color:#a8e2bf;border-color:#376448}[data-theme="dark"] .code-status.invalid{background:#442735;color:#ffb4c2;border-color:#694051}[data-theme="dark"] .bar{background:#343145}
[data-theme="dark"] .stat,[data-theme="dark"] .message.reply,[data-theme="dark"] .detail,[data-theme="dark"] .facts .fact{background:var(--surface-soft);color:var(--text)}
header #theme-toggle{white-space:nowrap;width:auto;flex:0 0 auto}
@media(max-width:700px){header #theme-toggle{font-size:12px;padding:10px 12px}}

/* Consistent CRM surfaces and compact period controls. */
a.primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border-radius:11px;text-decoration:none;box-sizing:border-box;white-space:nowrap}
.badge{width:fit-content;max-width:100%;justify-self:start;align-self:start}.mail-card>.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.mail-card .primary{font-size:14px}.mail-card>div:first-child{flex:1}.section-actions{display:flex;justify-content:flex-end;margin:18px 0}.support-card summary b{color:var(--text)}
[data-theme="dark"] .admin-card,[data-theme="dark"] .support-card,[data-theme="dark"] .admin-create,[data-theme="dark"] .support-body{background:#1c1d29;border-color:#353747;color:#eeeaf7}
[data-theme="dark"] .support-message,[data-theme="dark"] .admin-link{background:#242635;color:#eeeaf7}
[data-theme="dark"] .product-card>summary:hover,[data-theme="dark"] .product-card[open]>summary{background:#282637;color:#eeeaf7}
.mail-log-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mail-log-toolbar label{display:flex;align-items:center;gap:8px;margin:0}.mail-log-toolbar select{min-height:42px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--surface,#fff);color:inherit}
.launch-workspace{background:linear-gradient(130deg,#f2faf7,#fff 65%);border-color:#cce5d9;box-shadow:0 14px 40px #183b2810}.launch-workspace .mail-step{background:#fff;border-color:#d7e9e0;padding:24px;border-radius:18px}.launch-workspace .mail-step>b{font-size:18px;display:flex;align-items:center;gap:10px;color:#245c46}.launch-workspace .mail-step>b:before{content:'✓';width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e4f4eb;color:#278058}.launch-workspace .modal-actions{border-top:1px solid #d7e9e0;padding-top:18px}.launch-workspace .primary{background:#277c59;color:white;border-radius:12px;padding:13px 20px}.launch-workspace .mail-step label{display:grid;gap:7px;font-size:13px}.launch-workspace textarea,.launch-workspace input,.launch-workspace select{width:100%;box-sizing:border-box;border-radius:11px}
[data-theme="dark"] .launch-workspace{background:linear-gradient(130deg,#182a25,#1c1d29 65%);border-color:#345448}[data-theme="dark"] .launch-workspace .mail-step{background:#1e2827;border-color:#345448}[data-theme="dark"] .launch-workspace .mail-step>b{color:#a0ddbf}[data-theme="dark"] .launch-workspace .mail-step>b:before{background:#274c3c;color:#a0ddbf}
.mail-health{margin:18px 0;padding:18px 20px;border:1px solid #e6c9ce;border-radius:16px;background:#fff6f7;color:#522b34}.mail-health.ready{border-color:#c4e5d4;background:#f0faf4;color:#24583c}.health-heading{display:flex;align-items:center;gap:12px}.health-heading>div{display:grid;gap:5px;flex:1}.health-heading>a{font-size:12px}.health-dot{width:10px;height:10px;border-radius:50%;background:#d15465;flex:none}.ready .health-dot{background:#2c9b68}.health-checks{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.health-chip{border-radius:99px;padding:6px 10px;font-size:12px;background:#f9e5e8;color:#a13647}.health-chip.ok{background:#e2f4e9;color:#267549}.mail-health small{display:block;font-size:12px;line-height:1.55}.mail-health ul{padding-left:20px;font-size:13px;line-height:1.55}.analytics-switch{display:flex;gap:5px;border:1px solid var(--line);padding:4px;border-radius:12px}.analytics-switch button{padding:8px 12px;min-height:36px}.analytics-switch button.active{background:#287d5b;color:white}.analytics-percent{display:none}.performance-panel[data-mode="percent"] .analytics-percent{display:inline}.performance-panel[data-mode="percent"] .analytics-count{display:none}
[data-theme="dark"] .mail-health{background:#2b2029;border-color:#684250;color:#f1d4dc}[data-theme="dark"] .mail-health.ready{background:#1c3027;border-color:#355d49;color:#c9ebd7}
@media(min-width:821px){.rangebar{display:flex;align-items:center;gap:14px;padding:16px;width:100%;box-sizing:border-box}.rangebar .tabs{flex:0 0 auto;gap:5px}.rangebar .tabs a{padding:8px 10px;font-size:12px}.rangebar .period-picker{display:flex!important;align-items:end;justify-content:flex-end;gap:10px;flex:1;min-width:0}.period-picker .period-dates,.period-picker .time-fields{display:flex!important;gap:8px;margin:0!important;flex:none}.period-picker:not(.time-enabled) .time-fields{display:none!important}.period-picker .period-dates label{width:128px}.period-picker .time-fields label{width:88px}.period-picker>.time-toggle{margin:0 0 8px!important;font-size:12px;white-space:nowrap}.period-picker>button{width:auto;margin:0;flex:none;min-height:36px}.period-picker input{width:100%;box-sizing:border-box;min-width:0}.period-picker .period-dates label,.period-picker .time-fields label{font-size:11px}.rangebar:has(.time-enabled){gap:8px}.rangebar:has(.time-enabled) .tabs a{padding:7px;font-size:11px}.rangebar:has(.time-enabled) .period-dates label{width:112px}}
@media(max-width:820px){.health-heading{flex-wrap:wrap}.health-heading>a{margin-left:22px}.mail-health{padding:15px}.mail-card>.row{width:100%;display:grid;grid-template-columns:1fr 1fr}.mail-card .primary{grid-column:1/-1;grid-row:1}.section-actions button{width:100%}.rangebar .period-picker .time-fields{display:none!important}.rangebar .period-picker.time-enabled .time-fields{display:grid!important}.launch-workspace .mail-step{padding:16px}.analytics-switch{align-self:start}.performance-panel .tablewrap{margin-inline:-14px}}
@media(min-width:821px){.period-picker input[type=date],.period-picker input[type=time]{font-size:12px;padding:7px 6px;min-height:36px}.period-picker>.time-toggle{color:var(--text);opacity:.85}}
.rangebar .period-picker>.time-toggle{display:flex!important;align-items:center!important;gap:8px!important;color:inherit!important;grid-template-columns:none!important;white-space:nowrap}
.rangebar .period-picker>.time-toggle input{width:18px!important;height:18px!important;min-width:18px!important;appearance:auto!important;-webkit-appearance:checkbox!important;display:inline-block!important;flex:none!important}
[data-theme="dark"] .rangebar .period-picker input{background:#151621!important;color:#eeeaf7!important;border-color:#45485c!important;color-scheme:dark}
@media(max-width:820px){.rangebar .tabs{overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:3px}.rangebar .tabs a{white-space:nowrap;flex:none}.rangebar .period-picker>.time-toggle{margin:14px 0!important}}

.crm-loading-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;text-align:center;background:radial-gradient(ellipse at 50% 40%,#41315066,transparent 58%),#12121d;color:#eae5f1}.crm-loading-screen h1{font-size:clamp(22px,4vw,32px);margin:14px 0}.crm-loading-screen>p:last-of-type{font-size:14px;color:#b3a9c3}.veyora-loading-mark{position:relative;width:96px;height:96px;display:grid;place-items:center;font-size:52px;color:#ceb0e8;border:1px solid #80699155;border-radius:50%;box-shadow:0 0 60px #b789d526;animation:veyora-breathe 2.8s ease-in-out infinite}.veyora-loading-mark span{position:absolute;top:8px;right:8px;font-size:20px}.veyora-loading-brand{font-size:18px;letter-spacing:5px;margin-top:28px}.veyora-loading-brand small{font-size:11px;letter-spacing:2px;color:#aca1bb}.veyora-loading-bar{width:170px;height:3px;border-radius:99px;background:#3a3045;overflow:hidden;margin-top:22px}.veyora-loading-bar i{display:block;width:45%;height:100%;background:linear-gradient(90deg,#9975c2,#dcc6ee);animation:veyora-progress 1.6s ease-in-out infinite}@keyframes veyora-progress{from{transform:translateX(-100%)}to{transform:translateX(320%)}}@keyframes veyora-breathe{50%{transform:scale(1.04);box-shadow:0 0 80px #b789d540}}@media(prefers-reduced-motion:reduce){.veyora-loading-mark,.veyora-loading-bar i{animation:none}}
.veyora-route-loading{justify-content:center;gap:26px;min-height:260px}.veyora-route-loading .veyora-loading-brand{margin:0 0 12px}.veyora-route-loading small{display:block;margin-top:9px}.veyora-route-loading .veyora-loading-mark{flex:none}@media(max-width:600px){.veyora-route-loading{flex-direction:column;text-align:center}.veyora-route-loading .veyora-loading-bar{margin-inline:auto}}

/* Shared domain inbox */
.inbox-badge{display:inline-flex;margin-left:8px;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:20px;background:#3aba88;color:#09271c;font-size:12px;font-weight:800}.inbox-badge[hidden]{display:none}
.inbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.inbox-toolbar form{display:flex;gap:8px}.inbox-toolbar input{min-width:0}.inbox-list{display:grid;gap:12px}.inbox-card{display:flex;gap:16px;padding:20px;border:1px solid var(--border,#dad6e5);border-radius:18px;text-decoration:none;background:var(--panel,#fff);color:inherit;min-width:0}.inbox-card.unread{border-left:4px solid #3aba88}.inbox-card:hover{border-color:#8570ba}.inbox-avatar{height:44px;width:44px;flex:none;display:grid;place-items:center;background:#7260a32a;color:#9b86d0;border-radius:14px;font-weight:800}.inbox-card-main{flex:1;min-width:0}.inbox-card-main>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inbox-card-main strong{display:block;margin:8px 0}.inbox-card-main p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:4px 0;opacity:.75}.inbox-card-meta{display:flex;align-items:flex-end;gap:10px;flex-direction:column;flex:none}.new-mail{font-size:11px;background:#2b9b6c25;color:#39b687;border-radius:20px;padding:3px 8px}.inbox-empty{text-align:center;padding:50px}.inbox-empty>span{font-size:44px;color:#a491d3}.inbox-thread{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.mail-messages{display:grid;gap:18px;min-width:0}.mail-message{padding:22px;border:1px solid var(--border,#dedbe6);border-radius:20px;background:var(--panel,#fff);min-width:0}.mail-message.outbound{border-left:4px solid #8371b6}.mail-message-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}.mail-message-head small,.mail-note small{display:block;margin-top:5px;opacity:.7;overflow-wrap:anywhere}.mail-text,.mail-note p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.mail-original{margin-top:18px}.inbound-preview{width:100%;height:420px;border:0;border-radius:12px;margin-top:12px;background:white}.mail-attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.mail-attachment{overflow-wrap:anywhere;max-width:100%}.mail-reply label{display:grid;gap:8px}.mail-reply textarea,.inbox-notes textarea{width:100%;min-width:0;font-size:16px;resize:vertical}.mail-reply .row{margin-top:16px}.inbox-notes{position:sticky;top:100px}.mail-note{border-bottom:1px solid var(--border,#ddd);padding:12px 0}.inbox-notes form{display:grid;gap:12px;margin-top:20px}
[data-theme="dark"] .inbox-card,[data-theme="dark"] .mail-message{background:#1c1c2a;border-color:#343345}[data-theme="dark"] .inbox-card.unread{border-left-color:#3aba88}
@media(max-width:900px){.inbox-thread{grid-template-columns:1fr}.inbox-notes{position:static}.inbox-toolbar{flex-direction:column;align-items:stretch}.inbox-toolbar form{width:100%}.inbox-toolbar input{flex:1;width:100%}.inbox-toolbar .tabs{flex-wrap:wrap}.inbox-card{padding:14px;gap:10px;flex-wrap:wrap}.inbox-card-meta{width:100%;flex-direction:row;justify-content:space-between;padding-left:54px}.mail-message-head{flex-direction:column}.mail-message{padding:16px}.mail-reply .row{align-items:stretch;flex-direction:column}.mail-reply button{width:100%}.inbox-card-main{width:calc(100% - 54px)}.mail-text{font-size:15px}}

.market-badge{display:inline-flex!important;align-items:center;gap:5px;width:auto!important;background:var(--soft,#eee9f7);color:var(--text,#493873);border:1px solid var(--line);margin:3px 4px 3px 0}#workspace-market{min-width:145px;max-width:210px;padding:8px 10px;border-radius:9px;background:var(--surface);color:var(--text);border:1px solid var(--line);font:inherit;height:38px}@media(max-width:640px){.workspace-actions{flex-wrap:wrap}#workspace-market{min-width:120px;max-width:160px;flex:1}.crm-topbar{height:auto;min-height:65px;padding-block:10px}}

.product-shell{position:relative;margin:16px 0}.product-shell .product-card{margin:0}.product-shell .product-card>summary{padding-right:64px}.product-tools{position:absolute;right:16px;top:20px;z-index:2;display:flex;gap:12px;align-items:center}.product-menu>summary{list-style:none;cursor:pointer;font-size:24px;padding:0 10px;border-radius:8px}.product-menu>div{position:absolute;right:0;min-width:170px;padding:8px;display:grid;gap:6px;background:var(--surface,#fff);border:1px solid var(--border,#ddd);border-radius:12px;box-shadow:0 8px 30px #0002}.product-selection-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;border:1px solid var(--border,#ddd);border-radius:12px}.product-selection-bar[hidden],.product-selection[hidden]{display:none}.product-selection{font-size:12px}.forecast-cover{width:100%;border-radius:14px;margin:10px 0}

.product-selection{position:absolute;left:16px;top:27px;z-index:2;margin:0}.product-shell.selecting .product-card>summary{padding-left:52px}.product-shell .product-meta strong{color:var(--text)}.product-menu>div{background:var(--panel,#fff);border-color:var(--line)}.product-shell[hidden]{display:none}