.ihub-booking-calendar{background:var(--background);min-height:100vh;padding:1.5rem}.ihub-booking-container{max-width:1400px;margin:0 auto}.ihub-booking-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;margin-bottom:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:1rem;box-shadow:0 1px 3px color-mix(in oklab,var(--foreground) 5%,transparent)}.ihub-user-avatar{width:3rem;height:3rem;border-radius:50%;background:var(--primary);color:var(--primary-foreground);display:flex;align-items:center;justify-content:center}.ihub-icon-button{padding:.5rem;border-radius:.5rem;background:transparent;border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;transition:all .2s ease}.ihub-icon-button:hover{background:var(--accent);color:var(--foreground);border-color:var(--primary)}.ihub-booking-content{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;min-height:calc(100vh - 200px)}.ihub-bookings-panel{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;max-height:calc(100vh - 180px)}.ihub-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.ihub-add-button{padding:.5rem;border-radius:.5rem;background:var(--primary);color:var(--primary-foreground);border:none;cursor:pointer;transition:all .2s ease}.ihub-add-button:hover{background:var(--primary);opacity:.9;transform:scale(1.05)}.ihub-year-filter{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;background:var(--primary);color:var(--primary-foreground);border:none;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.875rem}.ihub-year-filter:hover{opacity:.9;transform:scale(1.02)}.ihub-year-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:140px;background:var(--card);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 4px 12px color-mix(in oklab,var(--foreground) 15%,transparent);z-index:100;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ihub-year-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.625rem 1rem;background:transparent;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--foreground);text-align:left;transition:all .15s ease}.ihub-year-option:hover{background:var(--accent);color:var(--primary)}.ihub-year-option.active{background:color-mix(in oklab,var(--primary) 10%,var(--background));color:var(--primary);font-weight:600}.ihub-year-option:not(:last-child){border-bottom:1px solid var(--border)}.ihub-bookings-scroll{flex:1;overflow-y:auto;padding-right:.5rem}.ihub-bookings-scroll::-webkit-scrollbar{width:6px}.ihub-bookings-scroll::-webkit-scrollbar-track{background:var(--muted);border-radius:3px}.ihub-bookings-scroll::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:3px}.ihub-bookings-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary)}.ihub-booking-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:.75rem;background:var(--card);transition:all .3s ease}.ihub-booking-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.ihub-booking-card:hover{box-shadow:0 4px 12px color-mix(in oklab,var(--foreground) 10%,transparent);transform:translateY(-2px)}.ihub-booking-card-brand{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:1rem;background:var(--card);transition:all .3s ease;box-shadow:0 1px 3px color-mix(in oklab,var(--foreground) 5%,transparent)}.ihub-booking-card-brand:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:1rem 0 0 1rem}.ihub-booking-card-brand:hover{box-shadow:0 8px 20px color-mix(in oklab,var(--foreground) 12%,transparent);transform:translateY(-3px);border-color:var(--primary)}.ihub-booking-green:before{background:var(--primary)}.ihub-booking-green{background:color-mix(in oklab,var(--primary) 3%,var(--card))}.ihub-booking-cyan:before{background:var(--accent)}.ihub-booking-cyan{background:color-mix(in oklab,var(--accent) 3%,var(--card))}.ihub-booking-blue:before{background:var(--primary)}.ihub-booking-blue{background:color-mix(in oklab,var(--primary) 3%,var(--card))}.ihub-booking-purple:before{background:var(--secondary)}.ihub-booking-purple{background:color-mix(in oklab,var(--secondary) 3%,var(--card))}.ihub-details-button{display:inline-flex;align-items:center;padding:.375rem .75rem;background:color-mix(in oklab,var(--primary) 10%,transparent);color:var(--primary);border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ihub-details-button:hover{background:color-mix(in oklab,var(--primary) 20%,transparent);transform:translateX(2px)}.ihub-calendar-panel{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column}.ihub-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.ihub-calendar-nav-button{padding:.5rem;border-radius:.5rem;background:transparent;border:1px solid var(--border);color:var(--foreground);cursor:pointer;transition:all .2s ease}.ihub-calendar-nav-button:hover{background:var(--accent);border-color:var(--primary);color:var(--primary)}.ihub-view-toggle{padding:.5rem 1rem;border:1px solid var(--border);background:transparent;color:var(--muted-foreground);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.ihub-view-toggle:first-child{border-radius:.5rem 0 0 .5rem}.ihub-view-toggle:nth-child(2){border-radius:0;border-left:none}.ihub-view-toggle:last-child{border-radius:0 .5rem .5rem 0;border-left:none}.ihub-view-toggle.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.ihub-view-toggle:hover:not(.active){background:var(--accent);color:var(--foreground)}.ihub-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;flex:1}.ihub-calendar-day-header{padding:.75rem;text-align:center;font-weight:600;font-size:.875rem;color:var(--primary-foreground);background:var(--primary);border-radius:.5rem .5rem 0 0}.ihub-calendar-day{min-height:100px;padding:.5rem;border:1px solid var(--border);border-radius:.5rem;background:var(--background);position:relative;transition:all .2s ease}.ihub-calendar-day:hover{background:var(--accent);border-color:var(--primary);box-shadow:0 2px 8px color-mix(in oklab,var(--foreground) 5%,transparent)}.ihub-calendar-day.empty{background:transparent;border-color:transparent}.ihub-calendar-day.today{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,var(--background))}.ihub-day-number{font-size:.875rem;font-weight:600;color:var(--foreground);margin-bottom:.25rem}.ihub-day-trainings{display:flex;flex-direction:column;gap:.25rem}.ihub-calendar-training{font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;color:var(--card-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:all .2s ease;font-weight:500}.ihub-calendar-training.ihub-booking-green{background:color-mix(in oklab,var(--primary) 15%,var(--background));border-left:3px solid var(--primary)}.ihub-calendar-training.ihub-booking-cyan{background:color-mix(in oklab,var(--accent) 15%,var(--background));border-left:3px solid var(--accent)}.ihub-calendar-training.ihub-booking-blue{background:color-mix(in oklab,var(--primary) 15%,var(--background));border-left:3px solid var(--primary)}.ihub-calendar-training.ihub-booking-purple{background:color-mix(in oklab,var(--secondary) 15%,var(--background));border-left:3px solid var(--secondary)}.ihub-calendar-training:hover{transform:scale(1.02);box-shadow:0 2px 4px color-mix(in oklab,var(--foreground) 10%,transparent)}.ihub-more-trainings{font-size:.7rem;color:var(--muted-foreground);padding:.25rem .5rem;text-align:center;font-weight:500}.ihub-week-view{display:flex;flex-direction:column;flex:1;gap:1rem}.ihub-week-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.ihub-week-day-header{padding:1rem;text-align:center;background:var(--muted);border-radius:.5rem;color:var(--foreground)}.ihub-week-day-header.today{background:var(--primary);color:var(--primary-foreground)}.ihub-today-badge{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--primary-foreground);color:var(--primary);font-weight:700}.ihub-week-content{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;flex:1}.ihub-week-day-content{background:var(--background);border:1px solid var(--border);border-radius:.5rem;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;min-height:400px}.ihub-week-training{padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.ihub-week-training.ihub-booking-green{border-left-color:var(--primary);background:color-mix(in oklab,var(--primary) 8%,var(--background))}.ihub-week-training.ihub-booking-cyan{border-left-color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,var(--background))}.ihub-week-training.ihub-booking-blue{border-left-color:var(--primary);background:color-mix(in oklab,var(--primary) 8%,var(--background))}.ihub-week-training.ihub-booking-purple{border-left-color:var(--secondary);background:color-mix(in oklab,var(--secondary) 8%,var(--background))}.ihub-week-training:hover{transform:scale(1.02);box-shadow:0 2px 4px color-mix(in oklab,var(--foreground) 10%,transparent)}.ihub-year-view{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;flex:1;overflow-y:auto;padding-bottom:1rem}.ihub-year-month{background:var(--background);border:1px solid var(--border);border-radius:.75rem;padding:.75rem;transition:all .2s ease}.ihub-year-month:hover{border-color:var(--primary);box-shadow:0 2px 8px color-mix(in oklab,var(--foreground) 8%,transparent)}.ihub-year-month-header{font-weight:600;font-size:.875rem;text-align:center;margin-bottom:.5rem;color:var(--foreground);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.ihub-year-month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.ihub-year-weekday{font-size:.625rem;font-weight:600;text-align:center;color:var(--muted-foreground);padding:2px 0}.ihub-year-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.ihub-year-day{position:relative;display:flex;align-items:center;justify-content:center;font-size:.7rem;padding:4px 2px;border-radius:4px;color:var(--foreground);transition:all .15s ease;min-height:24px}.ihub-year-day.empty{background:transparent}.ihub-year-day:not(.empty):hover{background:var(--accent)}.ihub-year-day.today{background:color-mix(in oklab,var(--primary) 15%,var(--background));font-weight:700;color:var(--primary)}.ihub-year-day.has-training{cursor:pointer;font-weight:700;background:var(--primary);color:#fff;border-radius:50%}.ihub-year-day.has-training:hover{background:color-mix(in oklab,var(--primary) 85%,#000);color:#fff}.ihub-year-day.has-training.today{outline:2px solid var(--primary);outline-offset:1px}.ihub-year-day-dot{display:none}.ihub-year-month-count{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);font-size:.7rem;text-align:center;color:var(--primary);font-weight:500;min-height:1.25rem}.ihub-modal-overlay{position:fixed;inset:0;background:color-mix(in oklab,var(--foreground) 50%,transparent);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ihub-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:90vh;background:var(--card);border:1px solid var(--border);border-radius:1rem;box-shadow:0 20px 40px color-mix(in oklab,var(--foreground) 20%,transparent);z-index:1001;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.ihub-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border)}.ihub-modal-close{padding:.5rem;border-radius:.5rem;background:transparent;border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;transition:all .2s ease}.ihub-modal-close:hover{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.ihub-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.ihub-modal-content::-webkit-scrollbar{width:6px}.ihub-modal-content::-webkit-scrollbar-track{background:var(--muted);border-radius:3px}.ihub-modal-content::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:3px}.ihub-modal-content::-webkit-scrollbar-thumb:hover{background:var(--primary)}.ihub-modal-image{margin-bottom:1.5rem}.ihub-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border)}.ihub-button-secondary{padding:.625rem 1.25rem;background:transparent;border:1px solid var(--border);color:var(--foreground);border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ihub-button-secondary:hover{background:var(--accent);border-color:var(--primary);color:var(--primary)}.ihub-button-primary{display:inline-flex;align-items:center;padding:.625rem 1.25rem;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.ihub-button-primary:hover{background:var(--primary);opacity:.9;transform:translateX(2px)}.DarkMode .ihub-booking-calendar{background:var(--background)}.DarkMode .ihub-booking-card{border-color:var(--border)}.DarkMode .ihub-booking-card:hover{box-shadow:0 4px 12px color-mix(in oklab,var(--primary) 15%,transparent)}.DarkMode .ihub-calendar-day:hover{box-shadow:0 2px 8px color-mix(in oklab,var(--primary) 10%,transparent)}.DarkMode .ihub-modal{background:var(--card);box-shadow:0 20px 40px color-mix(in oklab,var(--foreground) 30%,transparent)}.DarkMode .ihub-modal-overlay{background:color-mix(in oklab,var(--background) 80%,transparent)}@media (max-width:1200px){.ihub-booking-content{grid-template-columns:1fr;overflow:scroll}.ihub-calendar-panel{order:-1;max-height:500px}.ihub-bookings-panel{max-height:none}.ihub-year-view{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.ihub-year-view{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ihub-booking-calendar{padding:1rem}.ihub-booking-header{flex-direction:column;gap:1rem;align-items:flex-start}.ihub-calendar-day{min-height:80px}.ihub-calendar-day-header{font-size:.75rem;padding:.5rem}.ihub-day-number{font-size:.75rem}.ihub-calendar-training{font-size:.65rem;padding:.2rem .4rem}}@media (max-width:640px){.ihub-calendar-grid{gap:.25rem}.ihub-calendar-day{min-height:60px;padding:.25rem}.ihub-booking-card{font-size:.875rem}.ihub-year-view{grid-template-columns:1fr}.ihub-year-month{padding:1rem}.ihub-year-month-header{font-size:1rem}.ihub-year-day{min-height:28px}.ihub-year-day,.ihub-year-month-count{font-size:.8rem}}