:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}.dashboard-container[data-v-85745ee3]{min-height:100vh;background:var(--color-background-mute)}.dashboard-header[data-v-85745ee3]{background:#f03b2d;color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.header-content[data-v-85745ee3]{max-width:1380px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo-section[data-v-85745ee3]{display:flex;align-items:center;gap:.75rem}.header-logo[data-v-85745ee3]{width:40px;height:40px;object-fit:contain;background:#fff;padding:.25rem;border-radius:4px}.portal-name[data-v-85745ee3]{font-size:1.1rem;font-weight:600;letter-spacing:.5px}.header-nav[data-v-85745ee3]{display:flex;gap:.5rem;flex-wrap:wrap}.nav-button[data-v-85745ee3]{padding:.5rem 1rem;background:transparent;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;transition:all .3s ease;font-family:inherit}.nav-button[data-v-85745ee3]:hover{background:#ffffff1a}.nav-button.active[data-v-85745ee3]{background:#fff3;font-weight:600}.dropdown-container[data-v-85745ee3]{position:relative}.dropdown-button[data-v-85745ee3]{background:#0003;display:flex;align-items:center;gap:.5rem}.dropdown-button[data-v-85745ee3]:hover{background:#0000004d}.chevron-icon[data-v-85745ee3]{transition:transform .3s ease}.dropdown-menu[data-v-85745ee3]{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:200px;overflow:hidden;z-index:1000;animation:dropdownSlideIn-85745ee3 .2s ease}@keyframes dropdownSlideIn-85745ee3{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-85745ee3]{width:100%;padding:.875rem 1.25rem;background:#fff;color:#374151;border:none;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s ease;display:flex;align-items:center;gap:.75rem}.dropdown-item[data-v-85745ee3]:hover{background:#f3f4f6}.dropdown-item svg[data-v-85745ee3]{color:#f03b2d}.dropdown-item[data-v-85745ee3]:not(:last-child){border-bottom:1px solid #e5e7eb}.dashboard-main[data-v-85745ee3]{padding:2rem}.dashboard-content[data-v-85745ee3]{max-width:1380px;margin:0 auto}.welcome-section[data-v-85745ee3]{margin-bottom:1.5rem}.dashboard-title[data-v-85745ee3]{font-size:2rem;font-weight:800;color:var(--color-heading)}.dashboard-subtitle[data-v-85745ee3]{color:var(--color-text);opacity:.7;font-size:1rem}.new-referral-button[data-v-85745ee3]{width:100%;padding:.7rem;background:#f03b2d;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:2rem;transition:all .3s ease;font-family:inherit}.new-referral-button[data-v-85745ee3]:hover{background:#dc3226;transform:translateY(-1px);box-shadow:0 4px 12px #f03b2d4d}.stats-grid[data-v-85745ee3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-85745ee3]{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease;position:relative}.stat-card[data-v-85745ee3]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-card-header[data-v-85745ee3]{display:flex;justify-content:space-between;align-items:flex-start}.stat-label[data-v-85745ee3]{font-size:.95rem;font-weight:500;color:#6b7280;line-height:1}.stat-icon[data-v-85745ee3]{color:#f03b2d;flex-shrink:0}.stat-icon svg[data-v-85745ee3]{width:24px;height:24px}.stat-value[data-v-85745ee3]{font-size:2.5rem;font-weight:800;color:#1f2937;line-height:.75}.stat-sublabel[data-v-85745ee3]{font-size:.875rem;color:#9ca3af;font-weight:400;line-height:1.4}.earnings-card[data-v-85745ee3]{background:linear-gradient(135deg,#f03a2d93,#dc3226);color:#fff;border:none}.earnings-card .stat-label[data-v-85745ee3]{color:#fffffff2}.earnings-card .stat-icon[data-v-85745ee3],.earnings-card .stat-value[data-v-85745ee3]{color:#fff}.earnings-card .stat-sublabel[data-v-85745ee3]{color:#ffffffd9}.earnings-value[data-v-85745ee3]{font-size:2.5rem}.content-grid[data-v-85745ee3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.section-card[data-v-85745ee3]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000001a}.section-title[data-v-85745ee3]{font-size:1.25rem;font-weight:600;color:var(--color-heading);margin-bottom:1.5rem}.quick-actions-list[data-v-85745ee3]{display:flex;flex-direction:column;gap:1rem}.action-item[data-v-85745ee3]{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-background-soft);border-radius:8px;cursor:pointer;transition:all .3s ease}.action-item[data-v-85745ee3]:hover{background:var(--color-background-mute);transform:translate(4px)}.action-icon[data-v-85745ee3]{font-size:1.5rem}.action-content[data-v-85745ee3]{flex:1}.action-title[data-v-85745ee3]{font-weight:600;color:var(--color-heading);margin-bottom:.25rem}.action-subtitle[data-v-85745ee3]{font-size:.85rem;color:var(--color-text);opacity:.7}.referrals-list[data-v-85745ee3]{display:flex;flex-direction:column;gap:1rem}.referral-item[data-v-85745ee3]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-background-soft);border-radius:8px}.referral-info[data-v-85745ee3]{flex:1}.referral-name[data-v-85745ee3]{font-weight:600;color:var(--color-heading);margin-bottom:.25rem}.referral-date[data-v-85745ee3]{font-size:.85rem;color:var(--color-text);opacity:.7}.referral-actions[data-v-85745ee3]{display:flex;align-items:center;gap:.75rem}.status-badge[data-v-85745ee3]{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.registered[data-v-85745ee3]{background:#ffa50033;color:#ff8c00}.status-badge.completed[data-v-85745ee3]{background:#22c55e33;color:#16a34a}.icon-button[data-v-85745ee3]{background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:transform .2s ease}.icon-button[data-v-85745ee3]:hover{transform:scale(1.2)}.medical-records-section[data-v-85745ee3]{margin-top:2rem}.section-header[data-v-85745ee3]{margin-bottom:1.5rem}.section-header-content[data-v-85745ee3]{display:flex;align-items:flex-start;gap:1rem}.section-icon[data-v-85745ee3]{width:40px;height:40px;background:#f03b2d1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#f03b2d;flex-shrink:0}.section-header-text[data-v-85745ee3]{flex:1}.section-main-title[data-v-85745ee3]{font-size:1.5rem;font-weight:800;color:var(--color-heading);margin-bottom:.25rem}.section-description[data-v-85745ee3]{font-size:.95rem;color:var(--color-text);opacity:.7;line-height:1.5}.medical-records-list[data-v-85745ee3]{display:flex;flex-direction:column;gap:1.5rem}.medical-record-card[data-v-85745ee3]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.medical-record-card[data-v-85745ee3]:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.record-header[data-v-85745ee3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.patient-name[data-v-85745ee3]{font-size:1.25rem;font-weight:700;color:var(--color-heading);margin:0}.status-pill[data-v-85745ee3]{padding:.35rem .85rem;border-radius:16px;font-size:.8rem;font-weight:600;text-transform:lowercase}.status-pill.fair[data-v-85745ee3]{background:#fbbf2426;color:#d97706}.status-pill.good[data-v-85745ee3]{background:#22c55e26;color:#16a34a}.status-pill.excellent[data-v-85745ee3]{background:#22c55e33;color:#15803d}.record-details[data-v-85745ee3]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.record-detail-item[data-v-85745ee3]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text)}.record-detail-item svg[data-v-85745ee3]{color:#9ca3af;flex-shrink:0}.latest-treatment[data-v-85745ee3]{background:var(--color-background-soft);padding:1rem;border-radius:8px;margin-bottom:1rem}.treatment-label[data-v-85745ee3]{font-size:.8rem;color:var(--color-text);opacity:.7;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.treatment-name[data-v-85745ee3]{font-size:.95rem;font-weight:600;color:var(--color-heading);line-height:1.4}.view-details-button[data-v-85745ee3]{width:100%;padding:.85rem 1.5rem;background:#f03b2d;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.5rem}.view-details-button[data-v-85745ee3]:hover{background:#dc3226;transform:translateY(-1px);box-shadow:0 4px 12px #f03b2d4d}.view-details-button svg[data-v-85745ee3]{width:16px;height:16px}@media(max-width:768px){.dashboard-header[data-v-85745ee3]{padding:1rem}.header-content[data-v-85745ee3]{flex-direction:column;align-items:flex-start}.dropdown-menu[data-v-85745ee3]{right:0;left:auto;min-width:180px}.dashboard-main[data-v-85745ee3]{padding:1rem}.dashboard-title[data-v-85745ee3]{font-size:1.5rem}.stats-grid[data-v-85745ee3],.content-grid[data-v-85745ee3]{grid-template-columns:1fr}.stat-value[data-v-85745ee3]{font-size:2.5rem}.section-main-title[data-v-85745ee3]{font-size:1.25rem}.section-description[data-v-85745ee3]{font-size:.875rem}.patient-name[data-v-85745ee3]{font-size:1.1rem}.record-details[data-v-85745ee3]{font-size:.85rem}.medical-record-card[data-v-85745ee3]{padding:1.25rem}}.referrals-container[data-v-e1010586]{min-height:100vh;background:var(--color-background-mute)}.referrals-header[data-v-e1010586]{background:#f03b2d;color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.header-content[data-v-e1010586]{max-width:1380px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo-section[data-v-e1010586]{display:flex;align-items:center;gap:.75rem}.header-logo[data-v-e1010586]{width:40px;height:40px;object-fit:contain;background:#fff;padding:.25rem;border-radius:4px}.portal-name[data-v-e1010586]{font-size:1.1rem;font-weight:600;letter-spacing:.5px}.header-nav[data-v-e1010586]{display:flex;gap:.5rem;flex-wrap:wrap}.nav-button[data-v-e1010586]{padding:.5rem 1rem;background:transparent;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;transition:all .3s ease;font-family:inherit}.nav-button[data-v-e1010586]:hover{background:#ffffff1a}.nav-button.active[data-v-e1010586]{background:#fff3;font-weight:600}.dropdown-container[data-v-e1010586]{position:relative}.dropdown-button[data-v-e1010586]{background:#0003;display:flex;align-items:center;gap:.5rem}.dropdown-button[data-v-e1010586]:hover{background:#0000004d}.chevron-icon[data-v-e1010586]{transition:transform .3s ease}.dropdown-menu[data-v-e1010586]{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:200px;overflow:hidden;z-index:1000;animation:dropdownSlideIn-e1010586 .2s ease}@keyframes dropdownSlideIn-e1010586{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-e1010586]{width:100%;padding:.875rem 1.25rem;background:#fff;color:#374151;border:none;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s ease;display:flex;align-items:center;gap:.75rem}.dropdown-item[data-v-e1010586]:hover{background:#f3f4f6}.dropdown-item svg[data-v-e1010586]{color:#f03b2d}.dropdown-item[data-v-e1010586]:not(:last-child){border-bottom:1px solid #e5e7eb}.referrals-main[data-v-e1010586]{padding:2rem}.referrals-content[data-v-e1010586]{max-width:1380px;margin:0 auto}.page-header[data-v-e1010586]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title[data-v-e1010586]{font-size:2rem;font-weight:800;color:var(--color-heading);margin-bottom:.5rem}.page-subtitle[data-v-e1010586]{color:var(--color-text);opacity:.7;font-size:1rem}.new-referral-button[data-v-e1010586]{padding:.875rem 1.5rem;background:#f03b2d;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.new-referral-button[data-v-e1010586]:hover{background:#dc3226;transform:translateY(-1px);box-shadow:0 4px 12px #f03b2d4d}.pipeline-stages[data-v-e1010586]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stage-card[data-v-e1010586]{padding:1.25rem;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease}.stage-card[data-v-e1010586]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.stage-label[data-v-e1010586]{font-size:.95rem;font-weight:600;margin-bottom:.5rem}.stage-count[data-v-e1010586]{font-size:.85rem;opacity:.9}.referrals-section[data-v-e1010586]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.loading-container[data-v-e1010586]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-spinner[data-v-e1010586]{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:#f03b2d;border-radius:50%;animation:spin-e1010586 1s linear infinite}@keyframes spin-e1010586{to{transform:rotate(360deg)}}.loading-text[data-v-e1010586]{font-size:1rem;color:var(--color-text);font-weight:500}.error-container[data-v-e1010586]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.error-icon[data-v-e1010586]{color:#ef4444}.error-text[data-v-e1010586]{font-size:1rem;color:var(--color-text);font-weight:500;text-align:center}.retry-button[data-v-e1010586]{margin-top:1rem;padding:.75rem 1.5rem;background:#f03b2d;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;gap:.5rem}.retry-button[data-v-e1010586]:hover{background:#dc3226;transform:translateY(-1px);box-shadow:0 4px 12px #f03b2d4d}.empty-container[data-v-e1010586]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.empty-icon[data-v-e1010586]{color:var(--color-text);opacity:.3}.empty-text[data-v-e1010586]{font-size:1.25rem;color:var(--color-heading);font-weight:600}.empty-subtext[data-v-e1010586]{font-size:.95rem;color:var(--color-text);opacity:.7}.search-filter-bar[data-v-e1010586]{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box[data-v-e1010586]{flex:1;min-width:250px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:8px}.search-icon[data-v-e1010586]{color:var(--color-text);opacity:.6;flex-shrink:0}.search-input[data-v-e1010586]{flex:1;border:none;background:transparent;font-size:1rem;color:var(--color-text);outline:none;font-family:inherit}.search-input[data-v-e1010586]::placeholder{color:var(--color-text);opacity:.5}.filter-group[data-v-e1010586]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:8px}.filter-icon[data-v-e1010586]{color:var(--color-text);opacity:.6;flex-shrink:0}.filter-select[data-v-e1010586]{border:none;background:transparent;color:var(--color-text);font-size:1rem;cursor:pointer;font-family:inherit;outline:none}.date-filter-bar[data-v-e1010586]{display:flex;gap:1rem;margin-bottom:2rem;padding:1.25rem;background:var(--color-background-soft);border-radius:8px;border:1px solid var(--color-border);flex-wrap:wrap;align-items:flex-end}.date-filter-group[data-v-e1010586]{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.date-label[data-v-e1010586]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--color-heading)}.date-label svg[data-v-e1010586]{color:#f03b2d}.date-input[data-v-e1010586]{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text);font-size:.95rem;font-family:inherit;cursor:pointer;transition:all .3s ease}.date-input[data-v-e1010586]:focus{outline:none;border-color:#f03b2d;box-shadow:0 0 0 3px #f03b2d1a}.date-filter-actions[data-v-e1010586]{display:flex;gap:.75rem;align-items:flex-end}.date-filter-btn[data-v-e1010586]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;gap:.5rem}.date-filter-btn.apply-btn[data-v-e1010586]{background:#f03b2d;color:#fff}.date-filter-btn.apply-btn[data-v-e1010586]:hover{background:#dc3226;transform:translateY(-1px);box-shadow:0 4px 12px #f03b2d4d}.date-filter-btn.clear-btn[data-v-e1010586]{background:#fff;color:var(--color-heading);border:1px solid var(--color-border)}.date-filter-btn.clear-btn[data-v-e1010586]:hover{background:var(--color-background-soft);border-color:#d1d5db}.referrals-grid[data-v-e1010586]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.referral-card[data-v-e1010586]{background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:8px;padding:1.25rem;transition:all .3s ease;cursor:pointer}.referral-card[data-v-e1010586]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.referral-header[data-v-e1010586]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.referral-icon[data-v-e1010586]{color:#f03b2d;flex-shrink:0}.referral-name[data-v-e1010586]{font-weight:600;color:var(--color-heading);font-size:1.05rem}.referral-detail[data-v-e1010586]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;color:var(--color-text)}.detail-icon[data-v-e1010586]{color:var(--color-text);opacity:.6;flex-shrink:0}.detail-label[data-v-e1010586]{font-weight:500;color:var(--color-heading)}.detail-icon[data-v-e1010586]{font-size:.9rem}.detail-text[data-v-e1010586]{opacity:.8}.table-header[data-v-e1010586]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title[data-v-e1010586]{font-size:1.25rem;font-weight:600;color:var(--color-heading)}.referral-count[data-v-e1010586]{font-size:.9rem;color:var(--color-text);opacity:.7}.table-container[data-v-e1010586]{overflow-x:auto}.referrals-table[data-v-e1010586]{width:100%;border-collapse:collapse}.referrals-table thead[data-v-e1010586]{background:var(--color-background-soft)}.referrals-table th[data-v-e1010586]{padding:1rem;text-align:left;font-weight:600;color:var(--color-heading);font-size:.9rem;border-bottom:2px solid var(--color-border)}.referrals-table td[data-v-e1010586]{padding:1rem;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:.95rem}.table-row[data-v-e1010586]{transition:all .2s ease;cursor:pointer}.table-row[data-v-e1010586]:hover{background:var(--color-background-soft)}.patient-name[data-v-e1010586]{font-weight:600;color:var(--color-heading)}.status-badge[data-v-e1010586]{padding:.35rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize;display:inline-block}.actions-cell[data-v-e1010586]{display:flex;gap:.5rem}.action-btn[data-v-e1010586]{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn svg[data-v-e1010586]{color:var(--color-text);opacity:.7}.action-btn[data-v-e1010586]:hover{background:var(--color-background-mute);transform:scale(1.1)}.action-btn:hover svg[data-v-e1010586]{opacity:1}.view-btn[data-v-e1010586]:hover{background:#4f46e51a}.view-btn:hover svg[data-v-e1010586]{color:#4f46e5}.edit-btn[data-v-e1010586]:hover{background:#f59e0b1a}.edit-btn:hover svg[data-v-e1010586]{color:#f59e0b}.delete-btn[data-v-e1010586]:hover{background:#ef44441a}.delete-btn:hover svg[data-v-e1010586]{color:#ef4444}.pagination-container[data-v-e1010586]{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border);flex-wrap:wrap;gap:1rem}.pagination-info[data-v-e1010586]{font-size:.9rem;color:var(--color-text);opacity:.8}.pagination-controls[data-v-e1010586]{display:flex;gap:.5rem;align-items:center}.pagination-btn[data-v-e1010586]{padding:.6rem 1rem;background:#fff;color:var(--color-heading);border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;gap:.5rem}.pagination-btn[data-v-e1010586]:hover:not(:disabled){background:#f03b2d;color:#fff;border-color:#f03b2d}.pagination-btn:hover:not(:disabled) svg[data-v-e1010586]{color:#fff}.pagination-btn[data-v-e1010586]:disabled{opacity:.4;cursor:not-allowed}.pagination-btn svg[data-v-e1010586]{color:var(--color-text)}.page-numbers[data-v-e1010586]{display:flex;gap:.25rem}.page-number-btn[data-v-e1010586]{min-width:40px;height:40px;padding:.5rem;background:#fff;color:var(--color-heading);border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.page-number-btn[data-v-e1010586]:hover{background:var(--color-background-soft);border-color:#f03b2d}.page-number-btn.active[data-v-e1010586]{background:#f03b2d;color:#fff;border-color:#f03b2d}.items-per-page[data-v-e1010586]{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--color-text)}.items-per-page label[data-v-e1010586]{font-weight:500}.items-select[data-v-e1010586]{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text);font-size:.9rem;cursor:pointer;font-family:inherit;transition:all .3s ease}.items-select[data-v-e1010586]:focus{outline:none;border-color:#f03b2d;box-shadow:0 0 0 3px #f03b2d1a}@media(max-width:768px){.referrals-header[data-v-e1010586]{padding:1rem}.header-content[data-v-e1010586]{flex-direction:column;align-items:flex-start}.dropdown-menu[data-v-e1010586]{right:0;left:auto;min-width:180px}.referrals-main[data-v-e1010586]{padding:1rem}.page-title[data-v-e1010586]{font-size:1.5rem}.pipeline-stages[data-v-e1010586]{grid-template-columns:1fr}.search-filter-bar[data-v-e1010586]{flex-direction:column}.date-filter-bar[data-v-e1010586]{flex-direction:column;align-items:stretch}.date-filter-group[data-v-e1010586]{width:100%}.date-filter-actions[data-v-e1010586]{width:100%;justify-content:stretch}.date-filter-btn[data-v-e1010586]{flex:1}.referrals-grid[data-v-e1010586]{grid-template-columns:1fr}.table-container[data-v-e1010586]{overflow-x:scroll}.referrals-table[data-v-e1010586]{min-width:800px}.pagination-container[data-v-e1010586]{flex-direction:column;align-items:stretch;gap:1.5rem}.pagination-info[data-v-e1010586]{text-align:center}.pagination-controls[data-v-e1010586]{flex-direction:column;width:100%}.pagination-btn[data-v-e1010586]{width:100%;justify-content:center}.page-numbers[data-v-e1010586]{flex-wrap:wrap;justify-content:center}.items-per-page[data-v-e1010586]{justify-content:center}}.tokens-container[data-v-19b38edb]{min-height:100vh;background:var(--color-background-mute)}.tokens-header[data-v-19b38edb]{background:#f03b2d;color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.header-content[data-v-19b38edb]{max-width:1380px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo-section[data-v-19b38edb]{display:flex;align-items:center;gap:.75rem}.header-logo[data-v-19b38edb]{width:40px;height:40px;object-fit:contain;background:#fff;padding:.25rem;border-radius:4px}.portal-name[data-v-19b38edb]{font-size:1.1rem;font-weight:600;letter-spacing:.5px}.header-nav[data-v-19b38edb]{display:flex;gap:.5rem;flex-wrap:wrap}.nav-button[data-v-19b38edb]{padding:.5rem 1rem;background:transparent;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;transition:all .3s ease;font-family:inherit}.nav-button[data-v-19b38edb]:hover{background:#ffffff1a}.nav-button.active[data-v-19b38edb]{background:#fff3;font-weight:600}.dropdown-container[data-v-19b38edb]{position:relative}.dropdown-button[data-v-19b38edb]{background:#0003;display:flex;align-items:center;gap:.5rem}.dropdown-button[data-v-19b38edb]:hover{background:#0000004d}.chevron-icon[data-v-19b38edb]{transition:transform .3s ease}.dropdown-menu[data-v-19b38edb]{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:200px;overflow:hidden;z-index:1000;animation:dropdownSlideIn-19b38edb .2s ease}@keyframes dropdownSlideIn-19b38edb{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-19b38edb]{width:100%;padding:.875rem 1.25rem;background:#fff;color:#374151;border:none;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s ease;display:flex;align-items:center;gap:.75rem}.dropdown-item[data-v-19b38edb]:hover{background:#f3f4f6}.dropdown-item svg[data-v-19b38edb]{color:#f03b2d}.dropdown-item[data-v-19b38edb]:not(:last-child){border-bottom:1px solid #e5e7eb}.tokens-main[data-v-19b38edb]{padding:2rem}.tokens-content[data-v-19b38edb]{max-width:1200px;margin:0 auto}.page-header[data-v-19b38edb]{margin-bottom:2rem}.page-title[data-v-19b38edb]{font-size:2rem;font-weight:800;color:var(--color-heading)}.page-subtitle[data-v-19b38edb]{color:var(--color-text);opacity:.7;font-size:1rem}.balance-cards[data-v-19b38edb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.balance-card[data-v-19b38edb]{background:#fff;border-radius:12px;padding:1.5rem;transition:all .3s ease}.balance-card[data-v-19b38edb]:hover{transform:translateY(-2px)}.primary-card[data-v-19b38edb]{background:#f03b2d1a;color:#f03b2d}.card-label[data-v-19b38edb]{font-size:.9rem;opacity:.8}.primary-card .card-label[data-v-19b38edb]{opacity:.95}.card-value[data-v-19b38edb]{font-size:2.5rem;font-weight:700}.card-subvalue[data-v-19b38edb]{font-size:.95rem;opacity:.7}.primary-card .card-subvalue[data-v-19b38edb]{opacity:.9}.redeem-section[data-v-19b38edb],.history-section[data-v-19b38edb]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.section-header[data-v-19b38edb]{margin-bottom:1.5rem}.section-title[data-v-19b38edb]{font-size:1.5rem;font-weight:600;color:var(--color-heading);margin-bottom:.5rem}.section-subtitle[data-v-19b38edb]{color:var(--color-text);opacity:.7;font-size:.95rem}.redeem-form[data-v-19b38edb]{max-width:600px}.form-group[data-v-19b38edb]{margin-bottom:1.5rem}.form-label[data-v-19b38edb]{display:block;font-weight:600;color:var(--color-heading);margin-bottom:.5rem;font-size:.95rem}.form-select[data-v-19b38edb],.form-input[data-v-19b38edb]{width:100%;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;color:var(--color-text);background:var(--color-background);font-family:inherit;transition:all .3s ease}.form-select[data-v-19b38edb]:focus,.form-input[data-v-19b38edb]:focus{outline:none;border-color:#f03b2d;box-shadow:0 0 0 3px #f03b2d1a}.conversion-hint[data-v-19b38edb]{margin-top:.5rem;font-size:.9rem;color:#f03b2d;font-weight:600}.redeem-button[data-v-19b38edb]{width:100%;padding:1rem 1.5rem;background:#f03b2d;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.redeem-button[data-v-19b38edb]:hover:not(:disabled){background:#dc3226;transform:translateY(-1px);box-shadow:0 4px 12px #f03b2d4d}.redeem-button[data-v-19b38edb]:disabled{background:var(--color-border);cursor:not-allowed;opacity:.6}.empty-state[data-v-19b38edb]{text-align:center;padding:3rem 1rem}.empty-icon[data-v-19b38edb]{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-text[data-v-19b38edb]{color:var(--color-text);opacity:.6;font-size:1.1rem}.history-list[data-v-19b38edb],.transaction-list[data-v-19b38edb]{display:flex;flex-direction:column;gap:1rem}.history-item[data-v-19b38edb]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:8px;transition:all .3s ease}.history-item[data-v-19b38edb]:hover{background:var(--color-background-mute);transform:translate(4px)}.history-info[data-v-19b38edb]{flex:1}.history-type[data-v-19b38edb]{font-weight:600;color:var(--color-heading);margin-bottom:.25rem;text-transform:capitalize}.history-date[data-v-19b38edb]{font-size:.85rem;color:var(--color-text);opacity:.7}.history-amount[data-v-19b38edb]{text-align:right;margin:0 1.5rem}.amount-tokens[data-v-19b38edb]{font-weight:600;color:var(--color-heading);margin-bottom:.25rem}.amount-rm[data-v-19b38edb]{font-size:.9rem;color:var(--color-text);opacity:.7}.history-status[data-v-19b38edb]{min-width:100px;text-align:center}.status-badge[data-v-19b38edb]{padding:.35rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize;display:inline-block}.status-badge.pending[data-v-19b38edb]{background:#f59e0b33;color:#f59e0b}.transaction-item[data-v-19b38edb]{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:8px;transition:all .3s ease}.transaction-item[data-v-19b38edb]:hover{background:var(--color-background-mute);transform:translate(4px)}.transaction-icon[data-v-19b38edb]{font-size:1.5rem}.transaction-info[data-v-19b38edb]{flex:1}.transaction-description[data-v-19b38edb]{font-weight:600;color:var(--color-heading);margin-bottom:.25rem}.transaction-date[data-v-19b38edb]{font-size:.85rem;color:var(--color-text);opacity:.7}.transaction-amount[data-v-19b38edb]{font-weight:700;font-size:1.1rem}@media(max-width:768px){.tokens-header[data-v-19b38edb]{padding:1rem}.header-content[data-v-19b38edb]{flex-direction:column;align-items:flex-start}.dropdown-menu[data-v-19b38edb]{right:0;left:auto;min-width:180px}.tokens-main[data-v-19b38edb]{padding:1rem}.page-title[data-v-19b38edb]{font-size:1.5rem}.balance-cards[data-v-19b38edb]{grid-template-columns:1fr}.redeem-section[data-v-19b38edb],.history-section[data-v-19b38edb]{padding:1.5rem}.history-item[data-v-19b38edb]{flex-direction:column;align-items:flex-start;gap:1rem}.history-amount[data-v-19b38edb]{margin:0}.history-status[data-v-19b38edb]{width:100%;text-align:left}.transaction-item[data-v-19b38edb]{flex-wrap:wrap}.transaction-amount[data-v-19b38edb]{width:100%;text-align:right}}.new-referral-container[data-v-ba247a51]{min-height:100vh;background:var(--color-background-mute)}.new-referral-header[data-v-ba247a51]{background:#f03b2d;color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.header-content[data-v-ba247a51]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo-section[data-v-ba247a51]{display:flex;align-items:center;gap:.75rem}.header-logo[data-v-ba247a51]{width:40px;height:40px;object-fit:contain;background:#fff;padding:.25rem;border-radius:4px}.portal-name[data-v-ba247a51]{font-size:1.1rem;font-weight:600;letter-spacing:.5px}.header-nav[data-v-ba247a51]{display:flex;gap:.5rem;flex-wrap:wrap}.nav-button[data-v-ba247a51]{padding:.5rem 1rem;background:transparent;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;transition:all .3s ease;font-family:inherit}.nav-button[data-v-ba247a51]:hover{background:#ffffff1a}.dropdown-container[data-v-ba247a51]{position:relative}.dropdown-button[data-v-ba247a51]{background:#0003;display:flex;align-items:center;gap:.5rem}.dropdown-button[data-v-ba247a51]:hover{background:#0000004d}.chevron-icon[data-v-ba247a51]{transition:transform .3s ease}.dropdown-menu[data-v-ba247a51]{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:200px;overflow:hidden;z-index:1000;animation:dropdownSlideIn-ba247a51 .2s ease}@keyframes dropdownSlideIn-ba247a51{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-ba247a51]{width:100%;padding:.875rem 1.25rem;background:#fff;color:#374151;border:none;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s ease;display:flex;align-items:center;gap:.75rem}.dropdown-item[data-v-ba247a51]:hover{background:#f3f4f6}.dropdown-item svg[data-v-ba247a51]{color:#f03b2d}.dropdown-item[data-v-ba247a51]:not(:last-child){border-bottom:1px solid #e5e7eb}.new-referral-main[data-v-ba247a51]{padding:2rem}.new-referral-content[data-v-ba247a51]{max-width:900px;margin:0 auto}.page-header[data-v-ba247a51]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.header-icon[data-v-ba247a51]{width:60px;height:60px;background:#f03b2d;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.header-text[data-v-ba247a51]{flex:1}.page-title[data-v-ba247a51]{font-size:2rem;font-weight:800;color:var(--color-heading)}.page-subtitle[data-v-ba247a51]{color:var(--color-text);opacity:.7;font-size:1rem}.form-card[data-v-ba247a51]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.form-header[data-v-ba247a51]{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.form-title[data-v-ba247a51]{font-size:1.5rem;font-weight:600;color:var(--color-heading);margin-bottom:.5rem}.form-subtitle[data-v-ba247a51]{color:var(--color-text);opacity:.7;font-size:.9rem}.required[data-v-ba247a51]{color:#f03b2d}.referral-form[data-v-ba247a51]{display:flex;flex-direction:column;gap:1.5rem}.form-row[data-v-ba247a51]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group[data-v-ba247a51]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-ba247a51]{font-weight:500;color:var(--color-heading);font-size:.95rem}.form-input[data-v-ba247a51],.form-select[data-v-ba247a51],.form-textarea[data-v-ba247a51]{padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;font-family:inherit;transition:all .3s ease;background:#fff}.form-input[data-v-ba247a51]:focus,.form-select[data-v-ba247a51]:focus,.form-textarea[data-v-ba247a51]:focus{outline:none;border-color:#f03b2d;box-shadow:0 0 0 3px #f03b2d1a}.form-input.error[data-v-ba247a51],.form-select.error[data-v-ba247a51],.form-textarea.error[data-v-ba247a51]{border-color:#ef4444}.form-select[data-v-ba247a51]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-textarea[data-v-ba247a51]{resize:vertical;min-height:100px}.input-with-button[data-v-ba247a51]{display:flex;gap:.5rem}.input-with-button .form-input[data-v-ba247a51]{flex:1}.scan-button[data-v-ba247a51]{padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.9rem;font-family:inherit;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;white-space:nowrap}.scan-button[data-v-ba247a51]:hover{background:var(--color-background-soft);border-color:#d1d5db}.helper-text[data-v-ba247a51]{font-size:.8rem;color:var(--color-text);opacity:.6}.error-message[data-v-ba247a51]{font-size:.85rem;color:#ef4444;margin-top:-.25rem}.form-actions[data-v-ba247a51]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.cancel-button[data-v-ba247a51],.submit-button[data-v-ba247a51],.test-button[data-v-ba247a51]{padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.cancel-button[data-v-ba247a51]{background:#fff;color:var(--color-text);border:1px solid #e5e7eb}.cancel-button[data-v-ba247a51]:hover{background:var(--color-background-soft)}.test-button[data-v-ba247a51]{background:#3b82f6;color:#fff}.test-button[data-v-ba247a51]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.test-button[data-v-ba247a51]:disabled{opacity:.6;cursor:not-allowed}.submit-button[data-v-ba247a51]{background:#f03b2d;color:#fff}.submit-button[data-v-ba247a51]:hover:not(:disabled){background:#dc3226;transform:translateY(-1px);box-shadow:0 4px 12px #f03b2d4d}.submit-button[data-v-ba247a51]:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.new-referral-header[data-v-ba247a51]{padding:1rem}.header-content[data-v-ba247a51]{flex-direction:column;align-items:flex-start}.dropdown-menu[data-v-ba247a51]{right:0;left:auto;min-width:180px}.new-referral-main[data-v-ba247a51]{padding:1rem}.page-header[data-v-ba247a51]{flex-direction:column;align-items:flex-start}.page-title[data-v-ba247a51]{font-size:1.5rem}.form-card[data-v-ba247a51]{padding:1.5rem}.form-row[data-v-ba247a51]{grid-template-columns:1fr}.form-actions[data-v-ba247a51]{flex-direction:column-reverse}.cancel-button[data-v-ba247a51],.submit-button[data-v-ba247a51]{width:100%}.input-with-button[data-v-ba247a51]{flex-direction:column}.scan-button[data-v-ba247a51]{width:100%;justify-content:center}}.qrcode-container[data-v-5990398e]{min-height:100vh;background:var(--color-background-mute)}.qrcode-header[data-v-5990398e]{background:#f03b2d;color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.header-content[data-v-5990398e]{max-width:1380px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-5990398e]{display:flex;align-items:center;gap:1rem}.logo[data-v-5990398e]{display:flex;align-items:center}.header-logo[data-v-5990398e]{width:40px;height:40px;object-fit:contain;background:#fff;padding:.25rem;border-radius:4px}.brand-text[data-v-5990398e]{font-size:1.1rem;font-weight:700;letter-spacing:.5px}.header-nav[data-v-5990398e]{display:flex;gap:.5rem;align-items:center}.nav-button[data-v-5990398e]{background:#ffffff1a;color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-family:inherit}.nav-button[data-v-5990398e]:hover{background:#fff3}.nav-button.active[data-v-5990398e]{background:#ffffff40}.dropdown-container[data-v-5990398e]{position:relative}.dropdown-button[data-v-5990398e]{background:#0003;display:flex;align-items:center;gap:.5rem}.dropdown-button[data-v-5990398e]:hover{background:#0000004d}.chevron-icon[data-v-5990398e]{transition:transform .3s ease}.dropdown-menu[data-v-5990398e]{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:200px;overflow:hidden;z-index:1000;animation:dropdownSlideIn-5990398e .2s ease}@keyframes dropdownSlideIn-5990398e{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-5990398e]{width:100%;padding:.875rem 1.25rem;background:#fff;color:#374151;border:none;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s ease;display:flex;align-items:center;gap:.75rem}.dropdown-item[data-v-5990398e]:hover{background:#f3f4f6}.dropdown-item svg[data-v-5990398e]{color:#f03b2d}.dropdown-item[data-v-5990398e]:not(:last-child){border-bottom:1px solid #e5e7eb}.logout-button[data-v-5990398e]{background:#0003;color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-family:inherit}.logout-button[data-v-5990398e]:hover{background:#0000004d}.qrcode-main[data-v-5990398e]{padding:2rem}.qrcode-content[data-v-5990398e]{max-width:900px;margin:0 auto}.page-header[data-v-5990398e]{margin-bottom:1.5rem}.page-title[data-v-5990398e]{font-size:2rem;font-weight:800;color:var(--color-heading);margin-bottom:.5rem}.page-subtitle[data-v-5990398e]{font-size:1rem;color:var(--color-text);opacity:.7}.qr-section[data-v-5990398e],.link-section[data-v-5990398e],.instructions-section[data-v-5990398e]{margin-bottom:2rem}.section-header-text[data-v-5990398e]{text-align:center}.section-title[data-v-5990398e]{font-size:1.5rem;font-weight:700;color:var(--color-heading);margin-bottom:.5rem}.section-description[data-v-5990398e]{font-size:.95rem;color:var(--color-text);opacity:.7;margin-bottom:1rem}.qr-display-card[data-v-5990398e]{background:#fff;border-radius:16px;padding:2rem 1rem;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-code-wrapper[data-v-5990398e]{width:280px;height:280px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:.3rem;display:flex;align-items:center;justify-content:center}.qr-code-image[data-v-5990398e]{width:100%;height:100%;object-fit:contain}.qr-info[data-v-5990398e]{text-align:center}.clinic-name[data-v-5990398e]{font-size:1.5rem;font-weight:700;color:var(--color-heading);margin-bottom:.25rem}.clinic-subtitle[data-v-5990398e]{font-size:.95rem;color:var(--color-text);opacity:.6;margin-bottom:.5rem}.referral-id[data-v-5990398e]{display:inline-block;background:var(--color-background-soft);padding:.4rem 1rem;border-radius:20px;font-size:.85rem;color:var(--color-text);font-weight:500}.qr-actions[data-v-5990398e]{display:flex;gap:1rem;width:100%;max-width:600px}.qr-action-button[data-v-5990398e]{flex:1;padding:.85rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.5rem}.qr-action-button.primary[data-v-5990398e]{background:#f03b2d;color:#fff}.qr-action-button.primary[data-v-5990398e]:hover{background:#dc3226;transform:translateY(-1px);box-shadow:0 4px 12px #f03b2d4d}.qr-action-button.secondary[data-v-5990398e]{background:#fff;color:var(--color-heading);border:1px solid #e5e7eb}.qr-action-button.secondary[data-v-5990398e]:hover{background:var(--color-background-soft);border-color:#d1d5db}.link-card[data-v-5990398e]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.05)}.link-input-wrapper[data-v-5990398e]{display:flex;gap:.75rem;align-items:center}.link-input[data-v-5990398e]{flex:1;padding:.85rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-family:Courier New,monospace;background:var(--color-background-soft);color:var(--color-text)}.link-input[data-v-5990398e]:focus{outline:none;border-color:#f03b2d}.copy-button[data-v-5990398e]{padding:.85rem 1.5rem;background:#f03b2d;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.copy-button[data-v-5990398e]:hover{background:#dc3226;transform:translateY(-1px);box-shadow:0 4px 12px #f03b2d4d}.instructions-section[data-v-5990398e]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.05)}.instructions-list[data-v-5990398e]{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.instruction-item[data-v-5990398e]{display:flex;gap:1.25rem;align-items:flex-start}.instruction-number[data-v-5990398e]{width:25px;height:25px;background:#f03b2d;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.instruction-content[data-v-5990398e]{flex:1}.instruction-title[data-v-5990398e]{font-size:1.1rem;font-weight:700;color:var(--color-heading);margin-bottom:.5rem}.instruction-text[data-v-5990398e]{font-size:.95rem;color:var(--color-text);line-height:1.6}@media(max-width:768px){.qrcode-header[data-v-5990398e]{padding:1rem}.header-content[data-v-5990398e]{flex-direction:column;align-items:flex-start;gap:1rem}.header-nav[data-v-5990398e]{width:100%;flex-wrap:wrap}.dropdown-menu[data-v-5990398e]{right:0;left:auto;min-width:180px}.nav-button[data-v-5990398e],.logout-button[data-v-5990398e]{font-size:.85rem;padding:.5rem .75rem}.qrcode-main[data-v-5990398e]{padding:1rem}.page-title[data-v-5990398e]{font-size:1.5rem}.page-subtitle[data-v-5990398e]{font-size:.9rem}.section-title[data-v-5990398e]{font-size:1.25rem}.section-description[data-v-5990398e]{font-size:.875rem}.qr-display-card[data-v-5990398e]{padding:2rem 1.5rem}.qr-code-wrapper[data-v-5990398e]{width:240px;height:240px}.clinic-name[data-v-5990398e]{font-size:1.25rem}.qr-actions[data-v-5990398e]{flex-direction:column;gap:.75rem}.qr-action-button[data-v-5990398e]{width:100%}.link-input-wrapper[data-v-5990398e]{flex-direction:column}.link-input[data-v-5990398e]{width:100%;font-size:.8rem}.copy-button[data-v-5990398e]{width:100%}.instructions-section[data-v-5990398e]{padding:1.5rem}.instruction-item[data-v-5990398e]{gap:1rem}.instruction-number[data-v-5990398e]{width:36px;height:36px;font-size:1rem}.instruction-title[data-v-5990398e]{font-size:1rem}.instruction-text[data-v-5990398e]{font-size:.875rem}}.profile-container[data-v-e2672dd6]{min-height:100vh;background:var(--color-background-mute)}.profile-header[data-v-e2672dd6]{background:#f03b2d;color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.header-content[data-v-e2672dd6]{max-width:1380px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo-section[data-v-e2672dd6]{display:flex;align-items:center;gap:.75rem}.header-logo[data-v-e2672dd6]{width:40px;height:40px;object-fit:contain;background:#fff;padding:.25rem;border-radius:4px}.portal-name[data-v-e2672dd6]{font-size:1.1rem;font-weight:600;letter-spacing:.5px}.header-nav[data-v-e2672dd6]{display:flex;gap:.5rem;flex-wrap:wrap}.nav-button[data-v-e2672dd6]{padding:.5rem 1rem;background:transparent;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;transition:all .3s ease;font-family:inherit}.nav-button[data-v-e2672dd6]:hover{background:#ffffff1a}.nav-button.active[data-v-e2672dd6]{background:#fff3;font-weight:600}.dropdown-container[data-v-e2672dd6]{position:relative}.dropdown-button[data-v-e2672dd6]{background:#0003;display:flex;align-items:center;gap:.5rem}.dropdown-button[data-v-e2672dd6]:hover{background:#0000004d}.chevron-icon[data-v-e2672dd6]{transition:transform .3s ease}.dropdown-menu[data-v-e2672dd6]{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:200px;overflow:hidden;z-index:1000;animation:dropdownSlideIn-e2672dd6 .2s ease}@keyframes dropdownSlideIn-e2672dd6{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-e2672dd6]{width:100%;padding:.875rem 1.25rem;background:#fff;color:#374151;border:none;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s ease;display:flex;align-items:center;gap:.75rem}.dropdown-item[data-v-e2672dd6]:hover{background:#f3f4f6}.dropdown-item svg[data-v-e2672dd6]{color:#f03b2d}.dropdown-item[data-v-e2672dd6]:not(:last-child){border-bottom:1px solid #e5e7eb}.profile-main[data-v-e2672dd6]{padding:2rem;max-width:1200px;margin:0 auto}.profile-content[data-v-e2672dd6]{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.page-header[data-v-e2672dd6]{padding:2rem;border-bottom:1px solid #e5e7eb}.page-title[data-v-e2672dd6]{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.page-subtitle[data-v-e2672dd6]{font-size:1rem;color:#6b7280;margin:0}.loading-message[data-v-e2672dd6]{margin:1.5rem 2rem;padding:1rem 1.5rem;background:#3b82f6;color:#fff;border-radius:8px;display:flex;align-items:center;gap:.75rem;font-weight:500;animation:slideDown-e2672dd6 .3s ease}.success-message[data-v-e2672dd6]{margin:1.5rem 2rem;padding:1rem 1.5rem;background:#10b981;color:#fff;border-radius:8px;display:flex;align-items:center;gap:.75rem;font-weight:500;animation:slideDown-e2672dd6 .3s ease}.error-message[data-v-e2672dd6]{margin:1.5rem 2rem;padding:1rem 1.5rem;background:#ef4444;color:#fff;border-radius:8px;display:flex;align-items:center;gap:.75rem;font-weight:500;animation:slideDown-e2672dd6 .3s ease}@keyframes slideDown-e2672dd6{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.spinner[data-v-e2672dd6]{animation:spin-e2672dd6 1s linear infinite}@keyframes spin-e2672dd6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-section[data-v-e2672dd6]{padding:2rem;border-bottom:1px solid #e5e7eb}.form-section[data-v-e2672dd6]:last-child{border-bottom:none}.profile-photo-section[data-v-e2672dd6]{display:flex;align-items:center;gap:1.5rem}.profile-avatar[data-v-e2672dd6]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f03b2d,#dc3226);display:flex;align-items:center;justify-content:center;color:#fff}.profile-photo-info[data-v-e2672dd6]{flex:1}.profile-name[data-v-e2672dd6]{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.profile-email[data-v-e2672dd6]{font-size:1rem;color:#6b7280;margin:0 0 1rem}.profile-photo-img[data-v-e2672dd6]{width:100%;height:100%;object-fit:cover;border-radius:50%}.upload-photo-btn[data-v-e2672dd6]{background:#fff;color:#f03b2d;border:2px solid rgb(240,59,45);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.upload-photo-btn[data-v-e2672dd6]:hover{background:#f03b2d;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #f03b2d4d}.upload-photo-btn:hover svg[data-v-e2672dd6]{color:#fff}.upload-photo-btn svg[data-v-e2672dd6]{color:#f03b2d;transition:all .3s ease}.section-title[data-v-e2672dd6]{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.section-title svg[data-v-e2672dd6]{color:#f03b2d}.form-grid[data-v-e2672dd6]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group[data-v-e2672dd6]{display:flex;flex-direction:column}.form-group.full-width[data-v-e2672dd6]{grid-column:1 / -1}.form-label[data-v-e2672dd6]{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.required[data-v-e2672dd6]{color:#f03b2d}.form-input[data-v-e2672dd6],.form-select[data-v-e2672dd6],.form-textarea[data-v-e2672dd6]{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-input[data-v-e2672dd6]:focus,.form-select[data-v-e2672dd6]:focus,.form-textarea[data-v-e2672dd6]:focus{outline:none;border-color:#f03b2d;box-shadow:0 0 0 3px #f03b2d1a}.form-input[data-v-e2672dd6]:disabled,.form-select[data-v-e2672dd6]:disabled,.form-textarea[data-v-e2672dd6]:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.form-textarea[data-v-e2672dd6]{resize:vertical;min-height:100px}.change-password-btn[data-v-e2672dd6]{background:#fff;color:#f03b2d;border:2px solid rgb(240,59,45);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.change-password-btn[data-v-e2672dd6]:hover{background:#f03b2d;color:#fff}.change-password-btn:hover svg[data-v-e2672dd6]{color:#fff}.change-password-btn svg[data-v-e2672dd6]{color:#f03b2d;transition:all .3s ease}.form-actions[data-v-e2672dd6]{padding:2rem;display:flex;justify-content:flex-end;gap:1rem;background:#f9fafb}.btn-cancel[data-v-e2672dd6],.btn-save[data-v-e2672dd6]{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-cancel[data-v-e2672dd6]{background:#fff;color:#374151;border:2px solid #d1d5db}.btn-cancel[data-v-e2672dd6]:hover{background:#f9fafb;border-color:#9ca3af}.btn-save[data-v-e2672dd6]{background:#f03b2d;color:#fff;border:none}.btn-save[data-v-e2672dd6]:hover:not(:disabled){background:#dc3226;transform:translateY(-1px);box-shadow:0 4px 12px #f03b2d4d}.btn-save[data-v-e2672dd6]:disabled,.btn-cancel[data-v-e2672dd6]:disabled{opacity:.6;cursor:not-allowed}.modal-overlay[data-v-e2672dd6]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-e2672dd6]{background:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a;animation:modalSlideIn-e2672dd6 .3s ease}@keyframes modalSlideIn-e2672dd6{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-e2672dd6]{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-e2672dd6]{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.modal-close[data-v-e2672dd6]{background:none;border:none;cursor:pointer;padding:.25rem;color:#6b7280;transition:color .3s ease}.modal-close[data-v-e2672dd6]:hover{color:#1f2937}.modal-body[data-v-e2672dd6]{padding:1.5rem}.modal-footer[data-v-e2672dd6]{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:1rem}@media(max-width:768px){.header-content[data-v-e2672dd6]{flex-direction:column;gap:1rem}.header-nav[data-v-e2672dd6]{width:100%;flex-wrap:wrap;justify-content:center}.nav-button[data-v-e2672dd6]{font-size:.85rem;padding:.5rem .75rem}.profile-main[data-v-e2672dd6]{padding:1rem}.page-header[data-v-e2672dd6]{padding:1.5rem}.page-title[data-v-e2672dd6]{font-size:1.5rem}.form-section[data-v-e2672dd6]{padding:1.5rem}.form-grid[data-v-e2672dd6]{grid-template-columns:1fr;gap:1rem}.profile-photo-section[data-v-e2672dd6]{flex-direction:column;text-align:center}.upload-photo-btn[data-v-e2672dd6]{width:100%;justify-content:center}.form-actions[data-v-e2672dd6]{flex-direction:column;padding:1.5rem}.btn-cancel[data-v-e2672dd6],.btn-save[data-v-e2672dd6]{width:100%;justify-content:center}.modal-content[data-v-e2672dd6]{margin:1rem}}.login-container[data-v-2299ff60]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.login-card[data-v-2299ff60]{width:100%;max-width:420px;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;padding:2.5rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.login-header[data-v-2299ff60]{text-align:center;margin-bottom:1.5rem}.logo[data-v-2299ff60]{display:flex;justify-content:center;margin-bottom:1rem}.logo img[data-v-2299ff60]{width:100px;height:auto}.portal-title[data-v-2299ff60]{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--color-heading)}.subtitle[data-v-2299ff60]{color:var(--color-text);font-size:.95rem;opacity:.7;margin-bottom:0}.tabs[data-v-2299ff60]{display:flex;gap:0;margin-bottom:1.5rem;border-radius:8px;overflow:hidden;background:var(--color-background-mute);border:5px solid #F2F2F2}.tab[data-v-2299ff60]{flex:1;padding:.5rem .75rem;font-size:.95rem;font-weight:500;color:var(--color-text);background:transparent;border:none;cursor:pointer;transition:all .3s ease;font-family:inherit}.tab.active[data-v-2299ff60]{background:var(--color-background);color:var(--color-heading);font-weight:600}.demo-credentials[data-v-2299ff60]{background:linear-gradient(135deg,#f03b2d1a,#f03b2d0d);border:1px solid rgba(240,59,45,.2);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.demo-title[data-v-2299ff60]{font-size:.9rem;font-weight:600;color:#f03b2d;margin-bottom:.5rem}.demo-text[data-v-2299ff60]{font-size:.85rem;color:var(--color-text);margin:.25rem 0;font-family:Courier New,monospace}.demo-text strong[data-v-2299ff60]{color:var(--color-heading);font-weight:600}.login-form[data-v-2299ff60]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-2299ff60]{display:flex;flex-direction:column;gap:.5rem}label[data-v-2299ff60]{font-size:.95rem;font-weight:500;color:var(--color-heading)}input[data-v-2299ff60],select[data-v-2299ff60]{width:100%;padding:.75rem 1rem;font-size:1rem;color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;transition:all .3s ease;font-family:inherit}select[data-v-2299ff60]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232c3e50' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}select[data-v-2299ff60]:disabled{cursor:not-allowed;opacity:.6;background-color:var(--color-background-mute);color:var(--color-text)}input[data-v-2299ff60]:focus,select[data-v-2299ff60]:focus{outline:none;border-color:#f03b2d;box-shadow:0 0 0 3px #f03b2d1a}select[data-v-2299ff60]:disabled:focus{border-color:var(--color-border);box-shadow:none}input[data-v-2299ff60]::placeholder{color:var(--color-text);opacity:.5}input.input-error[data-v-2299ff60],select.input-error[data-v-2299ff60]{border-color:#ef4444}input.input-error[data-v-2299ff60]:focus,select.input-error[data-v-2299ff60]:focus{box-shadow:0 0 0 3px #ef44441a}.error-message[data-v-2299ff60]{font-size:.875rem;color:#ef4444;margin-top:-.25rem}.login-button[data-v-2299ff60]{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:#f03b2d;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.login-button[data-v-2299ff60]:hover:not(:disabled){background:#dc3226;transform:translateY(-1px);box-shadow:0 4px 12px #f03b2d4d}.login-button[data-v-2299ff60]:active:not(:disabled){transform:translateY(0)}.login-button[data-v-2299ff60]:disabled{opacity:.6;cursor:not-allowed}.submit-message[data-v-2299ff60]{text-align:center;padding:.75rem;border-radius:8px;font-size:.95rem;background:#ef44441a;color:#ef4444;margin-top:-.5rem}.submit-message.success[data-v-2299ff60]{background:#f03b2d1a;color:#f03b2d}@media(min-width:1024px){.login-card[data-v-2299ff60]{padding:3rem}.portal-title[data-v-2299ff60]{font-size:2rem}}@media(max-width:480px){.login-container[data-v-2299ff60]{padding:1rem}.login-card[data-v-2299ff60]{padding:2rem 1.5rem}.portal-title[data-v-2299ff60]{font-size:1.5rem}.logo img[data-v-2299ff60]{width:80px}}