.coffee-card-module-scss-module__azHVlq__card{padding:var(--space-2xl)var(--space-3xl);border-radius:var(--radius-sm);background-color:var(--color-bg-secondary);box-shadow:var(--shadow-sm);transition:background-color var(--transition-base);flex-direction:column;align-items:center;display:flex;position:relative}.coffee-card-module-scss-module__azHVlq__card:hover{background-color:var(--color-bg-tertiary)}.coffee-card-module-scss-module__azHVlq__card:hover .coffee-card-module-scss-module__azHVlq__image{transform:scale(1.05)}.coffee-card-module-scss-module__azHVlq__type{z-index:var(--z-sticky);top:var(--space-sm);left:var(--space-sm);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);text-transform:capitalize;position:absolute}.coffee-card-module-scss-module__azHVlq__type[data-type=arabic]{background-color:var(--color-kawaii-teal)}.coffee-card-module-scss-module__azHVlq__type[data-type=robusta]{background-color:var(--color-dark-graphite)}.coffee-card-module-scss-module__azHVlq__image_wrapper{border-radius:var(--radius-sm);width:260px;max-width:100%;height:210px;margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex;overflow:hidden}.coffee-card-module-scss-module__azHVlq__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.coffee-card-module-scss-module__azHVlq__content{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.coffee-card-module-scss-module__azHVlq__name{margin:0 0 var(--space-xs);color:var(--color-accent-light);font-family:var(--font-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.coffee-card-module-scss-module__azHVlq__description{-webkit-line-clamp:2;margin:0 0 var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.coffee-card-module-scss-module__azHVlq__price{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}
.pagination-module-scss-module__Y8xVKa__pagination{margin-top:var(--space-xl);justify-content:center;align-items:center;gap:var(--space-xxs);display:flex}@media (min-width:900px){.pagination-module-scss-module__Y8xVKa__pagination{gap:var(--space-xs)}}.pagination-module-scss-module__Y8xVKa__button{min-width:30px;height:30px;padding:var(--space-xxs);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),border-color var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;display:flex}@media (min-width:900px){.pagination-module-scss-module__Y8xVKa__button{min-width:40px;height:40px;padding:var(--space-xs)}}.pagination-module-scss-module__Y8xVKa__button:hover:not(:disabled){border-color:var(--color-border-active);background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.pagination-module-scss-module__Y8xVKa__button:disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:.5}.pagination-module-scss-module__Y8xVKa__button[data-active=true]{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-text-inverse)}.pagination-module-scss-module__Y8xVKa__info{padding:0 var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size-xl)}
.spinner-module-scss-module__BOkkiq__spinner{box-sizing:border-box;border:5px solid var(--color-bg-muted);border-bottom-color:var(--color-accent);border-radius:50%;width:48px;height:48px;font-size:0;animation:1s linear infinite spinner-module-scss-module__BOkkiq__rotation;display:inline-block}@keyframes spinner-module-scss-module__BOkkiq__rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.tabs-module-scss-module__23YSQq__tabs{padding:var(--space-xxs);border-radius:var(--radius-pill);background-color:var(--color-bg-secondary);display:inline-flex}.tabs-module-scss-module__23YSQq__tab{padding:var(--space-sm)var(--space-xl);border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);background:0 0;border:0;position:relative}.tabs-module-scss-module__23YSQq__tab:hover:not([data-active]){color:var(--color-text-primary)}.tabs-module-scss-module__23YSQq__tab[data-active]{color:var(--color-text-inverse)}.tabs-module-scss-module__23YSQq__indicator{z-index:0;border-radius:var(--radius-pill);background-color:var(--color-text-primary);position:absolute;inset:0}.tabs-module-scss-module__23YSQq__label{z-index:1;position:relative}
.coffee-list-module-scss-module__au3Moq__wrapper{flex-direction:column;width:100%;min-height:30vh;display:flex}.coffee-list-module-scss-module__au3Moq__filters{margin-bottom:var(--space-xl);justify-content:center;display:flex}.coffee-list-module-scss-module__au3Moq__list{flex-direction:column;width:100%;min-height:30vh;transition:opacity .2s;display:flex;position:relative}.coffee-list-module-scss-module__au3Moq__list[data-fetching] .coffee-list-module-scss-module__au3Moq__grid{opacity:.1;pointer-events:none}.coffee-list-module-scss-module__au3Moq__list[data-fetching] .coffee-list-module-scss-module__au3Moq__spinner{visibility:visible}.coffee-list-module-scss-module__au3Moq__spinner{z-index:var(--z-modal);width:100%;height:100%;padding-top:var(--space-6xl);visibility:hidden;justify-content:center;align-items:flex-start;display:flex;position:absolute;top:0;left:0}.coffee-list-module-scss-module__au3Moq__grid{max-width:100%;padding:0 var(--space-md);gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}@media (min-width:1280px){.coffee-list-module-scss-module__au3Moq__grid{grid-template-columns:repeat(3,1fr)}}.coffee-list-module-scss-module__au3Moq__empty{min-height:30vh;color:var(--color-text-tertiary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-align:center;justify-content:center;align-items:center;display:flex}
.button-module-scss-module__WBuRGq__button{border-radius:var(--radius-pill);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-weight:var(--font-weight-medium);justify-content:center;align-items:center;gap:var(--space-xs);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);border:1px solid #0000;display:inline-flex}.button-module-scss-module__WBuRGq__button:hover{box-shadow:var(--shadow-lg)}.button-module-scss-module__WBuRGq__button:disabled{cursor:not-allowed;opacity:.5}.button-module-scss-module__WBuRGq__button[data-size=sm]{padding:var(--space-xs)var(--space-md);font-size:var(--font-size-xs)}.button-module-scss-module__WBuRGq__button[data-size=md]{padding:var(--space-sm)var(--space-lg);font-size:var(--font-size-sm)}.button-module-scss-module__WBuRGq__button[data-size=lg]{padding:var(--space-md)var(--space-xl);font-size:var(--font-size-base)}.button-module-scss-module__WBuRGq__button[data-full-width=true]{width:100%}.button-module-scss-module__WBuRGq__button[data-variant=primary]{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-text-primary)}.button-module-scss-module__WBuRGq__button[data-variant=primary]:hover:not(:disabled){border-color:var(--color-accent-hover);background-color:var(--color-accent-hover)}.button-module-scss-module__WBuRGq__button[data-variant=primary]:active:not(:disabled){border-color:var(--color-accent-active);background-color:var(--color-accent-active)}.button-module-scss-module__WBuRGq__button[data-variant=secondary]{border-color:var(--color-bg-tertiary);background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.button-module-scss-module__WBuRGq__button[data-variant=secondary]:hover:not(:disabled){border-color:var(--color-bg-muted);background-color:var(--color-bg-muted)}.button-module-scss-module__WBuRGq__button[data-variant=outline]{border-color:var(--color-border-accent);background-color:var(--color-bg-transparent);color:var(--color-text-primary)}.button-module-scss-module__WBuRGq__button[data-variant=outline]:hover:not(:disabled){border-color:var(--color-border-active);background-color:var(--color-bg-tertiary)}.button-module-scss-module__WBuRGq__button[data-variant=ghost]{box-shadow:none;color:var(--color-text-primary);background-color:#0000;border:0}.button-module-scss-module__WBuRGq__button[data-variant=ghost]:hover:not(:disabled){color:var(--color-text-secondary)}
.button-selector-module-scss-module__J1CdqG__field{gap:var(--space-xs);flex-direction:column;display:flex}.button-selector-module-scss-module__J1CdqG__label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.button-selector-module-scss-module__J1CdqG__group{gap:var(--space-sm);display:flex}.button-selector-module-scss-module__J1CdqG__button{padding:var(--space-sm)var(--space-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-bg-transparent);color:var(--color-text-tertiary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:capitalize;transition:background-color var(--transition-fast),border-color var(--transition-fast);flex:1}.button-selector-module-scss-module__J1CdqG__button:hover{border-color:var(--color-accent-light);color:var(--color-accent-light)}.button-selector-module-scss-module__J1CdqG__button[data-selected=true]{border-color:var(--color-text-primary);background-color:var(--color-bg-transparent);color:var(--color-text-primary)}.button-selector-module-scss-module__J1CdqG__button[data-error=true]{border-color:var(--color-error)}.button-selector-module-scss-module__J1CdqG__error{color:var(--color-error);font-size:var(--font-size-xs)}
.input-module-scss-module__hXRVxG__field{gap:var(--space-xs);flex-direction:column;display:flex}.input-module-scss-module__hXRVxG__label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.input-module-scss-module__hXRVxG__wrapper{align-items:center;display:flex;position:relative}.input-module-scss-module__hXRVxG__input{width:100%;padding:var(--space-sm)var(--space-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);transition:border-color var(--transition-fast),background-color var(--transition-fast);outline:none}.input-module-scss-module__hXRVxG__input::placeholder{color:var(--color-text-muted)}.input-module-scss-module__hXRVxG__input:hover{background-color:var(--color-bg-muted)}.input-module-scss-module__hXRVxG__input:focus{border-color:var(--color-border-active)}.input-module-scss-module__hXRVxG__input[data-error=true]{border-color:var(--color-error)}.input-module-scss-module__hXRVxG__input[data-has-suffix=true]{padding-right:var(--space-2xl)}.input-module-scss-module__hXRVxG__suffix{right:var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-sm);pointer-events:none;position:absolute}.input-module-scss-module__hXRVxG__error{color:var(--color-error);font-size:var(--font-size-xs)}
.modal-module-scss-module__c2CVBW__overlay{z-index:var(--z-modal-backdrop);padding:var(--space-md);opacity:0;transition:opacity var(--transition-base);background-color:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-module-scss-module__c2CVBW__overlay[data-open=true]{opacity:1}.modal-module-scss-module__c2CVBW__modal{z-index:var(--z-modal);width:100%;max-width:var(--modal-width);padding:var(--space-xl);background-color:var(--color-bg-secondary);transition:transform var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(20px)}.modal-module-scss-module__c2CVBW__modal[data-open=true]{transform:translateY(0)}@media (min-width:900px){.modal-module-scss-module__c2CVBW__modal{padding:var(--space-6xl)var(--space-8xl)}}.modal-module-scss-module__c2CVBW__close{top:var(--space-md);right:var(--space-md);position:absolute}.modal-module-scss-module__c2CVBW__title{margin:0 0 var(--space-xl);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-regular);text-align:center;text-transform:uppercase}@media (min-width:900px){.modal-module-scss-module__c2CVBW__title{font-size:var(--font-size-3xl)}}.modal-module-scss-module__c2CVBW__content{flex:1}
.toast-module-scss-module__8Z0tHG__container{z-index:var(--z-toast);top:var(--space-md);width:100%;max-width:100%;padding:0 var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex;position:fixed;right:0}@media (min-width:900px){.toast-module-scss-module__8Z0tHG__container{max-width:400px;right:1rem}}.toast-module-scss-module__8Z0tHG__toast{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:var(--space-sm);display:flex}.toast-module-scss-module__8Z0tHG__toast[data-type=error]{background-color:var(--color-error);color:var(--color-text-primary)}.toast-module-scss-module__8Z0tHG__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-module-scss-module__8Z0tHG__icon svg{width:20px;height:20px}.toast-module-scss-module__8Z0tHG__message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);flex:1;margin:0}.toast-module-scss-module__8Z0tHG__close{color:currentColor;flex-shrink:0}.toast-module-scss-module__8Z0tHG__close:hover{opacity:.8}.toast-module-scss-module__8Z0tHG__close svg{width:16px;height:16px}
.create-coffee-form-module-scss-module__aRCRoq__form{gap:var(--space-lg);flex-direction:column;display:flex}.create-coffee-form-module-scss-module__aRCRoq__sprite{z-index:-1;background-image:url(/images/coffee-sprites.png);background-repeat:no-repeat;background-size:contain;width:16rem;height:11rem;display:none;position:absolute;bottom:2rem;left:-7rem;overflow:hidden;transform:rotate(30deg)}@media (min-width:900px){.create-coffee-form-module-scss-module__aRCRoq__sprite{display:block}}.create-coffee-form-module-scss-module__aRCRoq__row{gap:var(--space-lg);flex-direction:column;display:flex}@media (min-width:640px){.create-coffee-form-module-scss-module__aRCRoq__row{flex-direction:row}}.create-coffee-form-module-scss-module__aRCRoq__col{flex:1}.create-coffee-form-module-scss-module__aRCRoq__actions{margin-top:var(--space-md);justify-content:center;gap:var(--space-md);display:flex}.create-coffee-form-module-scss-module__aRCRoq__error{color:var(--color-error);font-size:var(--font-size-sm);text-align:center}
.home-hero-module-scss-module__Fq7VgG__hero{background-color:var(--color-bg-primary);background-image:url(/images/hero-bg.jpg);background-position:50% 100%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:80vh;display:flex}@media (min-width:900px){.home-hero-module-scss-module__Fq7VgG__hero{background-position:20% 100%}}.home-hero-module-scss-module__Fq7VgG__hero_content{padding:0 var(--space-2xl)0;flex-direction:column;justify-content:center;align-items:center;display:flex}@media (min-width:900px){.home-hero-module-scss-module__Fq7VgG__hero_content{justify-content:center;align-items:flex-start}}.home-hero-module-scss-module__Fq7VgG__hero_title{margin:0 0 var(--space-sm);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);text-align:center;text-transform:uppercase}@media (min-width:900px){.home-hero-module-scss-module__Fq7VgG__hero_title{font-size:var(--font-size-5xl);text-align:left}}.home-hero-module-scss-module__Fq7VgG__hero_description{margin:0 0 var(--space-lg);color:var(--color-text-secondary);font-family:var(--font-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);text-align:center}@media (min-width:900px){.home-hero-module-scss-module__Fq7VgG__hero_description{color:var(--color-text-tertiary);text-align:left}}