:root {
  color-scheme: dark;
  --ink: #f4f2ff;
  --muted: #9492a6;
  --purple: #8b7cff;
  --purple2: #aa78ff;
  --soft: #1d1933;
  --line: #292837;
  --green: #35d39a;
  --paper: #090b12;
  --cream: #0d0f17;
  --surface: #11131d;
  --surface-raised: #151824;
  --surface-soft: #191b28;
}

body { background: var(--paper); color: var(--ink); }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; background:radial-gradient(circle at 18% 0,#271d4a55,transparent 34%),radial-gradient(circle at 90% 18%,#172c4b44,transparent 30%); }
.topbar { background:rgba(9,11,18,.86); border-color:var(--line); box-shadow:0 10px 35px #0004; }
.topbar nav a { color:#a3a0b2; }
.topbar nav a.active,.topbar nav a:hover { color:#fff; }
.admin-link,.btn.ghost { background:#12141e; border-color:#343342; color:#eceaff; }
.menu { color:#fff; }
.hero { background:radial-gradient(circle at 50% 120%,#342267 0,transparent 47%),linear-gradient(180deg,#090b12,#0d0e18); }
.hero>p,.step-grid p,.page-heading p,.center-page>p { color:var(--muted); }
.orb-a { background:radial-gradient(circle at 70% 30%,#5f48cf66,transparent 68%); }
.orb-b { background:radial-gradient(circle at 30% 30%,#643da866,transparent 68%); }
.steps { background:#0d0f17; }
.step-grid article,.form-card,.search-card,.detail-card,.track-card,.stats article,.table-card { background:linear-gradient(145deg,#141620,#10121b); border-color:var(--line); box-shadow:0 20px 60px #0002; }
.step-grid b { color:#4c4a5a; }
.step-grid i { background:#201a39; }
.quote { background:linear-gradient(135deg,#171329,#211a3d); border-block:1px solid #322b50; }
footer { background:#090b12; border-color:var(--line); }
.field input,.field select,.field textarea,.search-row input,.table-head select { background:#0c0e16; border-color:#343342; color:#f4f2ff; }
.field input::placeholder,.field textarea::placeholder,.search-row input::placeholder { color:#5f5d6e; }
.field input:focus,.field select:focus,.field textarea:focus,.search-row input:focus { border-color:var(--purple); box-shadow:0 0 0 3px #8b7cff22; }
.consent { color:#aaa7b7; }
.protocol { background:#121020; border-color:#51468b; }
.success-icon { background:#10291f; }
.success-icon.dark { background:#201a39; }
.tabs { background:#0b0d14; border:1px solid var(--line); }
.tabs button { color:#8f8c9e; }
.tabs button.selected { background:#211c38; color:#fff; box-shadow:none; }
.timeline { border-color:#353342; }
.timeline i { border-color:#292047; }
.empty { border-color:#363443; background:#10121a; }
.admin-shell { background:#0b0d14; }
.admin-shell aside { background:#0e1018; border-color:var(--line); }
.admin-shell aside a,.admin-shell aside button { color:#9996a8; }
.admin-shell aside a:hover { background:#171a25; color:#fff; }
.admin-shell aside a.active { background:#211b39; color:#a99eff; }
.stats article strong { color:#fff; }
.table-head,td { border-color:var(--line); }
th { background:#0c0e16; color:#747181; }
tbody tr { transition:background .2s; }
tbody tr:hover { background:#171923; }
.arrow { border-color:#3a3847; background:#151722; }
.system-row { border-color:var(--line); }
.system-row:hover,.system-row.editing { background:#191728; }
.system-row.editing { box-shadow:inset 3px 0 var(--purple); }
.system-row>a { padding:7px 10px; border-radius:8px; background:#211b39; }
.form-title { display:flex; align-items:center; justify-content:space-between; }
.form-title a { color:var(--muted); font-size:12px; font-weight:700; }
.form-title a:hover { color:#fff; }
.detail-card>p { color:#c2bfcd; }
.ai-card { border-color:#3d3563; }
.prompt-box { background:#080910; border:1px solid #302b4d; }
.badge.blue { background:#14263c; color:#72b5ff; }
.badge.amber { background:#332511; color:#f0b959; }
.badge.purple { background:#281d40; color:#b494ff; }
.badge.indigo { background:#211f48; color:#aaa5ff; }
.badge.green { background:#102b21; color:#4bd9a5; }
.badge.gray { background:#22232b; color:#aaa8b2; }
.alert { background:#33191c; color:#ff9fa7; border:1px solid #592a30; }
.priority { background:#312610; color:#edbb5d; }
.toast { background:#123328; color:#64e3b5; box-shadow:0 14px 45px #0008; }
.toast.error { background:#381b20; color:#ffadb4; }
input[type="color"] { min-height:48px; padding:5px; cursor:pointer; }
select option { background:#11131d; color:#fff; }
.settings-page{max-width:1100px}.settings-form{display:grid;gap:18px;margin-top:30px}.settings-card{background:linear-gradient(145deg,#141620,#10121b);border:1px solid var(--line);border-radius:18px;padding:26px}.settings-title{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding-bottom:22px;border-bottom:1px solid var(--line)}.settings-title h2{font:700 18px Manrope;margin:0 0 4px}.settings-title p{color:var(--muted);font-size:12px;margin:0}.settings-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#241d43;color:#a89dff;font-size:19px}.settings-icon.whatsapp{background:#102d22;color:#46dba4}.connection{padding:7px 10px;border-radius:99px;font-size:10px;font-weight:800}.connection.ready{background:#102b21;color:#4bd9a5}.connection.pending{background:#312610;color:#edbb5d}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.secret-input{position:relative}.secret-input input{padding-right:45px}.toggle-secret{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);cursor:pointer;font-size:16px}.settings-actions{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:8px 2px}.settings-actions strong,.settings-actions span{display:block}.settings-actions strong{font-size:13px}.settings-actions span{color:var(--muted);font-size:11px;margin-top:4px}.field code{color:#b5aaff}@media(max-width:680px){.settings-fields{grid-template-columns:1fr}.settings-title{grid-template-columns:auto 1fr}.settings-title .connection{grid-column:2}.settings-actions{align-items:stretch;flex-direction:column}.settings-actions .btn{width:100%}}
@media(max-width:680px){.topbar nav{background:#0e1018;border-color:var(--line)}}
.optional{color:var(--muted);font-weight:500}.file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:145px;border:1px dashed #4a465b;border-radius:14px;background:#0c0e16;cursor:pointer;text-align:center;transition:.2s}.upload-zone:hover{border-color:var(--purple);background:#131124}.upload-zone .upload-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#241d43;color:#b0a6ff;font-size:22px}.upload-zone small{color:var(--muted)}.file-list{display:grid;gap:7px}.file-list>span{display:flex;justify-content:space-between;gap:15px;padding:9px 11px;background:#171923;border:1px solid var(--line);border-radius:8px;font-size:11px}.file-list small{color:var(--muted)}.request-media-strip,.notification-strip{margin:20px max(24px,4vw) 0 250px;padding:18px 22px;background:#11131d;border:1px solid var(--line);border-radius:15px}.request-media-strip>div:first-child{display:flex;justify-content:space-between;margin-bottom:14px}.request-media-strip .aside-label{margin:0}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.attachment{display:flex;align-items:center;gap:11px;min-width:0;padding:9px;background:#0b0d14;border:1px solid var(--line);border-radius:10px}.attachment img,.attachment-type{width:55px;height:48px;flex:0 0 auto;border-radius:7px;object-fit:cover}.attachment-type{display:grid;place-items:center;background:#241d43;color:#b6acff;font-size:12px;font-weight:800}.attachment>span:last-child{min-width:0}.attachment strong,.attachment small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment strong{font-size:11px}.attachment small{color:var(--muted);font-size:9px;margin-top:4px}.notification-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.notification-strip .aside-label{margin:0 8px 0 0}.send-result{padding:7px 9px;border-radius:8px;font-size:10px}.send-result.ok{background:#102b21;color:#4bd9a5}.send-result.fail{background:#381b20;color:#ffadb4}@media(max-width:900px){.request-media-strip,.notification-strip{margin:16px 18px}}