:root{--primary-900: #081c15;--primary-800: #1b4332;--primary-700: #2d6a4f;--primary-600: #40916c;--primary-500: #52b788;--primary-400: #74c69d;--primary-300: #95d5b2;--primary-200: #b7e4c7;--primary-100: #d8f3dc;--primary-50: #edf9f0;--accent-gold: #d4a373;--accent-amber: #e76f51;--accent-terracotta: #f4a261;--accent-light: #faedcd;--bg-main: #f8faf8;--bg-card: #ffffff;--bg-card-subtle: #f3f7f4;--bg-glass: rgba(255, 255, 255, .85);--border-subtle: #e2ebe4;--border-focus: #52b788;--text-primary: #14241b;--text-secondary: #4a5d52;--text-muted: #7c9085;--text-inverse: #ffffff;--success: #2e7d32;--success-bg: #e8f5e9;--warning: #ed6c02;--warning-bg: #fff4e5;--danger: #d32f2f;--danger-bg: #ffebee;--info: #0288d1;--info-bg: #e1f5fe;--shadow-xs: 0 1px 2px rgba(18, 43, 30, .04);--shadow-sm: 0 2px 4px rgba(18, 43, 30, .06);--shadow-md: 0 4px 12px rgba(18, 43, 30, .08);--shadow-lg: 0 12px 28px rgba(18, 43, 30, .12);--shadow-glass: 0 8px 32px 0 rgba(27, 67, 50, .09);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1);--max-width: 1240px;--header-height: 72px;--mobile-nav-height: 68px}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);background-color:var(--bg-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:DM Sans,Plus Jakarta Sans,sans-serif;color:var(--text-primary);line-height:1.25;font-weight:700;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:var(--transition-normal)}input,textarea,select{font-family:inherit;font-size:.95rem;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 14px;background-color:#fff;transition:var(--transition-fast);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px #40916c2e}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#c3d4c8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-400)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-bottom:90px}@media(min-width:992px){.main-content{padding-bottom:40px}}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.95rem;padding:10px 20px;border-radius:var(--radius-full);transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary-800),var(--primary-700));color:#fff;box-shadow:0 4px 14px #1b433240}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-700),var(--primary-600));transform:translateY(-1px);box-shadow:0 6px 18px #1b433252}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--primary-100);color:var(--primary-900)}.btn-secondary:hover{background-color:var(--primary-200);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--accent-amber),var(--accent-terracotta));color:#fff;box-shadow:0 4px 12px #e76f5147}.btn-accent:hover{background:linear-gradient(135deg,#d85c3f,var(--accent-amber));transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--border-subtle);background-color:transparent;color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary-600);background-color:var(--primary-50);color:var(--primary-800)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-card-subtle);color:var(--primary-800)}.btn-sm{padding:6px 14px;font-size:.85rem}.btn-lg{padding:14px 28px;font-size:1.05rem}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);border-color:#d1dfd6}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-300)}.card-glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-glass)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;border-radius:var(--radius-full);letter-spacing:.02em}.badge-primary{background-color:var(--primary-100);color:var(--primary-800)}.badge-verified{background:linear-gradient(135deg,#1b4332,#2d6a4f);color:#d8f3dc;box-shadow:0 2px 6px #1b433233}.badge-stage{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.badge-success{background-color:var(--success-bg);color:var(--success)}.badge-warning{background-color:var(--warning-bg);color:var(--warning)}.badge-danger{background-color:var(--danger-bg);color:var(--danger)}.badge-neutral{background-color:var(--bg-card-subtle);color:var(--text-secondary)}.safety-alert{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:12px;color:#1e40af;font-size:.88rem;margin-bottom:1.5rem}.safety-alert-critical{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#991b1b}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #52b78866}50%{box-shadow:0 0 0 10px #52b78800}}.animate-fade{animation:fadeIn .35s ease forwards}.pulse-indicator{animation:pulseGlow 2s infinite}.demo-role-bar{background:#11281e;color:#d8f3dc;padding:8px 16px;font-size:.82rem;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:1000;position:sticky;top:0;border-bottom:1px solid #234f3b}.demo-role-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.role-pill{padding:3px 10px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;color:#95d5b2;background:#ffffff14;border:1px solid transparent;transition:all .2s}.role-pill:hover{background:#ffffff29;color:#fff}.role-pill.active{background:var(--accent-amber);color:#fff;border-color:var(--accent-terracotta)}.app-header{height:var(--header-height);background:#faf8f5eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:900;display:flex;align-items:center;box-shadow:0 2px 10px #081c150a}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.brand-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem;color:var(--primary-900);flex-shrink:0;transition:transform var(--transition-fast)}.brand-logo:hover{transform:scale(1.02)}.brand-logo svg{width:34px;height:34px}.nav-links-desktop{display:none;align-items:center;gap:4px}@media(min-width:1080px){.nav-links-desktop{display:flex}}@media(min-width:1300px){.nav-links-desktop{gap:6px}}.nav-link{font-size:.84rem;font-weight:600;color:var(--text-secondary);padding:6px 11px;border-radius:var(--radius-full);transition:all var(--transition-fast);display:flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid transparent}@media(min-width:1300px){.nav-link{font-size:.88rem;padding:7px 12px}}.nav-link:hover{color:var(--primary-900);background-color:var(--primary-50)}.nav-link.active{color:var(--primary-900);background-color:var(--primary-100);font-weight:700;border-color:var(--primary-200)}.nav-admin-badge{background:#d8f3dc;color:#1b4332;border:1px solid #b7e4c7;font-weight:700}.nav-admin-badge:hover{background:#b7e4c7;color:#081c15}.nav-dropdown-wrapper{position:relative}.nav-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;width:220px;background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 30px #081c151f;border:1px solid var(--border-subtle);padding:6px;z-index:1000;animation:fadeIn .15s ease}.nav-dropdown-item{width:100%;padding:8px 12px;border-radius:var(--radius-md);display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--text-primary);text-align:left;transition:all .15s ease}.nav-dropdown-item:hover{background-color:var(--primary-50);color:var(--primary-900)}.nav-dropdown-item.active{background-color:var(--primary-100);color:var(--primary-900);font-weight:700}.nav-toggle-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--primary-900);cursor:pointer;transition:all .15s ease}.nav-toggle-btn:hover{background:var(--primary-50);border-color:var(--primary-200)}@media(min-width:1080px){.nav-toggle-btn{display:none}}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#081c1580;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;animation:fadeIn .2s ease}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;background:#fff;z-index:1060;padding:1.5rem;display:flex;flex-direction:column;box-shadow:-4px 0 24px #081c152e;overflow-y:auto;animation:slideDrawer .25s cubic-bezier(.16,1,.3,1)}@keyframes slideDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);z-index:950;justify-content:space-around;align-items:center;padding:0 8px}@media(min-width:992px){.mobile-bottom-nav{display:none}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font-size:.72rem;font-weight:600;padding:6px 10px;border-radius:var(--radius-sm);transition:all .2s;flex:1}.mobile-nav-item.active{color:var(--primary-800)}.mobile-nav-item.active svg{stroke:var(--primary-800);transform:scale(1.1)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#081c1599;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:var(--radius-xl);max-width:620px;width:100%;max-height:90vh;overflow-y:auto;padding:1.75rem;box-shadow:0 20px 40px #081c153d;position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.modal-close-btn{background:var(--bg-card-subtle);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.modal-close-btn:hover{background:#e2ebe4;color:var(--primary-900)}.section-header{margin-bottom:1.75rem}.section-tag{display:inline-block;color:var(--primary-700);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.section-title{font-size:1.85rem;color:var(--primary-900);margin-bottom:.5rem}.section-subtitle{color:var(--text-secondary);font-size:1.05rem}.grid-2,.grid-3,.grid-4{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.floating-practitioner-btn{position:fixed;bottom:80px;right:16px;z-index:850;background:linear-gradient(135deg,#1b4332,#2d6a4f);color:#fff;padding:10px 16px;border-radius:var(--radius-full);box-shadow:0 8px 24px #1b433259;display:flex;align-items:center;gap:8px;font-weight:700;font-size:.85rem;transition:all var(--transition-normal);border:1px solid rgba(255,255,255,.2)}@media(min-width:992px){.floating-practitioner-btn{bottom:30px;right:30px;font-size:.9rem;padding:12px 18px}}.floating-practitioner-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 28px #1b433273}.practitioner-portal-layout{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}@media(min-width:992px){.practitioner-portal-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.5rem}}.practitioner-chat-card{padding:0;overflow:hidden;display:flex;flex-direction:column;height:520px;max-height:calc(100vh - 200px);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}@media(min-width:768px){.practitioner-chat-card{height:600px;max-height:none}}@media(max-width:640px){.hide-on-mobile{display:none!important}.container{padding:0 1rem}.card{padding:1.15rem;border-radius:var(--radius-md)}.modal-backdrop{padding:.75rem}.modal-content{padding:1.25rem 1rem;max-height:88vh;border-radius:var(--radius-lg)}.section-title{font-size:1.5rem}.btn-lg{padding:12px 20px;font-size:.95rem}form div[style*=grid-template-columns],form div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:.75rem!important}}.hide-on-desktop{display:none!important}@media(max-width:899px){.hide-on-desktop{display:block!important}.hide-on-tablet-down{display:none!important}}@media(max-width:640px){.floating-practitioner-btn{bottom:74px;right:14px;padding:10px 14px;font-size:.82rem}}