:root{color-scheme:light;font-family:Segoe UI,Helvetica Neue,sans-serif;color:#14213d;background:#f5f7fb;--color-bg: #f3f6fb;--color-surface: #ffffff;--color-surface-alt: #f8fbff;--color-border: #dbe4f0;--color-text: #14213d;--color-muted: #64748b;--color-primary: #2952cc;--color-primary-soft: #e7edff;--color-success: #0f9d73;--color-success-soft: #e8fbf4;--color-warning: #b7791f;--color-warning-soft: #fff6e5;--color-danger: #c2415d;--color-danger-soft: #fff0f4;--shadow-card: 0 18px 40px rgba(15, 23, 42, .08);--body-accent: rgba(41, 82, 204, .12);--body-start: #f7f9fc;--body-end: #eef3f8;--sidebar-bg: #0f172a;--sidebar-text: #f8fafc;--sidebar-border: rgba(255, 255, 255, .06);--sidebar-card-border: rgba(255, 255, 255, .08);--sidebar-card-bg: rgba(255, 255, 255, .04);--sidebar-muted: #cbd5e1;--sidebar-subtle: #94a3b8;--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-active-shadow: 0 10px 24px rgba(41, 82, 204, .35);--sidebar-logout-border: rgba(248, 113, 113, .2);--sidebar-logout-bg: rgba(127, 29, 29, .18);--sidebar-logout-color: #fecaca;--sidebar-logout-hover-bg: rgba(153, 27, 27, .26);--clock-border: rgba(41, 82, 204, .18);--clock-bg: radial-gradient(circle at top right, rgba(59, 130, 246, .18), transparent 36%), linear-gradient(135deg, #f4f8ff 0%, #ffffff 100%);--metric-bg: linear-gradient(180deg, rgba(248, 251, 255, .9) 0%, rgba(255, 255, 255, 1) 100%);--revenue-track-bg: linear-gradient(180deg, #eef4ff 0%, #f8fbff 100%);--table-border: rgba(219, 228, 240, .9);--input-bg: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);--input-bg-focus: #ffffff;--soft-panel-bg: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);--soft-panel-solid: #ffffff;--theme-toggle-bg: rgba(255, 255, 255, .75);--theme-toggle-border: rgba(41, 82, 204, .12);--theme-toggle-button-text: var(--color-muted);--theme-toggle-button-bg: transparent;--theme-toggle-button-active-bg: linear-gradient(135deg, #2952cc 0%, #3b82f6 100%);--theme-toggle-button-active-text: #ffffff;--danger-alert-border: rgba(194, 65, 93, .22);--danger-alert-bg: #fff5f7;--success-alert-border: rgba(15, 157, 115, .18);--success-alert-bg: #effcf7;--button-secondary-border: rgba(41, 82, 204, .18);--button-secondary-bg: #eef4ff;--button-danger-border: rgba(220, 38, 38, .18);--button-danger-bg: #fff1f2;--button-danger-text: #dc2626;--tutorial-card-border: rgba(41, 82, 204, .12);--tutorial-card-bg: radial-gradient(circle at top right, rgba(59, 130, 246, .12), transparent 34%), linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);--preview-shell-bg: linear-gradient(180deg, #f9fbff 0%, #edf3fb 100%);--preview-panel-bg: rgba(255, 255, 255, .92);--preview-badge-bg: #eef4ff;--preview-manual-bg: #ffffff;--info-banner-border: rgba(41, 82, 204, .14);--info-banner-bg: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);--secure-toggle-border: rgba(41, 82, 204, .14);--secure-toggle-bg: #eef4ff;--template-code-bg: #eef4ff;--whatsapp-pairing-bg: #0f172a;--whatsapp-pairing-text: #f8fafc;--login-backdrop-a: rgba(59, 130, 246, .22);--login-backdrop-b: rgba(41, 82, 204, .16);--login-showcase-border: rgba(219, 228, 240, .7);--login-showcase-bg: linear-gradient(160deg, rgba(15, 23, 42, .96) 0%, rgba(24, 42, 88, .92) 100%);--login-showcase-shadow: 0 28px 60px rgba(15, 23, 42, .24);--login-card-border: rgba(219, 228, 240, .85);--login-card-bg: rgba(255, 255, 255, .9);--login-card-shadow: 0 24px 54px rgba(15, 23, 42, .12);--login-helper-border: rgba(219, 228, 240, .9);--login-helper-bg: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%)}:root[data-theme=dark]{color-scheme:dark;color:#e5edf7;background:#09111f;--color-bg: #09111f;--color-surface: #121b2d;--color-surface-alt: #0f1828;--color-border: #27344b;--color-text: #e5edf7;--color-muted: #93a4bf;--color-primary: #74a7ff;--color-primary-soft: #17315a;--color-success: #4fd6a7;--color-success-soft: rgba(18, 95, 71, .28);--color-warning: #ffbf69;--color-warning-soft: rgba(128, 89, 24, .28);--color-danger: #ff8ca2;--color-danger-soft: rgba(126, 37, 59, .28);--shadow-card: 0 24px 50px rgba(0, 0, 0, .35);--body-accent: rgba(116, 167, 255, .14);--body-start: #0c1424;--body-end: #09111f;--sidebar-bg: #0b1220;--sidebar-text: #edf4ff;--sidebar-border: rgba(148, 163, 184, .16);--sidebar-card-border: rgba(148, 163, 184, .16);--sidebar-card-bg: rgba(148, 163, 184, .08);--sidebar-muted: #bfd0ea;--sidebar-subtle: #f59e0b;--sidebar-hover: rgba(148, 163, 184, .12);--sidebar-active-shadow: 0 12px 28px rgba(20, 44, 98, .45);--sidebar-logout-border: rgba(248, 113, 113, .22);--sidebar-logout-bg: rgba(127, 29, 29, .28);--sidebar-logout-color: #fecaca;--sidebar-logout-hover-bg: rgba(153, 27, 27, .38);--clock-border: rgba(116, 167, 255, .18);--clock-bg: radial-gradient(circle at top right, rgba(116, 167, 255, .18), transparent 36%), linear-gradient(135deg, #172338 0%, #0f1828 100%);--metric-bg: linear-gradient(180deg, rgba(19, 29, 47, .96) 0%, rgba(15, 24, 40, .98) 100%);--revenue-track-bg: linear-gradient(180deg, #162237 0%, #10192a 100%);--table-border: rgba(57, 72, 100, .9);--input-bg: linear-gradient(180deg, #131f33 0%, #101829 100%);--input-bg-focus: #18263d;--soft-panel-bg: linear-gradient(180deg, #131f33 0%, #101829 100%);--soft-panel-solid: #10192a;--theme-toggle-bg: rgba(9, 17, 31, .5);--theme-toggle-border: rgba(148, 163, 184, .14);--theme-toggle-button-text: #bdd0ec;--theme-toggle-button-bg: transparent;--theme-toggle-button-active-bg: linear-gradient(135deg, #2952cc 0%, #4f8dff 100%);--theme-toggle-button-active-text: #ffffff;--danger-alert-border: rgba(255, 140, 162, .26);--danger-alert-bg: rgba(99, 28, 48, .26);--success-alert-border: rgba(79, 214, 167, .22);--success-alert-bg: rgba(16, 83, 59, .26);--button-secondary-border: rgba(116, 167, 255, .22);--button-secondary-bg: #17315a;--button-danger-border: rgba(255, 140, 162, .24);--button-danger-bg: rgba(126, 37, 59, .24);--button-danger-text: #ffb0be;--tutorial-card-border: rgba(116, 167, 255, .14);--tutorial-card-bg: radial-gradient(circle at top right, rgba(116, 167, 255, .14), transparent 34%), linear-gradient(180deg, #131f33 0%, #101829 100%);--preview-shell-bg: linear-gradient(180deg, #0f1828 0%, #0b1220 100%);--preview-panel-bg: rgba(18, 27, 45, .96);--preview-badge-bg: #17315a;--preview-manual-bg: #0f1828;--info-banner-border: rgba(116, 167, 255, .18);--info-banner-bg: linear-gradient(180deg, #13203a 0%, #0f1828 100%);--secure-toggle-border: rgba(116, 167, 255, .2);--secure-toggle-bg: #17315a;--template-code-bg: #17315a;--whatsapp-pairing-bg: #07101d;--whatsapp-pairing-text: #edf4ff;--login-backdrop-a: rgba(116, 167, 255, .16);--login-backdrop-b: rgba(57, 84, 171, .18);--login-showcase-border: rgba(57, 72, 100, .7);--login-showcase-bg: linear-gradient(160deg, rgba(8, 16, 32, .98) 0%, rgba(17, 32, 61, .95) 100%);--login-showcase-shadow: 0 28px 60px rgba(0, 0, 0, .34);--login-card-border: rgba(57, 72, 100, .7);--login-card-bg: rgba(18, 27, 45, .9);--login-card-shadow: 0 24px 54px rgba(0, 0, 0, .28);--login-helper-border: rgba(57, 72, 100, .8);--login-helper-bg: linear-gradient(180deg, #13203a 0%, #0f1828 100%)}*{box-sizing:border-box}body{margin:0;color:var(--color-text);background:radial-gradient(circle at top left,var(--body-accent),transparent 28%),linear-gradient(180deg,var(--body-start) 0%,var(--body-end) 100%)}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.app-mobile-bar{display:none}.sidebar{position:relative;padding:24px;background:var(--sidebar-bg);color:var(--sidebar-text);box-shadow:inset -1px 0 0 var(--sidebar-border)}.sidebar-brand{margin-bottom:32px;font-size:20px;font-weight:700;letter-spacing:-.03em}.sidebar-mobile-header{display:block}.sidebar-close-button,.sidebar-overlay{display:none}.sidebar-user-card{display:grid;gap:4px;margin-bottom:24px;padding:14px;border:1px solid var(--sidebar-card-border);border-radius:14px;background:var(--sidebar-card-bg)}.sidebar-user-card strong{font-size:14px}.sidebar-user-card span{color:var(--sidebar-muted);font-size:12px}.sidebar-user-expiration{margin-top:4px;color:var(--sidebar-subtle);font-size:11px;font-weight:600}.sidebar-user-expiration-alert{color:#fdba74}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.sidebar-logout-button{width:100%;margin-top:24px;padding:12px 14px;border:1px solid var(--sidebar-logout-border);border-radius:10px;background:var(--sidebar-logout-bg);color:var(--sidebar-logout-color);cursor:pointer;font-weight:700;transition:background-color .2s ease,color .2s ease,transform .2s ease}.sidebar-logout-button:hover{background:var(--sidebar-logout-hover-bg);color:#fff;transform:translate(2px)}.sidebar-logout-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.sidebar-link{padding:12px 14px;border-radius:10px;color:var(--sidebar-muted);text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}.sidebar-link:hover{background:var(--sidebar-hover);color:#fff;transform:translate(2px)}.sidebar-link-active{background:linear-gradient(135deg,#2952cc,#3b82f6);color:#fff;box-shadow:var(--sidebar-active-shadow)}.theme-toggle{display:grid;gap:8px;margin-bottom:18px}.theme-toggle-compact{margin-bottom:20px}.theme-toggle-compact .theme-toggle-controls{width:100%;justify-content:space-between}.theme-toggle-label{color:var(--sidebar-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.theme-toggle-controls{display:inline-flex;width:fit-content;gap:6px;padding:6px;border:1px solid var(--theme-toggle-border);border-radius:999px;background:var(--theme-toggle-bg)}.theme-toggle-button{padding:8px 14px;border:none;border-radius:999px;background:var(--theme-toggle-button-bg);color:var(--theme-toggle-button-text);cursor:pointer;font-size:13px;font-weight:700}.theme-toggle-button-active{background:var(--theme-toggle-button-active-bg);color:var(--theme-toggle-button-active-text)}.app-content{padding:32px}.page{display:flex;flex-direction:column;gap:24px}.page-header h1{margin:0 0 6px;font-size:42px;letter-spacing:-.04em}.page-header p{margin:0;max-width:640px;color:var(--color-muted)}.card{padding:20px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);box-shadow:var(--shadow-card);white-space:pre-wrap;overflow:auto}.dashboard-page{gap:28px}.dashboard-clock-card{display:grid;gap:6px;padding:18px 22px;border:1px solid var(--clock-border);border-radius:20px;background:var(--clock-bg);box-shadow:var(--shadow-card)}.dashboard-clock-card strong{color:var(--color-primary);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dashboard-clock-card span{color:var(--color-text);font-size:24px;font-weight:700;line-height:1.4;letter-spacing:-.03em}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric-card{padding:22px;border:1px solid var(--color-border);border-radius:20px;background:var(--metric-bg);box-shadow:var(--shadow-card)}.metric-card-title{display:inline-block;margin-bottom:14px;color:var(--color-muted);font-size:14px;font-weight:600}.metric-card-value{display:block;margin-bottom:10px;font-size:32px;font-weight:700;letter-spacing:-.04em}.metric-card-description{margin:0;color:var(--color-muted);font-size:14px;line-height:1.6}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}.dashboard-stack{display:grid;gap:20px}.dashboard-section-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.dashboard-section-header h2{margin:0 0 4px;font-size:22px;letter-spacing:-.03em}.dashboard-section-header p{margin:0;color:var(--color-muted);font-size:14px}.dashboard-table-card,.revenue-chart-card{min-height:100%}.dashboard-table-wrapper{overflow-x:auto}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th,.dashboard-table td{padding:14px 0;text-align:left;border-bottom:1px solid var(--table-border)}.dashboard-table th{color:var(--color-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dashboard-table td{color:var(--color-text);font-size:14px;vertical-align:middle}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-empty-state{display:flex;align-items:center;justify-content:center;min-height:160px;border:1px dashed var(--color-border);border-radius:18px;color:var(--color-muted);background:var(--color-surface-alt)}.revenue-chart-total{font-size:24px;letter-spacing:-.03em}.revenue-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:14px;align-items:end;min-height:280px}.revenue-bar-group{display:grid;gap:10px;min-width:0}.revenue-bar-value{color:var(--color-muted);font-size:12px;text-align:center}.revenue-bar-track{position:relative;display:flex;align-items:end;justify-content:center;height:180px;padding:10px;border-radius:18px;background:var(--revenue-track-bg);overflow:hidden}.revenue-bar-fill{width:100%;border-radius:14px;background:linear-gradient(180deg,#5b84ff,#2952cc);box-shadow:0 12px 24px #2952cc38}.revenue-bar-label{color:var(--color-text);font-size:13px;font-weight:600;text-align:center;text-transform:capitalize}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:96px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em}.status-badge-active,.status-badge-open,.status-badge-paid,.status-badge-sent{background:var(--color-success-soft);color:var(--color-success)}.status-badge-due_soon,.status-badge-connecting,.status-badge-pending{background:var(--color-warning-soft);color:var(--color-warning)}.status-badge-close,.status-badge-created,.status-badge-not_found,.status-badge-not_configured,.status-badge-overdue,.status-badge-canceled,.status-badge-failed,.status-badge-default{background:var(--color-danger-soft);color:var(--color-danger)}.dashboard-state{display:grid;gap:12px}.dashboard-state h2,.dashboard-state p{margin:0}.dashboard-state p{color:var(--color-muted)}.button-primary{width:fit-content;padding:12px 18px;border:none;border-radius:12px;background:linear-gradient(135deg,#2952cc,#3b82f6);color:#fff;cursor:pointer;font-weight:600;box-shadow:0 12px 24px #2952cc38}.button-primary:disabled{cursor:not-allowed;opacity:.7;box-shadow:none}.button-secondary{width:fit-content;padding:12px 18px;border:1px solid var(--button-secondary-border);border-radius:12px;background:var(--button-secondary-bg);color:var(--color-primary);cursor:pointer;font-weight:700}.button-secondary:disabled{cursor:not-allowed;opacity:.7}.button-danger{width:fit-content;padding:12px 18px;border:1px solid var(--button-danger-border);border-radius:12px;background:var(--button-danger-bg);color:var(--button-danger-text);cursor:pointer;font-weight:700}.button-danger:disabled{cursor:not-allowed;opacity:.7}.customers-page{gap:28px}.customers-layout,.feedback-layout{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:20px;align-items:start}.customers-form-card,.customers-list-card{padding:24px;border-radius:20px}.customers-form{display:grid;gap:16px}.customers-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.customer-field{display:grid;gap:8px}.customer-field span{color:var(--color-text);font-size:14px;font-weight:600}.customer-field-hint{margin-top:-2px;color:var(--color-muted);font-size:12px;line-height:1.5}.customer-input{width:100%;padding:13px 14px;border:1px solid var(--color-border);border-radius:14px;outline:none;background:var(--input-bg);color:var(--color-text);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.customer-input::placeholder{color:#94a3b8}.customer-input:focus{border-color:#2952cc73;box-shadow:0 0 0 4px #2952cc1f;background:var(--input-bg-focus)}.customer-textarea{min-height:120px;resize:vertical;font-family:inherit}.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--color-border);border-radius:16px;background:var(--soft-panel-bg)}.toggle-copy{display:grid;gap:6px}.toggle-copy strong{font-size:14px}.toggle-copy span{color:var(--color-muted);font-size:13px;line-height:1.5}.toggle-input{width:18px;height:18px;accent-color:var(--color-primary)}.customers-submit-button{margin-top:4px}.customers-form-actions{display:flex;flex-wrap:wrap;gap:12px}.customers-alert{padding:14px 16px;border:1px solid var(--danger-alert-border);border-radius:16px;background:var(--danger-alert-bg);color:var(--color-danger);font-size:14px;font-weight:500}.customers-empty-state{flex-direction:column;gap:8px;min-height:220px;text-align:center}.customers-empty-state strong{color:var(--color-text);font-size:16px}.customers-empty-state p{margin:0;max-width:420px;color:var(--color-muted);line-height:1.6}.customers-name-cell{display:grid;gap:4px}.feedback-guide,.profile-summary{display:grid;gap:16px}.profile-summary-item{display:grid;gap:6px;padding:16px;border:1px solid var(--color-border);border-radius:16px;background:var(--soft-panel-bg)}.profile-summary-item strong{color:var(--color-text);font-size:14px}.profile-summary-item span{color:var(--color-muted);line-height:1.6}.tutorials-page{gap:28px}.tutorials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tutorial-card{display:grid;gap:12px;padding:22px;border:1px solid var(--tutorial-card-border);border-radius:20px;background:var(--tutorial-card-bg);box-shadow:var(--shadow-card)}.tutorial-card strong{color:var(--color-text);font-size:20px;letter-spacing:-.03em}.tutorial-card p{margin:0;color:var(--color-muted);line-height:1.7}.tutorial-card-link{width:fit-content;color:var(--color-primary);font-size:14px;font-weight:700;text-decoration:none}.tutorials-stack{display:grid;gap:20px}.tutorial-detail-card{padding:24px;border-radius:20px}.tutorial-steps{margin:0;padding-left:20px;color:var(--color-text);line-height:1.8}.tutorial-steps li+li{margin-top:10px}.accounts-table-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.accounts-header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.accounts-filter-toggle{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--color-border);border-radius:14px;background:var(--soft-panel-bg);color:var(--color-text);font-size:13px;font-weight:600}.accounts-filter-toggle input{width:16px;height:16px;accent-color:var(--color-primary)}.accounts-protected-note{color:var(--color-muted);font-size:12px;line-height:1.5}.customers-name-cell strong{color:var(--color-text);font-size:14px}.customers-name-cell span{color:var(--color-muted);font-size:12px}.customers-actions-head,.customers-actions-cell{text-align:right!important}.customers-actions-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.customers-icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:12px;background:var(--soft-panel-bg);color:var(--color-primary);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.customers-icon-button:hover{transform:translateY(-1px);border-color:#2952cc3d;background:var(--button-secondary-bg)}.customers-icon-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.customers-icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.customers-icon-button-danger{color:var(--color-danger);border-color:#c2415d2e;background:#fff1f4}.customers-icon-button-danger:hover{border-color:#c2415d47;background:#ffe6ec}.customers-delete-button{padding:10px 14px;border:1px solid rgba(194,65,93,.18);border-radius:12px;background:#fff1f4;color:var(--color-danger);font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.customers-delete-button:hover{transform:translateY(-1px);background:#ffe6ec;border-color:#c2415d47}.customers-inline-button{margin-right:10px}.customers-actions-row{display:flex;flex-wrap:wrap;gap:12px}.customers-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#09111f85;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.customers-modal-card{width:min(100%,520px);padding:24px;border-radius:22px}.customer-profile-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.customer-profile-card{padding:24px;border-radius:20px}.customer-profile-empty-state{min-height:160px}.customer-reminder-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.customer-reminder-status-card{display:grid;gap:8px;padding:16px;border:1px solid var(--color-border);border-radius:16px;background:var(--soft-panel-bg)}.customer-reminder-status-card strong{color:var(--color-text);font-size:14px}.customer-reminder-status-card span{color:var(--color-muted);font-size:13px;line-height:1.5}.customer-reminder-status-card-active{border-color:#0f9d7338;background:var(--success-alert-bg)}.customer-fieldset{display:grid;gap:16px;padding:18px;border:1px solid var(--color-border);border-radius:18px;background:var(--soft-panel-bg)}.customer-fieldset-header{display:grid;gap:6px}.customer-fieldset-header strong{font-size:15px}.customer-fieldset-header span{color:var(--color-muted);font-size:13px;line-height:1.5}.customer-events-grid{display:grid;gap:12px}.resource-page{gap:28px}.checkout-subnav{display:flex;flex-wrap:wrap;gap:12px}.checkout-subnav-link{padding:10px 14px;border:1px solid rgba(41,82,204,.14);border-radius:999px;background:#ffffffe0;color:var(--color-primary);text-decoration:none;font-size:14px;font-weight:700;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.checkout-subnav-link:hover{transform:translateY(-1px);border-color:#2952cc47;background:#eef4ff}.checkout-subnav-link-active{border-color:#2952cc4d;background:linear-gradient(135deg,#2952cc,#3b82f6);color:#fff;box-shadow:0 10px 24px #2952cc33}.checkout-admin-layout{display:grid;grid-template-columns:minmax(360px,460px) minmax(0,1fr);gap:20px;align-items:start}.checkout-preview-card{padding:24px;border-radius:20px}.checkout-preview-shell{overflow:hidden;border:1px solid var(--color-border);border-radius:24px;background:var(--preview-shell-bg)}.checkout-preview-hero{min-height:220px;padding:28px;display:flex;align-items:end;background:linear-gradient(125deg,#103776e6,#1d63e9c7);background-size:cover;background-position:center;color:#fff}.checkout-preview-hero-copy{display:grid;gap:12px;max-width:580px}.checkout-preview-logo{width:fit-content;max-width:160px;max-height:64px;border-radius:14px;background:#ffffff1f;object-fit:contain}.checkout-preview-logo-placeholder{min-width:96px;min-height:44px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;color:#ffffffc7;border:1px dashed rgba(255,255,255,.36)}.checkout-preview-hero h3{margin:0;font-size:34px;letter-spacing:-.04em}.checkout-preview-hero p{margin:0;color:#ffffffd6;line-height:1.7}.checkout-preview-body{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:18px;padding:18px}.checkout-preview-summary,.checkout-preview-methods{padding:20px;border:1px solid var(--color-border);border-radius:20px;background:var(--preview-panel-bg)}.checkout-preview-status{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:8px 14px;border-radius:999px;background:var(--color-warning-soft);color:var(--color-warning);font-size:12px;font-weight:700}.checkout-preview-amount{display:block;margin:14px 0 20px;font-size:34px;letter-spacing:-.04em}.checkout-preview-grid{display:grid;gap:14px}.checkout-preview-grid div{display:grid;gap:4px;padding-bottom:14px;border-bottom:1px solid rgba(219,228,240,.8)}.checkout-preview-grid div:last-child{padding-bottom:0;border-bottom:none}.checkout-preview-grid span{color:var(--color-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.checkout-preview-grid strong{font-size:14px}.checkout-preview-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.checkout-preview-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--preview-badge-bg);color:var(--color-primary);font-size:12px;font-weight:700}.checkout-preview-methods{display:grid;gap:16px}.checkout-preview-methods-header{display:grid;gap:6px}.checkout-preview-methods-header strong{font-size:18px}.checkout-preview-methods-header span{color:var(--color-muted);font-size:13px}.checkout-preview-method-list{display:grid;gap:14px}.checkout-preview-method-card{display:grid;gap:12px;padding:18px;border:1px solid var(--color-border);border-radius:18px;background:var(--soft-panel-bg)}.checkout-preview-method-card h4,.checkout-preview-method-card p{margin:0}.checkout-preview-method-card h4{font-size:16px}.checkout-preview-method-card p{color:var(--color-muted);font-size:14px;line-height:1.6}.checkout-preview-manual-box{padding:14px 16px;border:1px solid var(--color-border);border-radius:14px;background:var(--preview-manual-bg);color:#94a3b8;font-size:13px}.checkout-preview-button{width:100%;justify-content:center}.checkout-info-banner{display:grid;gap:6px;padding:16px 18px;border:1px solid var(--info-banner-border);border-radius:18px;background:var(--info-banner-bg)}.checkout-info-banner strong{font-size:15px}.checkout-info-banner span{color:var(--color-muted);font-size:13px;line-height:1.55}.secure-input-row{position:relative}.secure-input-field{padding-right:52px}.secure-input-toggle{position:absolute;top:50%;right:10px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--secure-toggle-border);border-radius:10px;background:var(--secure-toggle-bg);color:var(--color-primary);cursor:pointer;transform:translateY(-50%)}.checkout-status-grid{display:grid;gap:14px}.checkout-status-card{display:grid;gap:8px;padding:18px;border:1px solid var(--color-border);border-radius:18px;background:var(--soft-panel-bg)}.checkout-status-card span{color:var(--color-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.checkout-status-card strong{font-size:24px;letter-spacing:-.03em}.checkout-status-card p{margin:0;color:var(--color-muted);font-size:13px;line-height:1.55}.checkout-credential-list{display:grid;gap:14px}.resource-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.resource-primary-cell{display:grid;gap:4px}.resource-primary-cell strong{color:var(--color-text);font-size:14px}.resource-primary-cell span{color:var(--color-muted);font-size:12px}.resource-pill{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.resource-pill-success{background:var(--color-success-soft);color:var(--color-success)}.resource-pill-danger{background:var(--color-danger-soft);color:var(--color-danger)}.resource-pill-warning{background:var(--color-warning-soft);color:var(--color-warning)}.success-alert{padding:14px 16px;border:1px solid var(--success-alert-border);border-radius:16px;background:var(--success-alert-bg);color:var(--color-success);font-size:14px;font-weight:600}.whatsapp-page{gap:28px}.whatsapp-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;align-items:start}.whatsapp-layout-bottom{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)}.whatsapp-settings-card,.whatsapp-instance-card,.whatsapp-automation-card,.whatsapp-send-card{padding:24px;border-radius:20px}.whatsapp-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.whatsapp-actions-row{display:flex;flex-wrap:wrap;gap:12px}.template-help{color:var(--color-muted);font-size:13px;line-height:1.6}.template-help code{padding:2px 6px;border-radius:8px;background:var(--template-code-bg);color:var(--color-primary)}.template-variables-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}.template-variable-guide{display:grid;gap:16px}.template-variable-sections{display:grid;gap:22px}.template-variable-section{display:grid;gap:14px}.template-variable-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.template-variable-section-header strong{font-size:16px}.template-variable-section-header span{color:var(--color-muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.template-variable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-variable-card{display:grid;gap:10px;padding:18px;border:1px solid var(--color-border);border-radius:18px;background:var(--soft-panel-bg)}.template-variable-card code{width:fit-content;padding:6px 10px;border-radius:999px;background:var(--template-code-bg);color:var(--color-primary);font-size:12px;font-weight:700}.template-variable-card strong{font-size:15px}.template-variable-card p{margin:0;color:var(--color-muted);font-size:13px;line-height:1.55}.template-variable-card span{color:var(--color-text);font-size:12px}.whatsapp-instance-overview{display:grid;gap:18px}.whatsapp-instance-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.whatsapp-instance-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.whatsapp-instance-meta div{display:grid;gap:6px;padding:16px;border:1px solid var(--color-border);border-radius:16px;background:var(--soft-panel-bg)}.whatsapp-instance-meta span{color:var(--color-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.whatsapp-instance-meta strong{font-size:15px}.whatsapp-link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.whatsapp-qr-panel{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:center;padding:18px;border:1px solid var(--color-border);border-radius:20px;background:var(--soft-panel-bg)}.whatsapp-qr-image{width:100%;max-width:280px;padding:12px;border-radius:18px;background:var(--soft-panel-solid);box-shadow:0 16px 30px #0f172a14}.whatsapp-qr-copy{display:grid;gap:10px}.whatsapp-qr-copy strong{font-size:18px}.whatsapp-qr-copy span{color:var(--color-muted);line-height:1.6}.whatsapp-pairing-code{width:fit-content;padding:10px 14px;border-radius:12px;background:var(--whatsapp-pairing-bg);color:var(--whatsapp-pairing-text);font-size:20px;font-weight:700;letter-spacing:.08em}.whatsapp-instance-empty{min-height:220px;text-align:center}.whatsapp-automation-scan-card{display:grid;gap:20px;padding:24px;border-radius:20px}.whatsapp-scan-overview,.whatsapp-scan-report,.whatsapp-scan-skip-list{display:grid;gap:14px}.whatsapp-scan-overview,.whatsapp-scan-report{grid-template-columns:repeat(4,minmax(0,1fr))}.whatsapp-scan-report article,.whatsapp-scan-skip-list div{display:grid;gap:6px;padding:16px;border:1px solid var(--color-border);border-radius:16px;background:var(--soft-panel-bg)}.whatsapp-scan-report span,.whatsapp-scan-skip-list span{color:var(--color-muted);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.whatsapp-scan-report strong,.whatsapp-scan-skip-list strong{color:var(--color-text);font-size:16px}.whatsapp-scan-skip-list{grid-template-columns:repeat(7,minmax(0,1fr))}.login-shell{position:relative;min-height:100vh;overflow:hidden;padding:32px;display:flex;align-items:center;justify-content:center}.login-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,var(--login-backdrop-a),transparent 24%),radial-gradient(circle at bottom left,var(--login-backdrop-b),transparent 28%);pointer-events:none}.login-layout{position:relative;z-index:1;width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,460px);gap:24px;align-items:stretch}.login-showcase{padding:40px;border:1px solid var(--login-showcase-border);border-radius:28px;background:var(--login-showcase-bg);color:#f8fafc;box-shadow:var(--login-showcase-shadow)}.login-showcase-badge{display:inline-flex;align-items:center;padding:10px 14px;margin-bottom:28px;border-radius:999px;background:#ffffff1a;color:#dbeafe;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-showcase h1{margin:0 0 14px;max-width:520px;font-size:52px;line-height:1.02;letter-spacing:-.05em}.login-showcase p{margin:0;max-width:520px;color:#e2e8f0d1;font-size:16px;line-height:1.8}.login-showcase-list{margin:32px 0 0;padding:0;list-style:none;display:grid;gap:14px}.login-showcase-list li{position:relative;padding-left:22px;color:#e2e8f0;font-size:15px;line-height:1.7}.login-showcase-list li:before{content:"";position:absolute;top:10px;left:0;width:8px;height:8px;border-radius:999px;background:#60a5fa;box-shadow:0 0 0 6px #60a5fa24}.login-card{display:grid;gap:24px;padding:32px;border:1px solid var(--login-card-border);border-radius:28px;background:var(--login-card-bg);box-shadow:var(--login-card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card-header{display:grid;gap:8px}.login-card-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.login-card-header-top .theme-toggle{margin-bottom:0}.login-eyebrow{color:var(--color-primary);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-card-header h2{margin:0;font-size:34px;line-height:1.08;letter-spacing:-.04em}.login-card-header p{margin:0;color:var(--color-muted);font-size:14px;line-height:1.7}.login-form{display:grid;gap:16px}.auth-mode-switch{display:inline-flex;gap:8px;padding:6px;border:1px solid var(--color-border);border-radius:999px;background:var(--soft-panel-bg)}.auth-mode-button{padding:10px 16px;border:none;border-radius:999px;background:transparent;color:var(--color-muted);cursor:pointer;font-weight:700}.auth-mode-button-active{background:linear-gradient(135deg,#2952cc,#3b82f6);color:#fff}.captcha-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.captcha-prompt{display:grid;gap:6px}.captcha-prompt strong{font-size:18px}.captcha-prompt span{color:var(--color-muted);font-size:13px;line-height:1.6}.login-submit-button{width:100%;justify-content:center;padding-block:14px;font-size:15px}.login-helper-card{display:grid;gap:6px;padding:18px 18px 20px;border:1px solid var(--login-helper-border);border-radius:18px;background:var(--login-helper-bg)}.account-access-shell{position:relative;min-height:100vh;padding:32px;display:flex;align-items:center;justify-content:center;overflow:hidden}.account-access-layout{position:relative;z-index:1;width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,.95fr) minmax(380px,480px);gap:24px;align-items:start}.account-access-hero{display:grid;gap:20px;padding:34px;border:1px solid var(--color-border);border-radius:28px;background:var(--color-surface);box-shadow:var(--shadow-card)}.account-access-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.account-access-hero h1{margin:0;font-size:44px;line-height:1.05;letter-spacing:-.04em}.account-access-hero p{margin:0;color:var(--color-muted);line-height:1.8}.account-access-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.account-access-card{padding:24px;border-radius:24px}.account-access-content{display:grid;gap:18px}.account-access-plan-grid{display:grid;gap:14px}.account-access-plan-card{display:grid;gap:6px;padding:18px;border:1px solid var(--color-border);border-radius:18px;background:var(--soft-panel-bg);color:var(--color-text);cursor:pointer;text-align:left}.account-access-plan-card-active{border-color:#2952cc6b;box-shadow:0 0 0 3px #2952cc1f}.account-access-plan-card span{font-size:20px;font-weight:700}.account-access-plan-card small{color:var(--color-muted)}.account-access-actions{display:grid;gap:10px}.account-access-payment-card,.account-access-qr-box{display:grid;gap:14px}.account-access-qr-image{width:100%;max-width:280px;padding:16px;border:1px solid var(--color-border);border-radius:20px;background:var(--soft-panel-solid);box-shadow:var(--shadow-card)}.login-helper-card strong{color:var(--color-text);font-size:14px}.login-helper-card span{color:var(--color-muted);font-size:13px}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:none;background:#030a148f;opacity:0;pointer-events:none;transition:opacity .24s ease}.sidebar-overlay-visible{display:block;opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;width:min(340px,86vw);padding:18px 18px 24px;overflow-y:auto;transform:translate(-104%);transition:transform .28s ease;box-shadow:0 24px 60px #00000052}.sidebar-open{transform:translate(0)}.sidebar-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.sidebar-brand{margin-bottom:0}.sidebar-close-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--sidebar-card-border);border-radius:12px;background:var(--sidebar-card-bg);color:var(--sidebar-text);cursor:pointer;font-size:24px;line-height:1}.app-mobile-bar{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:14px 16px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow-card)}.app-mobile-menu-button{width:46px;height:46px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--color-border);border-radius:14px;background:var(--soft-panel-bg);cursor:pointer}.app-mobile-menu-button span{width:20px;height:2px;border-radius:999px;background:var(--color-text)}.app-mobile-bar-copy{display:grid;gap:4px}.app-mobile-bar-copy strong{color:var(--color-text);font-size:15px}.app-mobile-bar-copy span{color:var(--color-muted);font-size:12px}.app-content{padding:20px}.page-header h1{font-size:34px}.metrics-grid,.dashboard-grid,.resource-summary-grid,.whatsapp-scan-overview,.whatsapp-scan-report,.whatsapp-scan-skip-list,.customers-layout,.customer-profile-layout,.customer-reminder-status-grid,.feedback-layout,.checkout-admin-layout,.checkout-preview-body,.customers-form-grid{grid-template-columns:1fr}.customers-modal-overlay{padding:16px}.whatsapp-layout,.whatsapp-layout-bottom,.whatsapp-settings-grid,.whatsapp-instance-meta,.whatsapp-qr-panel,.login-layout{grid-template-columns:1fr}.login-showcase h1{font-size:40px}}@media(max-width:720px){.metrics-grid{grid-template-columns:1fr}.dashboard-section-header{flex-direction:column}.revenue-chart{grid-template-columns:repeat(3,minmax(0,1fr))}.customers-form-card,.customers-list-card{padding:20px}.app-mobile-bar{padding:12px 14px;border-radius:16px}.sidebar{width:min(320px,88vw)}.tutorials-grid{grid-template-columns:1fr}.login-shell{padding:18px}.login-showcase,.login-card{padding:24px;border-radius:22px}.login-showcase h1{font-size:32px}.login-card-header h2{font-size:28px}}