*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1rem;color:#1f2937;background-color:#f9fafb;line-height:1.5;-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh}.app-layout__main{flex:1;min-width:0;padding:2rem;max-width:calc(100% - 320px)}.app-layout__basket{width:320px;flex-shrink:0;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;border:none;text-decoration:none;transition:background-color .15s ease,opacity .15s ease}.btn--add{background-color:#2563eb;color:#fff;width:100%}.btn--add:hover{background-color:#1d4ed8}.btn--remove{background-color:rgba(0,0,0,0);color:#dc2626;border:1px solid #dc2626;font-size:.75rem;padding:.25rem .5rem}.btn--remove:hover{background-color:#fef2f2}.btn--checkout{display:block;width:100%;background-color:#2563eb;color:#fff;padding:.75rem 1rem;text-align:center}.btn--checkout:hover:not([disabled]){background-color:#1d4ed8}.btn--checkout[disabled]{opacity:.5;cursor:not-allowed}.events-page{max-width:900px}.events-header{margin-bottom:2rem}.events-header h1{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.events-header__subtitle{color:#4b5563;font-size:1rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.25rem}.event-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.25rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;flex-direction:column;gap:.75rem;transition:box-shadow .15s ease,border-color .15s ease}.event-card:hover{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.event-card--in-basket{border-color:#2563eb;background-color:#eff6ff}.event-card__header{display:flex;align-items:center;justify-content:space-between}.event-card__category{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#2563eb;background-color:#eff6ff;padding:.25rem .5rem;border-radius:9999px}.event-card__price{font-size:1.125rem;font-weight:700;color:#111827}.event-card__title{font-size:1rem;font-weight:700;color:#111827;line-height:1.3}.event-card__meta{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#4b5563}.event-card__instructor{font-weight:500}.event-card__time{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.event-card__date{font-size:.875rem;font-weight:500;color:#1f2937}.event-card__hours{font-size:.875rem;color:#4b5563}.event-card__footer{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.event-card__spots{font-size:.75rem;color:#9ca3af;text-align:center}.event-card__sold-out{display:block;text-align:center;font-size:.875rem;font-weight:500;color:#9ca3af;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.375rem}.event-card__in-basket-label{display:block;text-align:center;font-size:.875rem;font-weight:500;color:#16a34a;padding:.5rem 1rem;background-color:#f0fdf4;border-radius:.375rem}.basket-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid #e5e7eb}.basket-panel__title{font-size:1.125rem;font-weight:700;color:#111827}.basket-panel__count{font-size:.875rem;font-weight:500;color:#fff;background-color:#2563eb;padding:.25rem .5rem;border-radius:9999px;min-width:1.5rem;text-align:center}.basket-panel__empty{padding:2rem 1.25rem;text-align:center;color:#9ca3af;font-size:.875rem}.basket-panel__items{list-style:none;padding:.75rem 0;flex:1}.basket-panel__item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid #f3f4f6}.basket-panel__item:last-child{border-bottom:none}.basket-panel__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.basket-panel__item-title{font-size:.875rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.basket-panel__item-time{font-size:.75rem;color:#9ca3af}.basket-panel__item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.basket-panel__item-price{font-size:.875rem;font-weight:700;color:#111827}.basket-panel__remove{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.75rem;padding:.25rem;line-height:1;border-radius:.375rem;transition:color .15s ease,background-color .15s ease}.basket-panel__remove:hover{color:#dc2626;background-color:#fef2f2}.basket-panel__footer{padding:1rem 1.25rem;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem}.basket-panel__total{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#4b5563}.basket-panel__total-amount{font-size:1rem;font-weight:700;color:#111827}.basket-page{max-width:640px}.basket-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.basket-page__header h1{font-size:1.5rem;font-weight:700;color:#111827}.basket-page__back{font-size:.875rem;color:#2563eb;text-decoration:none}.basket-page__back:hover{text-decoration:underline}.basket-page__empty{text-align:center;padding:3rem 0;display:flex;flex-direction:column;gap:1rem;align-items:center;color:#4b5563}.basket-page__empty .btn{width:auto;padding:.5rem 1.5rem}.basket-page__items{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.basket-page__item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.basket-page__item-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.basket-page__item-category{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#2563eb}.basket-page__item-title{font-size:1rem;font-weight:700;color:#111827}.basket-page__item-meta{font-size:.875rem;color:#4b5563}.basket-page__item-time{font-size:.875rem;color:#4b5563}.basket-page__item-price-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.basket-page__item-price{font-size:1.125rem;font-weight:700;color:#111827}.basket-page__summary{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.basket-page__total{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#4b5563}.basket-page__total-amount{font-size:1.25rem;font-weight:700;color:#111827}