:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark;--bg-primary: #ffffff;--bg-secondary: #f8faff;--bg-gradient: linear-gradient(120deg, #f6faff 0%, #e9f7f7 77%, #daf0ff 100%);--text-primary: #213547;--text-secondary: #2d73ff;--text-muted: #6499c3;--border-color: #ccc;--card-bg: #ffffff;--card-shadow: 0 6px 40px 0 rgba(70,120,230,.13), 0 1.5px 6px 0 rgba(60,80,120,.07);--calendar-bg: #f7fbff;--calendar-header: #e2edff;--calendar-header-text: #2a377b;--calendar-day-available: #acf5ac;--calendar-day-selected: #a3cffd;--calendar-day-border: #ccc;--calendar-day-text: #213547;--form-bg: #f8fcff;--form-border: #6ac8f0;--form-title: #333;--button-primary: #4bb86a;--button-secondary: #bbb;--button-primary-hover: #3a9b54;--button-secondary-hover: #999;--slot-bg: #e2edff;--slot-text: #2956a3;--apptype-bg: linear-gradient(90deg, #f0f5ff 80%, #e2faed 100%);--apptype-hover: linear-gradient(90deg, #ddecff 70%, #b8fbce 100%);--error-color: #ff4066;--loading-color: #7fb3e6}@media (prefers-color-scheme: dark){:root{--bg-primary: #202020;--bg-secondary: #2d2d2d;--bg-gradient: linear-gradient(120deg, #1a1a1a 0%, #2d2d2d 77%, #1a1a1a 100%);--text-primary: #e1e1e1;--text-secondary: #5ba3ff;--text-muted: #9bb5d6;--border-color: #444;--card-bg: #343434;--card-shadow: 0 6px 40px 0 rgba(0,0,0,.3), 0 1.5px 6px 0 rgba(0,0,0,.2);--calendar-bg: #333333;--calendar-header: #404040;--calendar-header-text: #e1e1e1;--calendar-day-available: #3a9b54;--calendar-day-selected: #2d4a77;--calendar-day-border: #555;--calendar-day-text: #e1e1e1;--form-bg: #504e4e;--form-border: #4a7aa4;--form-title: #e1e1e1;--button-primary: #3a9b54;--button-secondary: #666;--button-primary-hover: #2d7a41;--button-secondary-hover: #777;--slot-bg: #404040;--slot-text: #b3d4fc;--apptype-bg: linear-gradient(90deg, #333333 80%, #2d4a2d 100%);--apptype-hover: linear-gradient(90deg, #404040 70%, #3a5a3a 100%);--error-color: #ff6b6b;--loading-color: #6bb6ff}}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.center-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);padding:1em}.card{background:var(--card-bg);border-radius:1.2em;box-shadow:var(--card-shadow);padding:2.5em 2em 2em;margin:.5em auto;max-width:900px;min-width:270px;transition:box-shadow .2s;color:var(--text-primary)}.main-card,.booking-card{max-width:900px}.sub-card{background:var(--bg-secondary);margin-top:2em;padding:1.6em 1em 1.2em;border-radius:1em;box-shadow:none}.fade-in{animation:fadein .5s}@keyframes fadein{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.title{margin-bottom:1.1em;font-size:2.1em;background:linear-gradient(90deg,#2d73ff 10%,#50d890);color:transparent;-webkit-background-clip:text;background-clip:text}.subtitle{color:var(--text-secondary)}.duration{color:var(--text-muted);font-weight:500;margin-bottom:1.4em}.space-top{margin-top:1.7em}.loading{color:var(--loading-color);font-size:1.05em}.error{color:var(--error-color)}.apptype-list{padding:0;margin:0 auto;list-style:none;display:flex;flex-direction:column;gap:1.3em}.apptype-link{padding:1em 2em;background:var(--apptype-bg);color:var(--text-primary);font-weight:600;font-size:1.15em;border-radius:.8em;box-shadow:0 1.5px 8px #3c507812;display:block;transition:background .15s,color .13s,box-shadow .19s;text-decoration:none}.apptype-link:hover{background:var(--apptype-hover);color:var(--text-secondary);box-shadow:0 5px 20px #3c64dc26}.calendar-outer{overflow-x:auto;margin-bottom:1.2em}.calendar-table{border-collapse:separate;border-spacing:.12em;margin:1.1em auto 1em;background:var(--calendar-bg);border-radius:14px;overflow:hidden;min-width:100%}.calendar-table th{background:var(--calendar-header);color:var(--calendar-header-text);padding:8px 5px;font-size:1.01em}.calendar-table td{text-align:center;font-size:1em;border-radius:8px;min-width:38px;height:1.9em;transition:background .11s;color:var(--text-primary)}.calendar-table td[title]{transition:box-shadow .18s}.calendar-table td:hover{box-shadow:0 2px 10px #50c8b421}.slots-list{list-style:none;padding-left:0;margin-top:.77em}.slot-entry{display:flex;justify-content:flex-start;align-items:center;background:var(--slot-bg);color:var(--slot-text);margin-bottom:.45em;border-radius:8px;padding:.55em 1.12em;font-weight:500;font-size:1.03em;box-shadow:0 1.5px 6px #3c5aaa0d}.slot-span{letter-spacing:.03em}@media (max-width: 600px){#root{padding:0}.center-container{padding:.5em}.card,.main-card,.booking-card{max-width:99vw;min-width:unset;padding:1em .4em}.calendar-table th,.calendar-table td{font-size:.93em;min-width:28px}.title{font-size:1.43em}.subtitle{font-size:1.14em}.apptype-link{font-size:.97em;padding:.7em}.slot-entry{font-size:.97em;padding:.45em}}.welcome-container{display:flex;justify-content:center;padding:1em;margin-bottom:0}.selection-container{display:flex;justify-content:center;padding:1em;margin-top:0}.welcome-card{max-width:1100px!important;width:100%;text-align:center;background:linear-gradient(135deg,var(--card-bg) 0%,var(--input-bg) 100%)}.welcome-branding-header{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 0}.welcome-text{display:flex;flex-direction:column;align-items:center;gap:8px}.welcome-title{margin:0;font-size:2.2em;font-weight:700;color:var(--text-primary);line-height:1.2}.welcome-subtitle{margin:0;font-size:1.1em;color:var(--text-secondary);font-weight:400}.selection-title{margin:0 0 20px;font-size:1.5em;font-weight:600;color:var(--text-primary);text-align:center;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.homepage-branding-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.branding-text .title{margin:0;font-size:1.8em}.apptype-list{display:flex;flex-direction:column;gap:15px;margin:0;padding:0;list-style:none}.apptype-card{display:block;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;color:var(--text-primary);transition:all .2s ease}.apptype-card:hover{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-text);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.apptype-name{margin:0 0 8px;font-size:1.2em;font-weight:600;color:inherit}.apptype-description{margin:0 0 12px;color:var(--text-secondary);font-size:.95em;line-height:1.4}.apptype-details{display:flex;gap:20px;font-size:.9em;color:var(--text-secondary);margin-top:8px}.apptype-duration,.apptype-location{display:flex;align-items:center;gap:5px}.homepage-card{max-width:1100px!important;width:100%;margin:0 auto}@media (max-width: 600px){.welcome-container,.selection-container{padding:.5em}.welcome-card,.homepage-card{max-width:99vw!important;padding:1em .4em}.welcome-branding-header{flex-direction:column;gap:15px}.welcome-title{font-size:1.8em}.welcome-subtitle{font-size:1em}.selection-title{font-size:1.3em}}.booking-branding-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.branding-logo{height:40px;width:auto;object-fit:contain}.branding-text{display:flex;align-items:center;gap:10px}.branding-text .subtitle{margin:0;font-size:1.4em}.consultant-name{color:var(--text-secondary);font-size:1em;font-weight:500}.booking-header{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin:20px 0;padding:20px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.booking-header-photo{display:flex;justify-content:center;align-items:center}.booking-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--border-color);box-shadow:var(--card-shadow)}.booking-header-info{display:flex;flex-direction:column;justify-content:center}.booking-header-info .description{margin:0 0 8px;font-size:1em;color:var(--text-muted);line-height:1.4}.booking-header-info .location{margin:0 0 8px;font-size:1em;color:var(--text-secondary);font-weight:500}.booking-header-info .duration{margin:0;font-size:1.1em;font-weight:500;color:var(--text-primary)}.booking-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.calendar-section,.slots-section{min-width:0}.slots-card{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:var(--card-shadow);border:1px solid var(--border-color);color:var(--text-primary)}.slots-grid{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.form-fields{display:flex;flex-direction:column;gap:12px}.form-field{display:flex;flex-direction:column}.no-slots{text-align:center;padding:20px;color:var(--text-muted);font-style:italic}@media (max-width: 768px){.booking-branding-header{flex-direction:column;align-items:center;gap:10px}.branding-text{flex-direction:column;align-items:center;gap:5px;text-align:center}.branding-text .subtitle{font-size:1.2em}.consultant-name{font-size:.9em}.booking-header{grid-template-columns:1fr;text-align:center;gap:15px;padding:16px}.booking-photo{width:70px;height:70px}.booking-layout{grid-template-columns:1fr;gap:20px}.calendar-section{order:1}.slots-section{order:2}.slots-card{padding:16px}.booking-form{padding:16px!important}.form-buttons{flex-direction:column!important}.form-buttons button{flex:none!important}}@media (max-width: 480px){.slots-grid{justify-content:center}.slot-btn{min-width:100px!important;font-size:13px!important}}.manage-booking-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.manage-booking-card{background:var(--card-bg);border-radius:12px;padding:32px;box-shadow:var(--card-shadow);max-width:800px;width:100%;margin:0 auto}.manage-booking-title{font-size:24px;font-weight:600;color:var(--form-title);margin-bottom:24px;text-align:center}.manage-booking-title.error{color:var(--error-color)}.manage-booking-title.success{color:var(--button-primary)}.current-booking{background:var(--form-bg);padding:20px;border-radius:8px;margin:20px 0}.current-booking h3{margin:0 0 12px;color:var(--form-title);font-size:18px}.current-booking p{margin:8px 0;color:var(--text-primary)}.current-booking strong{color:var(--form-title)}.btn-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px;width:100%}.btn{border:none;border-radius:8px;padding:12px 24px;font-weight:600;font-size:14px;min-width:120px;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-danger{background:var(--error-color);color:#fff}.btn-danger:hover:not(:disabled){background:#b71c1c}.btn-primary{background:var(--button-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--button-primary-hover)}.btn-success{background:var(--button-primary);color:#fff}.btn-success:hover:not(:disabled){background:#2d7a41}.btn-secondary{background:var(--button-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--button-secondary-hover)}.btn-disabled{background:#444;color:#aaa}.edit-section{margin-top:30px}.edit-section h3,.edit-section h4{color:var(--form-title);margin-bottom:16px}.available-days-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:12px 0 24px}.day-btn{background:var(--calendar-day-available);color:var(--calendar-day-text);border:1px solid var(--calendar-day-border);border-radius:6px;padding:8px 12px;cursor:pointer;font-size:13px;text-align:center;transition:all .2s ease}.day-btn:hover{box-shadow:0 2px 10px #50c8b421}.day-btn.selected{background:var(--calendar-day-selected);color:var(--calendar-day-text)}.slots-section{margin:20px 0}.slots-grid{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.slot-btn{background:var(--slot-bg);color:var(--slot-text);border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 1.5px 6px #3c5aaa0d}.slot-btn:hover{box-shadow:0 2px 10px #50c8b421}.slot-btn.selected{background:var(--calendar-day-selected);color:var(--calendar-day-text)}.no-slots{color:var(--text-muted);text-align:center;padding:20px;font-style:italic}.confirmation-section{text-align:center;margin-top:30px;padding:20px;background:var(--form-bg);border-radius:8px;border:1px solid var(--form-border)}.confirmation-section p{margin-bottom:16px;font-size:16px;color:var(--text-primary)}.description{color:var(--text-muted);margin-bottom:20px;text-align:center;line-height:1.5}.loading{text-align:center;padding:20px;color:var(--loading-color)}.error-message{margin-top:16px;padding:12px;background:#ff406614;color:var(--error-color);border:1px solid var(--error-color);border-radius:6px}.back-link{color:var(--text-secondary);text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.field{margin:14px 0}.field-label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-primary)}.text-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;box-sizing:border-box;background:var(--card-bg);color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.text-input:focus{outline:none;border-color:var(--button-primary);box-shadow:0 0 0 3px #1976d21f}textarea.text-input{resize:vertical;min-height:60px}@media (max-width: 768px){.manage-booking-card{padding:24px 20px;margin:10px}.manage-booking-title{font-size:20px}.btn-group{flex-direction:column;width:100%}.btn{flex:1 1 100%;max-width:100%;min-width:0}.available-days-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.slots-grid{justify-content:center}.confirmation-section{padding:16px}}@media (max-width: 480px){.manage-booking-container{padding:10px}.manage-booking-card{padding:20px 16px}.current-booking{padding:16px}.day-btn,.slot-btn{font-size:12px;padding:6px 10px}.available-days-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.slots-grid{gap:6px}}