:root{color-scheme:light;--bg: #f5f7fb;--surface: #ffffff;--surface-muted: #f8fafc;--border: #e4e8f0;--border-strong: #d1d5db;--text: #0f172a;--text-muted: #64748b;--primary: #1e3a8a;--primary-hover: #1e40af;--primary-soft: #eef2ff;--success: #16a34a;--success-soft: #dcfce7;--error-bg: #fef2f2;--error-text: #b91c1c;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 12px rgba(15, 23, 42, .05);--radius-sm: 8px;--radius-md: 12px;--control-height: 44px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}.btn-primary,.btn-secondary{height:var(--control-height);padding:0 18px;border-radius:var(--radius-sm);font:inherit;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:#f9fafb}.btn-primary:disabled,.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-soft)}.form-input,.form-select{height:var(--control-height);width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 14px;font:inherit;font-size:14px;background:var(--surface);color:var(--text);transition:border-color .12s ease,box-shadow .12s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-input[readonly]{background:#f1f5f9;color:var(--text-muted);cursor:not-allowed}.form-select{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.form-input--lg{font-size:18px;font-weight:600;letter-spacing:1px;text-align:center}.form-input.invalid,.form-select.invalid{border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.form-input.invalid:focus,.form-select.invalid:focus{box-shadow:0 0 0 3px #dc262626}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow)}.card.centered{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.flex-row-center{display:flex;align-items:center;gap:12px}.flex-row-center>.form-input,.flex-row-center>.form-select{flex:1}@media (max-width: 540px){.flex-row-center{flex-wrap:wrap}.flex-row-center>.btn-primary,.flex-row-center>.btn-secondary{width:100%}}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-main{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:28px 24px 48px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field-label{font-size:13px;font-weight:600;color:var(--text)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .field{margin-bottom:0}.field--full,.full-row{grid-column:1 / -1}@media (max-width: 720px){.form-grid{grid-template-columns:1fr}}.muted{color:var(--text-muted);margin:0;font-size:14px}.alert{padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500}.alert--error{background:var(--error-bg);color:var(--error-text)}.alert--warning{background:#fef3c7;color:#92400e}.alert--success{background:#dcfce7;color:#166534}.empty-state{flex:1;display:grid;place-items:center;color:var(--text-muted);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-md);padding:32px 16px;font-size:14px;gap:8px}.empty-state p{margin:0}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite}.spinner--dark{width:28px;height:28px;border-color:#0f172a26;border-top-color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}.link-btn{align-self:flex-start;background:none;border:none;color:var(--primary);font:inherit;font-size:13px;font-weight:500;cursor:pointer;padding:0}.link-btn:hover{text-decoration:underline}.navbar{position:sticky;top:0;z-index:20;background:#ffffffeb;backdrop-filter:saturate(180%) blur(8px);-webkit-backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px}.navbar-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:700}.navbar-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;display:grid;place-items:center;box-shadow:0 6px 14px #1e3a8a40}.navbar-title{font-size:15px}.env-badge-dev{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;margin-left:6px;text-transform:uppercase;letter-spacing:.8px;display:inline-flex;align-items:center;box-shadow:0 2px 6px #f59e0b33}.navbar-toggle{width:40px;height:40px;border-radius:10px;background:transparent;border:1px solid var(--border);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .12s ease,border-color .12s ease}.navbar-toggle:hover{background:var(--bg);border-color:var(--primary)}.navbar-toggle:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.hamburger{position:relative;width:20px;height:14px;display:inline-block}.hamburger>span{position:absolute;left:0;width:100%;height:2px;background:var(--text);border-radius:1px;transition:top .2s ease,transform .2s ease,opacity .15s ease}.hamburger>span:nth-child(1){top:0}.hamburger>span:nth-child(2){top:6px}.hamburger>span:nth-child(3){top:12px}.hamburger--open>span:nth-child(1){top:6px;transform:rotate(45deg)}.hamburger--open>span:nth-child(2){opacity:0}.hamburger--open>span:nth-child(3){top:6px;transform:rotate(-45deg)}.navbar-menu{position:absolute;top:calc(100% + 8px);right:16px;min-width:240px;display:flex;flex-direction:column;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 12px 28px #0f172a24;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.navbar-menu--open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.nav-link{display:block;padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text);text-decoration:none;text-align:left;transition:background-color .12s ease,color .12s ease}.nav-link:hover{background:var(--bg)}.nav-link.nav-link--active{background:var(--primary);color:#fff}@media (max-width: 480px){.navbar{padding:12px 16px}.navbar-title{display:none}.navbar-menu{right:12px;left:12px;min-width:0}}.home-header{text-align:center;margin-bottom:24px}.home-header h1{font-size:30px;margin:0 0 8px;color:var(--text)}.home-header .muted{max-width:640px;margin:0 auto;font-size:15px;line-height:1.55}.home-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px}.home-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--text);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;flex:1 1 260px;max-width:380px}.home-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 6px 18px #1e3a8a1f}.home-card h2{margin:0;font-size:18px;color:var(--text)}.home-card p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.5}.home-cta{margin-top:auto;font-size:14px;font-weight:600;color:var(--primary)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 880px){.grid{grid-template-columns:1fr}}.profile-summary{display:grid;gap:8px;margin:8px 0 16px;text-align:left;width:100%;max-width:420px}.profile-summary>div{display:flex;justify-content:space-between;padding:8px 12px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.profile-summary dt{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0}.profile-summary dd{font-size:14px;color:var(--text);margin:0;font-weight:600}.success-badge{width:64px;height:64px;border-radius:50%;background:var(--success-soft);color:var(--success);display:grid;place-items:center;font-size:32px;font-weight:700}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.card-header h2{margin:0 0 4px}.card-header .link-btn{white-space:nowrap}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;margin-top:8px;border-top:1px solid var(--border)}.form-footer .btn-primary{min-width:200px}@media (max-width: 540px){.form-footer{flex-direction:column-reverse;align-items:stretch}.form-footer .btn-primary,.form-footer .btn-secondary{width:100%;min-width:0}}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);background:#fafbfd;padding:24px;min-height:240px;display:grid;place-items:center;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.dropzone:hover,.dropzone--active{background:var(--primary-soft);border-color:var(--primary)}.dropzone--filled{padding:0;background:#0f172a;border-style:solid}.preview{max-width:100%;max-height:380px;border-radius:10px;display:block;object-fit:contain}.dropzone-empty{text-align:center;color:var(--text-muted)}.dropzone-icon{color:var(--primary);margin-bottom:10px;display:inline-flex}.dropzone-title{margin:0;font-weight:600;color:var(--text)}.dropzone-hint{margin:4px 0 0;font-size:13px}.filename{margin-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-muted)}.filesize{font-variant-numeric:tabular-nums}.fields{display:grid;gap:12px}.field-card{background:var(--surface-muted);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.field-card--empty{background:#fff7ed;border-color:#fed7aa}.field-card-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.field-card-value{font-size:20px;font-weight:600;margin-top:2px;font-variant-numeric:tabular-nums;color:var(--text)}.field-card-value .muted{color:var(--text-muted);font-weight:500;font-size:14px}.field-card-hint{font-size:12px;color:var(--text-muted);margin-top:2px}.success-banner{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:10px;background:var(--success-soft);border:1px solid #bbf7d0;margin-bottom:14px}.success-banner .success-badge{width:36px;height:36px;font-size:20px;flex-shrink:0}.success-banner strong{display:block;color:#065f46;margin-bottom:2px}.success-banner code{background:#0f172a0f;padding:1px 6px;border-radius:4px;font-size:12px}.raw-text{margin-top:10px;background:#0f172a;color:#e2e8f0;padding:14px;border-radius:10px;font-size:12px;line-height:1.5;white-space:pre-wrap;max-height:260px;overflow:auto}.queue-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.queue-image{position:sticky;top:80px;background:#0f172a;border-radius:var(--radius-md);padding:16px;max-height:calc(100vh - 100px);overflow-y:auto;display:flex;align-items:flex-start;justify-content:center}.queue-image img{max-width:100%;height:auto;border-radius:var(--radius-sm);display:block}.queue-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.queue-meta-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--text-muted)}.queue-counter{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:600}@media (max-width: 880px){.queue-split{grid-template-columns:1fr}.queue-image{position:static;max-height:50vh}}.queue-header{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e4e8f0}.queue-header-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.queue-header-top h2{margin:0}.queue-nav{display:flex;align-items:center;gap:8px}.queue-metadata{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:13px;color:#64748b}.queue-metadata strong{color:#0f172a;font-weight:600}.queue-metadata code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f1f5f9;padding:1px 6px;border-radius:4px;color:#0f172a;font-size:12px}.btn-primary.btn-sm,.btn-secondary.btn-sm{height:32px;padding:0 12px;font-size:13px}.status-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.status-badge--pending{background:#fef3c7;color:#92400e}.status-badge--ready_for_bot{background:#dcfce7;color:#166534}.status-badge--rejected{background:#fee2e2;color:#991b1b}.status-badge--invoiced{background:var(--primary-soft);color:var(--primary)}.status-badge--email_sent{background:#e0f2fe;color:#0369a1}.status-badge--error{background:#fee2e2;color:#991b1b;gap:4px}.billing-portal{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;margin-bottom:20px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.howto-steps{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--text);font-size:14px;line-height:1.4}.invoice-attach{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.invoice-attach-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}@media (max-width: 640px){.invoice-attach-fields{grid-template-columns:1fr}}.invoice-file-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--control-height);padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-muted)}.invoice-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;flex:1;min-width:0}.invoice-file-size{font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.invoice-file-remove{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0 4px;font-size:18px;line-height:1;border-radius:4px}.invoice-file-remove:hover{color:#b91c1c;background:var(--error-bg)}.file-dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-muted);padding:24px 16px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-align:center;transition:background .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}.file-dropzone:hover,.file-dropzone--active{background:var(--primary-soft);border-color:var(--primary)}.file-dropzone--error{border-color:#b91c1c;background:var(--error-bg)}.file-dropzone-icon{color:var(--primary);display:inline-flex}.file-dropzone-label{font-size:14px;font-weight:500;color:var(--text);margin:0}.file-dropzone-hint{font-size:12px;color:var(--text-muted);margin:0}.file-validation-error{font-size:12px;color:#b91c1c;margin-top:4px}.form-footer-actions{display:flex;gap:12px}@media (max-width: 540px){.form-footer-actions{flex-direction:column-reverse;width:100%}.form-footer-actions .btn-primary,.form-footer-actions .btn-secondary{width:100%}}.toast{position:fixed;bottom:24px;right:24px;z-index:50;display:flex;align-items:center;gap:10px;padding:12px 18px;background:#16a34a;color:#fff;border-radius:10px;box-shadow:0 12px 24px #00000026;font-size:14px;font-weight:600;animation:toast-in .18s ease}.toast:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffffff40;font-size:13px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.field-hint-inline{display:block;font-size:12px;color:#64748b;margin-top:4px}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 16px;background:var(--bg)}.auth-page-brand{text-align:center;max-width:420px}.auth-page-brand h1{margin:16px 0 4px;font-size:26px;color:var(--text)}.auth-page-brand .navbar-logo{margin:0 auto;width:56px;height:56px;border-radius:14px;font-size:18px}.auth-page-hint{margin-top:12px;font-size:14px;color:var(--text-muted)}.auth-page-hint a{color:var(--primary, #1e3a8a);font-weight:500;text-decoration:none}.auth-page-hint a:hover{text-decoration:underline}.form-input--uppercase{text-transform:uppercase}.form-hint{color:var(--text-muted);font-size:13px}.btn-primary--wide{min-width:200px}.customer-header-greeting{color:var(--text-muted);font-size:13px}.onboarding-steps-wrapper{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e4e8f0}.onboarding-tagline{margin:12px 0 0;text-align:center;font-size:13px;color:var(--text-muted)}.onboarding-steps{display:flex;align-items:center;justify-content:center;gap:0;list-style:none;padding:0;margin:0}.onboarding-step{display:flex;align-items:center;gap:8px;position:relative;font-size:14px;color:var(--text-muted)}.onboarding-step-dot{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e4e8f0;color:var(--text-muted);font-weight:600;font-size:13px;border:2px solid #e4e8f0;flex-shrink:0}.onboarding-step-label{font-weight:500;white-space:nowrap}.onboarding-step--current .onboarding-step-dot{background:#1e3a8a;border-color:#1e3a8a;color:#fff}.onboarding-step--current .onboarding-step-label{color:#1e3a8a;font-weight:600}.onboarding-step--done .onboarding-step-dot{background:#10b981;border-color:#10b981;color:#fff}.onboarding-step--done .onboarding-step-label{color:#065f46}.onboarding-step-line{width:48px;height:2px;background:#e4e8f0;margin:0 12px;flex-shrink:0}.onboarding-step-line--done{background:#10b981}.customer-shell{min-height:100vh;display:flex;flex-direction:column}.customer-header-user{display:flex;align-items:center;gap:12px}.customer-header-link{color:var(--text-secondary, #4b5563);text-decoration:none;font-size:14px;font-weight:500;padding:6px 8px;border-radius:var(--radius-sm)}.customer-header-link:hover{background:#f3f4f6;color:#1e3a8a}.field input:disabled{background:#f8fafc;cursor:not-allowed}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e4e8f0}.dashboard-header h2{margin:0}.filter-bar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filter-bar>.form-input{flex:2;min-width:220px}.filter-bar>.form-select{flex:1;min-width:180px}.table-container{overflow-x:auto;border:1px solid #e4e8f0;border-radius:10px;background:#fff}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table thead{background:#f8fafc;border-bottom:1px solid #e4e8f0}.admin-table th{text-align:left;padding:12px 14px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;white-space:nowrap}.admin-table td{padding:12px 14px;border-top:1px solid #f1f5f9;vertical-align:middle;color:#0f172a}.admin-table tbody tr:hover{background:#f8fafc}.admin-table code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f1f5f9;padding:1px 6px;border-radius:4px;font-size:12px;color:#0f172a}.admin-table .text-right,.text-right{text-align:right;font-variant-numeric:tabular-nums}.table-empty{padding:32px 16px;text-align:center;color:#64748b;font-size:14px}.table-empty .link-btn{display:inline;margin:0}.copyable-id{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid transparent;border-radius:6px;background:transparent;font:inherit;color:#0f172a;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.copyable-id:hover{background:#f1f5f9;border-color:#e4e8f0}.copyable-id:focus-visible{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px #eef2ff}.copyable-id code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:transparent;padding:0}.copyable-id-icon{display:inline-flex;align-items:center;color:#94a3b8;transition:color .12s ease}.copyable-id:hover .copyable-id-icon{color:#1e3a8a}.copyable-id--copied,.copyable-id--copied:hover{background:#dcfce7;border-color:#bbf7d0;color:#166534}.copyable-id--copied .copyable-id-icon{color:#16a34a}.pagination-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}@media (max-width: 540px){.filter-bar>.form-input,.filter-bar>.form-select{flex:1 1 100%;min-width:0}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.modal-content{background:var(--surface);border-radius:var(--radius-md);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:16px;color:var(--text)}.modal-body{padding:20px;overflow-y:auto;display:flex;justify-content:center;background:#0f172a}.modal-body img{max-width:100%;max-height:60vh;object-fit:contain;border-radius:var(--radius-sm)}.modal-close-btn{background:transparent;border:none;font-size:24px;line-height:1;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-sm);transition:background-color .12s ease}.modal-close-btn:hover{background:var(--bg);color:var(--text)}.register-modal-layout{display:flex;gap:24px;min-height:520px;max-height:75vh;overflow:hidden}@media (max-width: 820px){.register-modal-layout{flex-direction:column;max-height:80vh;overflow-y:auto}.register-modal-image{max-height:250px}}.register-modal-image{flex:1;display:flex;align-items:center;justify-content:center;background-color:#0f172a;border-radius:8px;padding:12px;overflow:hidden;border:1px solid var(--border)}.register-modal-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 4px 6px -1px #0000004d}.register-modal-form{flex:1.3;overflow-y:auto;padding-right:12px;display:flex;flex-direction:column;gap:16px;text-align:left}.field-group{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;background-color:var(--surface-muted);margin-bottom:12px;transition:all .12s ease}.field-group.enabled{border-color:var(--primary);background-color:var(--surface);box-shadow:0 2px 8px #1e3a8a0a}.field-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.field-group-header label{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.field-group-header input[type=checkbox]{width:18px;height:18px;cursor:pointer}.field-group-body{display:flex;flex-direction:column;gap:12px}.field-row{display:flex;gap:12px}.field-row .field{flex:1;margin-bottom:0}@media (max-width: 480px){.field-row{flex-direction:column;gap:12px}}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.ann-banner{position:sticky;top:60px;z-index:19;display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--ann-color, #3b82f6);color:#fff;font-size:12px;font-weight:400;box-shadow:0 2px 12px #0000002e;animation:ann-banner-enter .3s cubic-bezier(.34,1.3,.64,1)}.ann-banner__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ann-banner__text{flex:1;text-align:center;line-height:1.5;letter-spacing:.01em}.ann-banner__title{font-weight:700}@keyframes ann-banner-enter{0%{opacity:0;transform:translateY(-8px) scaleY(.9)}to{opacity:1;transform:translateY(0) scaleY(1)}}@media (max-width: 480px){.ann-banner{font-size:11px;padding:10px 14px;gap:10px}.ann-banner__icon{width:28px;height:28px}}.consent-check{align-items:flex-start;gap:10px;font-weight:400;font-size:14px;line-height:1.5}.consent-check input[type=checkbox]{margin-top:2px;flex-shrink:0}.consent-check a{color:var(--primary);font-weight:500}.legal-page{min-height:100vh;background:var(--bg);padding:32px 16px;display:flex;justify-content:center}.legal-doc{max-width:720px;width:100%;line-height:1.6}.legal-doc h1{margin-bottom:4px}.legal-back{display:inline-block;margin-bottom:16px;color:var(--primary);font-weight:500;text-decoration:none}.legal-list{padding-left:20px;display:flex;flex-direction:column;gap:12px}.legal-list li{padding-left:4px}.link-button{background:none;border:none;padding:0;font:inherit;color:var(--primary);font-weight:500;text-decoration:underline;cursor:pointer}.legal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:24px 16px}.legal-modal{color-scheme:light;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 48px #0f172a38;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.legal-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px;background:var(--surface);color:var(--text);border-bottom:1px solid var(--border)}.legal-modal-heading{display:flex;align-items:center;gap:12px;min-width:0}.legal-modal-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:var(--primary-soft);color:var(--primary)}.legal-modal-header h2{margin:0;font-size:18px;color:var(--text)}.legal-modal-subtitle{margin:2px 0 0;font-size:13px;color:var(--text-muted)}.legal-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;font-size:22px;line-height:1;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0}.legal-modal-close:hover{background:var(--surface-muted);color:var(--text)}.legal-modal-body{padding:24px;background:var(--surface);color:var(--text);overflow-y:auto;line-height:1.65}.legal-modal-body>:first-child{margin-top:0}.legal-section-title{margin:0 0 12px;font-size:16px;color:var(--text)}.legal-section-title--spaced{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.legal-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:var(--surface);border-top:1px solid var(--border)}@media (max-width: 480px){.legal-modal-footer .btn-secondary,.legal-modal-footer .btn-primary{flex:1}}.tour-blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:transparent}.tour-hole{position:fixed;z-index:1201;border-radius:12px;pointer-events:none;box-shadow:0 0 0 9999px #0f172a8c,0 0 0 3px var(--primary);transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tour-popover{position:fixed;z-index:1202;color-scheme:light;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:0 20px 48px #0f172a38}.tour-step-count{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--primary)}.tour-title{margin:0 0 6px;font-size:16px;color:var(--text)}.tour-body{margin:0 0 16px;font-size:14px;line-height:1.55;color:var(--text-muted)}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-nav{display:flex;align-items:center;gap:8px}.tour-skip{background:none;border:none;padding:4px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer}.tour-skip:hover{color:var(--text);text-decoration:underline}@keyframes whatsapp-tooltip-in{0%{opacity:0;transform:translateY(-50%) translate(6px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.whatsapp-fab{position:fixed;bottom:28px;right:24px;z-index:1000;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#7cc504;color:#fff;box-shadow:0 4px 16px #0003;transition:transform .15s ease,box-shadow .15s ease;text-decoration:none}.whatsapp-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #00000042}.whatsapp-fab:hover .whatsapp-fab__tooltip{opacity:1;visibility:visible;animation:whatsapp-tooltip-in .2s ease forwards}.whatsapp-fab:active{transform:scale(.96)}.whatsapp-fab__tooltip{position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%) translate(0);white-space:nowrap;background:#1e3a8a;color:#fff;font-size:12px;font-weight:500;padding:6px 10px;border-radius:6px;pointer-events:none;opacity:0;visibility:hidden}.whatsapp-fab__tooltip:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border:5px solid transparent;border-left-color:#1e3a8a}@media (max-width: 480px){.whatsapp-fab{bottom:20px;right:16px;width:48px;height:48px}.whatsapp-fab svg{width:26px;height:26px}}