:root{--rab-bg:#f5f7fb;--rab-card:#ffffff;--rab-line:#e4e7ec;--rab-text:#111827;--rab-muted:#667085;--rab-primary:#4f46e5;--rab-primary-2:#0ea5e9;--rab-success:#16a34a;--rab-shadow:0 18px 55px rgba(15,23,42,0.08);--rab-radius:22px;}.rab-wrap,.rab-shell,.rab-frontend-shell,.rab-app-shell{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}.rab-shell{display:grid;grid-template-columns:360px 1fr;gap:24px;margin-top:24px;}.rab-sidebar,.rab-main,.rab-frontend-shell{display:grid;gap:24px;}.rab-brand-card,.rab-settings-card,.rab-shortcodes-card,.rab-panel-card,.rab-preview-card,.rab-metric-card,.rab-topbar-card,.rab-success-card,.rab-builder-form{background:var(--rab-card);border:1px solid var(--rab-line);border-radius:var(--rab-radius);box-shadow:var(--rab-shadow);}.rab-brand-card,.rab-settings-card,.rab-shortcodes-card,.rab-panel-card,.rab-preview-card,.rab-topbar-card,.rab-success-card,.rab-builder-form{padding:22px;}.rab-brand-card{display:flex;gap:16px;align-items:flex-start;}.rab-brand-badge{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;color:#fff;font-weight:700;background:linear-gradient(135deg,var(--rab-primary),var(--rab-primary-2));}.rab-brand-card h1,.rab-topbar-card h2,.rab-builder-hero h2,.rab-panel-head h3{margin:0;color:var(--rab-text);}.rab-brand-card p,.rab-topbar-card p,.rab-panel-head p,.rab-mini-head span,.rab-muted,.rab-settings-card span,.rab-shortcodes-card code,.rab-frontend-guard{color:var(--rab-muted);}.rab-mini-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;}.rab-settings-card form,.rab-form-grid,.rab-summary-grid{display:grid;gap:16px;}.rab-settings-card label,.rab-form-grid label{display:grid;gap:8px;}.rab-settings-card input,.rab-form-grid input,.rab-form-grid textarea,.rab-form-grid select,.rab-code-box textarea{width:100%;border:1px solid #d0d5dd;border-radius:16px;padding:12px 14px;background:#fff;color:var(--rab-text);}.rab-checkbox{display:flex !important;gap:10px;align-items:center;}.rab-shortcodes-card code{display:block;margin-top:10px;padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid var(--rab-line);}.rab-app-nav{display:inline-flex;gap:10px;padding:8px;border-radius:999px;background:#eef2ff;border:1px solid #dbeafe;width:fit-content;margin-bottom:18px;}.rab-app-nav button,.rab-primary-btn,.rab-ghost-btn,.rab-mini-copy,.rab-segmented button{border:0;border-radius:999px;cursor:pointer;font-weight:600;transition:all .18s ease;}.rab-app-nav button{background:transparent;padding:12px 16px;color:#344054;}.rab-app-nav button.is-active,.rab-primary-btn,.rab-segmented button.is-active{background:linear-gradient(135deg,var(--rab-primary),var(--rab-primary-2));color:#fff;}.rab-primary-btn,.rab-ghost-btn,.rab-mini-copy{padding:12px 16px;}.rab-ghost-btn,.rab-mini-copy{background:#fff;color:var(--rab-text);border:1px solid var(--rab-line);}.rab-primary-btn:hover,.rab-ghost-btn:hover,.rab-mini-copy:hover,.rab-app-nav button:hover,.rab-template-card:hover{transform:translateY(-1px);}.rab-topbar-card{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#111827,#312e81);color:#fff;}.rab-topbar-card h2,.rab-topbar-card p,.rab-topbar-card .rab-eyebrow{color:#fff;}.rab-eyebrow{display:inline-block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}.rab-topbar-actions,.rab-inline-actions{display:flex;gap:10px;flex-wrap:wrap;}.rab-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0;}.rab-metric-card{padding:20px;}.rab-metric-card span{display:block;color:var(--rab-muted);margin-bottom:10px;}.rab-metric-card strong{font-size:30px;line-height:1;color:var(--rab-text);}.rab-dashboard-grid,.rab-builder-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;}.rab-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}.rab-roadmap div,.rab-summary-grid > div,.rab-toggle{padding:16px;border-radius:18px;border:1px solid var(--rab-line);background:#fcfcfd;}.rab-roadmap strong{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;color:#fff;background:linear-gradient(135deg,var(--rab-primary),var(--rab-primary-2));}.rab-highlight-card{background:linear-gradient(180deg,#eff6ff,#fff);}.rab-brand-preview{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--rab-line);border-radius:18px;background:#fff;margin-bottom:16px;}.rab-brand-dot{width:42px;height:42px;border-radius:14px;}.rab-builder-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px;}.rab-stepper{display:flex;gap:10px;}.rab-stepper span{width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e5e7eb;color:#344054;font-weight:700;}.rab-stepper span.is-current{background:var(--rab-primary);color:#fff;}.rab-stepper span.is-done{background:#dcfce7;color:#15803d;}.rab-progress{width:100%;height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:20px;}.rab-progress span{display:block;height:100%;background:linear-gradient(135deg,var(--rab-primary),var(--rab-primary-2));}.rab-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}.rab-template-card{width:100%;text-align:left;display:flex;gap:14px;border:1px solid var(--rab-line);border-radius:22px;padding:18px;background:#fcfcfd;}.rab-template-card.is-selected{border-color:var(--rab-primary);background:#eef2ff;}.rab-template-icon{font-size:28px;}.rab-template-card p{margin:6px 0 0;color:var(--rab-muted);}.rab-template-kpis,.rab-preview-meta,.rab-check-grid{display:flex;gap:10px;flex-wrap:wrap;}.rab-template-kpis span,.rab-preview-meta span,.rab-badge{background:#eef2ff;color:#3538cd;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;}.rab-badge.is-chat{background:#ecfeff;color:#0f766e;}.rab-badge.is-voice{background:#eff6ff;color:#1d4ed8;}.rab-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.rab-form-grid .rab-full{grid-column:1 / -1;}.rab-segmented{display:inline-flex;gap:6px;padding:6px;background:#f3f4f6;border-radius:999px;border:1px solid var(--rab-line);}.rab-segmented button{background:transparent;padding:10px 16px;}.rab-check-grid{margin-top:16px;}.rab-toggle{display:flex;gap:10px;align-items:center;}.rab-preview-card{min-width:0;}.rab-prompt-preview{min-height:560px;white-space:pre-wrap;overflow:auto;padding:20px;border-radius:20px;margin:0;background:#0f172a;color:#f8fafc;}.rab-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.rab-summary-grid span,.rab-code-head span{display:block;margin-bottom:8px;color:var(--rab-muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase;}.rab-success-card{border-color:#bbf7d0;background:linear-gradient(180deg,#f0fdf4,#fff);}.rab-success-badge{width:50px;height:50px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--rab-success);color:#fff;font-weight:700;margin-bottom:14px;}.rab-code-box{margin-top:16px;}.rab-code-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;}.rab-code-box textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#111827;color:#f9fafb;}.rab-table-wrap{overflow:auto;}.rab-table{width:100%;border-collapse:collapse;}.rab-table th,.rab-table td{text-align:left;padding:14px;border-bottom:1px solid var(--rab-line);}.rab-table td small{display:block;color:var(--rab-muted);margin-top:6px;}.rab-table th{color:var(--rab-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;}.rab-frontend-guard{padding:16px 18px;border-radius:16px;border:1px solid #fddaca;background:#fff7ed;}@media (max-width:1220px){.rab-shell,.rab-dashboard-grid,.rab-builder-grid{grid-template-columns:1fr;}}@media (max-width:860px){.rab-dashboard-stats,.rab-form-grid,.rab-template-grid,.rab-summary-grid,.rab-roadmap{grid-template-columns:1fr;}.rab-topbar-card,.rab-builder-hero{flex-direction:column;align-items:flex-start;}.rab-app-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}}

.rab-error-box{margin:0 0 18px;padding:14px 16px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:16px;font-weight:600;}
.rab-field-error{display:block;margin-top:6px;color:#b42318;font-size:12px;font-weight:600;}
.rab-inline-note{padding:12px 14px;border:1px dashed var(--rab-line);border-radius:14px;background:#fff;color:var(--rab-muted);}
.rab-template-questions{margin-top:10px;}

.rab-row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.rab-danger-btn,.rab-link-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 16px;font-weight:600;text-decoration:none;}
.rab-danger-btn{border:1px solid #fecaca;background:#fff1f2;color:#be123c;cursor:pointer;}
.rab-danger-btn:hover{transform:translateY(-1px);}
.rab-link-btn{text-decoration:none;}
.rab-shell-panel{grid-template-columns:1fr;}
.rab-main-panel{display:grid;gap:18px;}
.rab-panel-user-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 22px;border-radius:22px;background:#fff;border:1px solid var(--rab-line);box-shadow:var(--rab-shadow);}
.rab-panel-user-head p{margin:6px 0 0;color:var(--rab-muted);}
@media (max-width:860px){.rab-panel-user-head{flex-direction:column;align-items:flex-start;}}