.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);position:relative}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-secondary);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background-color:#c49564}.btn--danger{background-color:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background-color:#c82333}.btn--ghost{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.btn--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}.btn--md{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}.btn--lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem}.btn--full-width{width:100%}.btn--loading{position:relative}.btn__spinner{position:absolute;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.btn__text--hidden{visibility:hidden}.header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--spacing-lg);background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.header__left{display:flex;align-items:center;gap:var(--spacing-md)}.header__menu-btn{display:none;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.header__menu-btn:hover{background-color:var(--color-bg)}.header__menu-icon{display:flex;flex-direction:column;justify-content:space-between;width:20px;height:14px}.header__menu-icon span{display:block;width:100%;height:2px;background-color:var(--color-text);border-radius:1px}.header__brand{display:flex;align-items:center;gap:var(--spacing-sm)}.header__logo{width:36px;height:36px;border-radius:var(--radius-md);object-fit:contain}.header__title{font-size:1.25rem;font-weight:600;margin:0;color:var(--color-text)}.header__right,.header__user{display:flex;align-items:center;gap:var(--spacing-md)}.header__user-email{font-size:.875rem;color:var(--color-text-light)}@media (max-width: 991px){.header__menu-btn{display:flex;align-items:center;justify-content:center}.header__title{display:none}}@media (max-width: 767px){.header{padding:0 var(--spacing-md)}.header__user-email{display:none}}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);background-color:var(--color-bg-white);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:40;transition:transform var(--transition-normal)}.sidebar-overlay{display:none}.sidebar__nav{flex:1;padding:var(--spacing-md);overflow-y:auto}.sidebar__list{list-style:none;padding:0;margin:0}.sidebar__item{margin-bottom:var(--spacing-xs)}.sidebar__link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidebar__link:hover{background-color:var(--color-bg);text-decoration:none}.sidebar__link--active{background-color:var(--color-primary);color:#fff}.sidebar__link--active:hover{background-color:var(--color-primary-dark)}.sidebar__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.sidebar__label{font-weight:500;font-size:.9375rem}.sidebar__footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.sidebar__copyright{font-size:.75rem;color:var(--color-text-muted);margin:0;text-align:center}@media (max-width: 991px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:#00000080;z-index:35}}@media (max-width: 767px){.sidebar,.sidebar-overlay{display:none}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background-color:var(--color-bg-white);border-top:1px solid var(--color-border);z-index:50}.mobile-nav__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast);padding:var(--spacing-xs)}.mobile-nav__link:hover{text-decoration:none}.mobile-nav__link--active{color:var(--color-primary)}.mobile-nav__icon{display:flex;align-items:center;justify-content:center}.mobile-nav__label{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 767px){.mobile-nav{display:flex;align-items:center;justify-content:space-around}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__main{flex:1;margin-left:var(--sidebar-width);padding-top:var(--header-height);background-color:var(--color-bg);min-height:calc(100vh - var(--header-height))}.layout__content{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}@media (max-width: 991px){.layout__main{margin-left:0}}@media (max-width: 767px){.layout__main{padding-bottom:var(--mobile-nav-height)}.layout__content{padding:var(--spacing-md)}}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.input-group__label{font-weight:500;font-size:.875rem;color:var(--color-text)}.input-group__required{color:var(--color-error);margin-left:2px}.input-group__input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background-color:var(--color-bg-white)}.input-group__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8b45131a}.input-group__input::placeholder{color:var(--color-text-muted)}.input-group__input:disabled{background-color:var(--color-bg);cursor:not-allowed}.input-group--error .input-group__input{border-color:var(--color-error)}.input-group--error .input-group__input:focus{box-shadow:0 0 0 3px #dc35451a}.input-group__hint{font-size:.75rem;color:var(--color-text-muted)}.input-group__error{font-size:.75rem;color:var(--color-error)}textarea.input-group__input{min-height:100px;resize:vertical}.select-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.select-group__label{font-weight:500;font-size:.875rem;color:var(--color-text)}.select-group__required{color:var(--color-error);margin-left:2px}.select-group__wrapper{position:relative}.select-group__select{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;background-color:var(--color-bg-white);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.select-group__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8b45131a}.select-group__select:disabled{background-color:var(--color-bg);cursor:not-allowed}.select-group__arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--color-text-muted);pointer-events:none}.select-group--error .select-group__select{border-color:var(--color-error)}.select-group--error .select-group__select:focus{box-shadow:0 0 0 3px #dc35451a}.select-group__error{font-size:.75rem;color:var(--color-error)}.checkbox-group{margin-bottom:var(--spacing-sm)}.checkbox-group__label{display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-group__input{position:absolute;opacity:0;width:0;height:0}.checkbox-group__checkmark{width:20px;height:20px;border:2px solid var(--color-border-dark);border-radius:var(--radius-sm);background-color:var(--color-bg-white);transition:all var(--transition-fast);position:relative;flex-shrink:0}.checkbox-group__input:checked+.checkbox-group__checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-group__input:checked+.checkbox-group__checkmark:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-group__input:focus+.checkbox-group__checkmark{box-shadow:0 0 0 3px #8b451333}.checkbox-group__input:disabled+.checkbox-group__checkmark{background-color:var(--color-bg);cursor:not-allowed}.checkbox-group__text{font-size:.9375rem;color:var(--color-text)}.checkbox-group--error .checkbox-group__checkmark{border-color:var(--color-error)}.checkbox-group__error{display:block;font-size:.75rem;color:var(--color-error);margin-top:var(--spacing-xs);margin-left:28px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background-color:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-height:calc(100vh - var(--spacing-xl));display:flex;flex-direction:column;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal--sm{max-width:400px}.modal--md{max-width:560px}.modal--lg{max-width:800px}.modal--xl{max-width:1000px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal__title{margin:0;font-size:1.25rem;font-weight:600}.modal__close{background:none;border:none;font-size:1.75rem;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.modal__close:hover{background-color:var(--color-bg);color:var(--color-text)}.modal__body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background-color:var(--color-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}@media (max-width: 767px){.modal-backdrop{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:90vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUpMobile .3s ease}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal__footer{flex-direction:column;border-radius:0}.modal__footer .btn{width:100%}}.table-container{width:100%;overflow-x:auto;background-color:var(--color-bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;font-size:.9375rem}.table__head{background-color:var(--color-bg);position:sticky;top:0}.table__header{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border);white-space:nowrap}.table__header--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table__header--sortable:hover{background-color:var(--color-border)}.table__header-content{display:flex;align-items:center;gap:var(--spacing-xs)}.table__sort-icon{font-size:.75rem;color:var(--color-text-muted)}.table__sort-icon--active{color:var(--color-primary)}.table__row{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.table__row:last-child{border-bottom:none}.table__row:hover{background-color:var(--color-bg)}.table__row--clickable{cursor:pointer}.table__cell{padding:var(--spacing-md);color:var(--color-text);vertical-align:middle}.table__cell--loading,.table__cell--empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.table__cell--loading .loading-spinner{margin:0 auto}.table__actions{display:flex;align-items:center;gap:var(--spacing-xs);justify-content:flex-end}.table__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.table__icon-btn:hover{background-color:var(--color-bg);color:var(--color-primary)}.table__icon-btn--danger:hover{background-color:#fef2f2;color:var(--color-danger)}.table__status{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.table__status--unopened{background-color:#e3f2fd;color:#1565c0}.table__status--opened{background-color:#fff3e0;color:#ef6c00}.table__status--empty{background-color:#fce4ec;color:#c2185b}@media (max-width: 767px){.table__header,.table__cell{padding:var(--spacing-sm)}.table{font-size:.875rem}}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.pagination__info{font-size:.875rem;color:var(--color-text-light)}.pagination__controls{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-white);color:var(--color-text);font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.pagination__btn:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination__btn:disabled{opacity:.5;cursor:not-allowed}.pagination__current{padding:0 var(--spacing-md);font-size:.875rem;color:var(--color-text);white-space:nowrap}.pagination__size{display:flex;align-items:center;gap:var(--spacing-sm)}.pagination__size-label{font-size:.875rem;color:var(--color-text-light)}.pagination__size-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-white);font-size:.875rem;cursor:pointer}.pagination__size-select:focus{outline:none;border-color:var(--color-primary)}@media (max-width: 767px){.pagination{flex-direction:column;align-items:stretch;text-align:center}.pagination__controls{justify-content:center;order:-1}.pagination__size{justify-content:center}}.spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.spinner__circle{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner--sm .spinner__circle{width:20px;height:20px;border-width:2px}.spinner--md .spinner__circle{width:40px;height:40px;border-width:3px}.spinner--lg .spinner__circle{width:60px;height:60px;border-width:4px}.spinner__message{color:var(--color-text-light);font-size:.875rem}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;z-index:1000}.search-bar{position:relative;display:flex;align-items:center;width:100%;max-width:400px}.search-bar__icon{position:absolute;left:var(--spacing-md);color:var(--color-text-muted);display:flex;align-items:center;pointer-events:none}.search-bar__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:44px;padding-right:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;background-color:var(--color-bg-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8b45131a}.search-bar__input::placeholder{color:var(--color-text-muted)}.search-bar__clear{position:absolute;right:var(--spacing-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.search-bar__clear:hover{background-color:var(--color-bg);color:var(--color-text)}@media (max-width: 767px){.search-bar{max-width:none}}.image-upload{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.image-upload__label{font-weight:500;font-size:.875rem;color:var(--color-text)}.image-upload__dropzone{position:relative;display:flex;align-items:center;justify-content:center;min-height:150px;border:2px dashed var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.image-upload__dropzone:hover:not(.image-upload__dropzone--disabled){border-color:var(--color-primary);background-color:#8b451305}.image-upload__dropzone:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8b45131a}.image-upload__dropzone--dragging{border-color:var(--color-primary);background-color:#8b45130d}.image-upload__dropzone--disabled{cursor:not-allowed;opacity:.6}.image-upload__dropzone--has-image{border-style:solid}.image-upload__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-upload__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);text-align:center}.image-upload__icon{width:40px;height:40px;color:var(--color-text-muted)}.image-upload__text{font-size:.875rem;color:var(--color-text)}.image-upload__hint{font-size:.75rem;color:var(--color-text-muted)}.image-upload__preview{position:relative;width:100%;height:100%;min-height:150px;max-height:200px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs)}.image-upload__preview img{max-width:100%;max-height:180px;object-fit:contain;border-radius:var(--radius-sm)}.image-upload__remove{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-error);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.image-upload__remove:hover{background-color:var(--color-error-dark, #c82333);transform:scale(1.1)}.image-upload__remove svg{width:14px;height:14px}.image-upload--error .image-upload__dropzone{border-color:var(--color-error)}.image-upload__error{font-size:.75rem;color:var(--color-error)}@media (max-width: 767px){.image-upload__dropzone{min-height:120px}.image-upload__preview{min-height:120px;max-height:150px}.image-upload__preview img{max-height:130px}.image-upload__icon{width:32px;height:32px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.login-card{width:100%;max-width:400px;background-color:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.login-card__header{text-align:center;margin-bottom:var(--spacing-xl)}.login-card__logo{width:80px;height:80px;border-radius:var(--radius-lg);object-fit:contain;margin-bottom:var(--spacing-md)}.login-card__title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs)}.login-card__subtitle{font-size:.9375rem;color:var(--color-text-muted);margin:0}.login-card__form{display:flex;flex-direction:column}.login-card__link{display:block;width:100%;margin-top:var(--spacing-md);background:none;border:none;color:var(--color-primary);font-size:.875rem;text-align:center;cursor:pointer;padding:0}.login-card__link:hover{text-decoration:underline}.login-card__footer{margin-top:var(--spacing-xl);font-size:.75rem;color:var(--color-text-muted);text-align:center}.stats-card{background-color:var(--color-bg-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.stats-card__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.stats-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);border-radius:var(--radius-md);color:var(--color-primary)}.stats-card__title{font-size:.875rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.stats-card__value{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs)}.stats-card__subtitle{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.stats-card__breakdown{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.stats-card__breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.stats-card__breakdown-label{font-size:.875rem;color:var(--color-text-light)}.stats-card__breakdown-value{font-size:.875rem;font-weight:600;color:var(--color-text)}.chart-card{background-color:var(--color-bg-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.chart-card__title{font-size:1rem;font-weight:600;margin:0 0 var(--spacing-lg) 0;color:var(--color-text)}.chart-card__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.chart-card__bars{display:flex;flex-direction:column;gap:var(--spacing-md)}.chart-card__bar-row{display:flex;align-items:center;gap:var(--spacing-md)}.chart-card__bar-label{width:120px;font-size:.875rem;color:var(--color-text);flex-shrink:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chart-card__bar-container{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.chart-card__bar{height:24px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-sm);min-width:4px;transition:width .3s ease}.chart-card__bar-value{font-size:.875rem;font-weight:600;color:var(--color-text);min-width:30px}@media (max-width: 767px){.chart-card__bar-label{width:80px;font-size:.75rem}}.recent-activity{background-color:var(--color-bg-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.recent-activity__title{font-size:1rem;font-weight:600;margin:0 0 var(--spacing-md) 0;color:var(--color-text)}.recent-activity__loading,.recent-activity__empty{text-align:center;padding:var(--spacing-lg);color:var(--color-text-muted)}.recent-activity__list{list-style:none;padding:0;margin:0}.recent-activity__item{border-bottom:1px solid var(--color-border)}.recent-activity__item:last-child{border-bottom:none}.recent-activity__link{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;text-decoration:none;transition:background-color var(--transition-fast)}.recent-activity__link:hover{text-decoration:none}.recent-activity__info{display:flex;flex-direction:column;gap:2px}.recent-activity__name{font-weight:500;color:var(--color-text)}.recent-activity__type{font-size:.75rem;color:var(--color-text-muted)}.recent-activity__meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.recent-activity__status{font-size:.6875rem;padding:2px 6px;border-radius:var(--radius-full);font-weight:500}.recent-activity__status--unopened{background-color:#e3f2fd;color:#1565c0}.recent-activity__status--opened{background-color:#fff3e0;color:#ef6c00}.recent-activity__status--empty{background-color:#fce4ec;color:#c2185b}.recent-activity__date{font-size:.75rem;color:var(--color-text-muted)}.recent-activity__view-all{display:block;text-align:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);font-size:.875rem;color:var(--color-primary)}.recent-activity__view-all:hover{text-decoration:underline}.dashboard__title{margin:0 0 var(--spacing-xl) 0;font-size:1.5rem}.dashboard__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard__charts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard__activity{max-width:600px}@media (max-width: 991px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}.dashboard__stats>*:last-child{grid-column:span 2}.dashboard__charts{grid-template-columns:1fr}}@media (max-width: 767px){.dashboard__stats{grid-template-columns:1fr}.dashboard__stats>*:last-child{grid-column:span 1}.dashboard__activity{max-width:none}}.distillery-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.distillery-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}@media (max-width: 767px){.distillery-form__grid{grid-template-columns:1fr}.distillery-form__actions{flex-direction:column-reverse}.distillery-form__actions .btn{width:100%}}.distillery-card{background-color:var(--color-bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);cursor:pointer;transition:box-shadow var(--transition-fast)}.distillery-card:hover{box-shadow:var(--shadow-md)}.distillery-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.distillery-card__name{font-size:1rem;font-weight:600;margin:0;color:var(--color-text)}.distillery-card__country{font-size:.75rem;background-color:var(--color-bg);color:var(--color-text-light);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.distillery-card__details{margin-bottom:var(--spacing-md)}.distillery-card__location,.distillery-card__founded{font-size:.875rem;color:var(--color-text-muted);margin:0;margin-top:var(--spacing-xs)}.distillery-card__actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.distillery-card-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.distillery-card-list__loading,.distillery-card-list__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted);background-color:var(--color-bg-white);border-radius:var(--radius-md)}.distillery-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.distillery-filters__select{width:200px;margin-bottom:0}@media (max-width: 767px){.distillery-filters{flex-direction:column}.distillery-filters__select{width:100%}}.inline-distillery-form{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.inline-distillery-form__title{font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-md) 0;color:var(--color-text)}.inline-distillery-form__fields{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.inline-distillery-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}@media (max-width: 767px){.inline-distillery-form__fields{grid-template-columns:1fr}}.import-modal__template{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.import-modal__template p{margin:0;font-size:.875rem;color:var(--color-text-light)}.import-modal__upload{margin-bottom:var(--spacing-lg)}.import-modal__label{display:block;font-weight:500;font-size:.875rem;margin-bottom:var(--spacing-sm)}.import-modal__input{display:block;width:100%;padding:var(--spacing-md);border:2px dashed var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);cursor:pointer}.import-modal__input:hover{border-color:var(--color-primary)}.import-modal__validation{margin-bottom:var(--spacing-lg)}.import-modal__success{padding:var(--spacing-md);background-color:#e8f5e9;color:#2e7d32;border-radius:var(--radius-md);font-weight:500}.import-modal__errors h4{margin:0 0 var(--spacing-sm) 0;color:var(--color-error)}.import-modal__error-list{margin:0;padding:0 0 0 var(--spacing-lg);max-height:200px;overflow-y:auto;font-size:.875rem}.import-modal__error-list li{margin-bottom:var(--spacing-xs);color:var(--color-text-light)}.import-modal__more{font-style:italic;color:var(--color-text-muted)}.import-modal__partial{margin-top:var(--spacing-md);padding:var(--spacing-sm);background-color:#fff3e0;color:#ef6c00;border-radius:var(--radius-sm);font-size:.875rem}.import-modal__result{padding:var(--spacing-md);background-color:#e3f2fd;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.import-modal__result p{margin:0}.import-modal__import-errors{margin-top:var(--spacing-sm);color:var(--color-error);font-size:.875rem}@media (max-width: 767px){.import-modal__template{flex-direction:column;gap:var(--spacing-md);text-align:center}}.bottle-form__section{margin-bottom:var(--spacing-xl)}.bottle-form__section-title{font-size:1rem;font-weight:600;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);color:var(--color-text)}.bottle-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.bottle-form__distillery-row{display:flex;gap:var(--spacing-md);align-items:flex-end}.bottle-form__distillery-row .select-group{flex:1}.bottle-form__checkboxes{display:flex;flex-wrap:wrap;gap:var(--spacing-md) var(--spacing-xl)}.bottle-form__notes{display:flex;flex-direction:column;gap:var(--spacing-md)}.bottle-form__images{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.bottle-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}@media (max-width: 767px){.bottle-form__grid{grid-template-columns:1fr}.bottle-form__distillery-row{flex-direction:column;align-items:stretch}.bottle-form__checkboxes{flex-direction:column;gap:var(--spacing-sm)}.bottle-form__images{grid-template-columns:1fr}.bottle-form__actions{flex-direction:column-reverse}.bottle-form__actions .btn{width:100%}}.bottle-card{background-color:var(--color-bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);cursor:pointer;transition:box-shadow var(--transition-fast)}.bottle-card:hover{box-shadow:var(--shadow-md)}.bottle-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.bottle-card__name{font-size:1rem;font-weight:600;margin:0;color:var(--color-text)}.bottle-card__status{font-size:.7rem;padding:2px 8px;border-radius:var(--radius-full);font-weight:500;white-space:nowrap}.bottle-card__status--unopened{background-color:#e3f2fd;color:#1565c0}.bottle-card__status--opened{background-color:#fff3e0;color:#ef6c00}.bottle-card__status--empty{background-color:#fce4ec;color:#c2185b}.bottle-card__type{font-size:.75rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.bottle-card__details{margin-bottom:var(--spacing-md)}.bottle-card__distillery{font-size:.875rem;color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.bottle-card__meta{display:flex;gap:var(--spacing-md);font-size:.875rem;color:var(--color-text-muted)}.bottle-card__actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.bottle-card-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.bottle-card-list__loading,.bottle-card-list__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted);background-color:var(--color-bg-white);border-radius:var(--radius-md)}.bottle-filters{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.bottle-filters__selects{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.bottle-filters__select{width:180px;margin-bottom:0}@media (max-width: 767px){.bottle-filters__selects{flex-direction:column}.bottle-filters__select{width:100%}}.bottle-image-modal__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);padding:var(--spacing-md) 0}.bottle-image-modal__image-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.bottle-image-modal__label{font-size:.875rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.bottle-image-modal__image{max-width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.bottle-image-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-md);text-align:center}.bottle-image-modal__empty-icon{width:64px;height:64px;color:var(--color-text-muted);margin-bottom:var(--spacing-md);opacity:.5}.bottle-image-modal__empty-text{font-size:1rem;color:var(--color-text-muted);margin:0}@media (max-width: 767px){.bottle-image-modal__content{grid-template-columns:1fr}.bottle-image-modal__image{max-height:300px}}.bottles-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.bottles-page__title{margin:0;font-size:1.5rem}.bottles-page__actions{display:flex;gap:var(--spacing-sm)}@media (max-width: 767px){.bottles-page__header{flex-direction:column;align-items:stretch}.bottles-page__actions{flex-direction:column}.bottles-page__actions .btn{width:100%}}.bottle-detail__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.bottle-detail__actions{display:flex;gap:var(--spacing-sm)}.bottle-detail__content{background-color:var(--color-bg-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.bottle-detail__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.bottle-detail__name{font-size:1.75rem;margin:0}.bottle-detail__status{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:500}.bottle-detail__status--unopened{background-color:#e3f2fd;color:#1565c0}.bottle-detail__status--opened{background-color:#fff3e0;color:#ef6c00}.bottle-detail__status--empty{background-color:#fce4ec;color:#c2185b}.bottle-detail__type-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.bottle-detail__type{background-color:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem}.bottle-detail__size{color:var(--color-text-muted);font-size:.875rem}.bottle-detail__distillery{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);font-size:1rem}.bottle-detail__country{color:var(--color-text-muted)}.bottle-detail__info{margin-top:var(--spacing-xl)}.bottle-detail__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.bottle-detail__field{margin-bottom:var(--spacing-md)}.bottle-detail__field--full{grid-column:1 / -1}.bottle-detail__field label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.bottle-detail__field p{margin:0;font-size:1rem;color:var(--color-text);white-space:pre-wrap}.bottle-detail__characteristics{margin-bottom:var(--spacing-lg)}.bottle-detail__characteristics label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.bottle-detail__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.bottle-detail__tag{background-color:var(--color-secondary);color:var(--color-text);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.8125rem}.bottle-detail__images{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.bottle-detail__images>label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.bottle-detail__images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.bottle-detail__image-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.bottle-detail__image-label{font-size:.8125rem;font-weight:500;color:var(--color-text-muted)}.bottle-detail__image{max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.bottle-detail__meta{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.bottle-detail__meta p{margin:0;font-size:.75rem;color:var(--color-text-muted)}.bottle-detail__error{text-align:center;padding:var(--spacing-xxl)}@media (max-width: 767px){.bottle-detail__grid{grid-template-columns:1fr 1fr}.bottle-detail__content{padding:var(--spacing-md)}.bottle-detail__title-row{flex-direction:column;align-items:flex-start}}.distilleries-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.distilleries-page__title{margin:0;font-size:1.5rem}.distilleries-page__actions{display:flex;gap:var(--spacing-sm)}@media (max-width: 767px){.distilleries-page__header{flex-direction:column;align-items:stretch}.distilleries-page__actions{flex-direction:column}.distilleries-page__actions .btn{width:100%}}.distillery-detail__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.distillery-detail__actions{display:flex;gap:var(--spacing-sm)}.distillery-detail__content{background-color:var(--color-bg-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.distillery-detail__name{font-size:1.75rem;margin:0 0 var(--spacing-sm) 0}.distillery-detail__country{display:inline-block;background-color:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem}.distillery-detail__info{margin-top:var(--spacing-xl)}.distillery-detail__row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.distillery-detail__field{margin-bottom:var(--spacing-lg)}.distillery-detail__field label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.distillery-detail__field p{margin:0;font-size:1rem;color:var(--color-text)}.distillery-detail__meta{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.distillery-detail__meta p{margin:0;font-size:.75rem;color:var(--color-text-muted)}.distillery-detail__error{text-align:center;padding:var(--spacing-xxl)}@media (max-width: 767px){.distillery-detail__row{grid-template-columns:1fr}.distillery-detail__content{padding:var(--spacing-md)}}.utilities-page{padding:var(--spacing-lg);max-width:800px}.utilities-page__header{margin-bottom:var(--spacing-xl)}.utilities-page__title{font-size:1.75rem;font-weight:600;color:var(--color-text)}.utilities-page__content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.utilities-section{background-color:var(--color-bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.utilities-section__title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.utilities-section__description{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.utilities-section__actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.password-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.password-form__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.password-form__field label{font-weight:500;color:var(--color-text)}.password-form__field input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;transition:border-color var(--transition-fast)}.password-form__field input:focus{outline:none;border-color:var(--color-primary)}@media (max-width: 767px){.utilities-page{padding:var(--spacing-md)}.utilities-section__actions{flex-direction:column}.utilities-section__actions .btn{width:100%}}.not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background-color:var(--color-bg)}.not-found__content{text-align:center}.not-found__code{font-size:6rem;font-weight:700;color:var(--color-primary);margin:0;line-height:1}.not-found__title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:var(--spacing-md) 0}.not-found__message{color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}:root{--color-primary: #8b4513;--color-primary-dark: #6b3410;--color-primary-light: #a0522d;--color-secondary: #d4a574;--color-accent: #c9a227;--color-success: #28a745;--color-warning: #ffc107;--color-error: #dc3545;--color-info: #17a2b8;--color-text: #333333;--color-text-light: #666666;--color-text-muted: #999999;--color-bg: #f8f9fa;--color-bg-white: #ffffff;--color-bg-dark: #343a40;--color-border: #dee2e6;--color-border-dark: #ced4da;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--sidebar-width: 250px;--header-height: 60px;--mobile-nav-height: 60px;--bp-sm: 576px;--bp-md: 768px;--bp-lg: 992px;--bp-xl: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;color:var(--color-text);background-color:var(--color-bg)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:var(--spacing-sm)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:var(--spacing-md)}input,select,textarea,button{font-family:inherit;font-size:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-muted{color:var(--color-text-muted)}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px}.toast{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-bg-white);box-shadow:var(--shadow-lg);cursor:pointer;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast--success{border-left:4px solid var(--color-success)}.toast--error{border-left:4px solid var(--color-error)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--info{border-left:4px solid var(--color-info)}.toast__message{flex:1;margin-right:var(--spacing-sm)}.toast__close{background:none;border:none;font-size:1.25rem;color:var(--color-text-muted);cursor:pointer;padding:0;line-height:1}.toast__close:hover{color:var(--color-text)}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner--lg{width:48px;height:48px;border-width:4px}.loading-spinner-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl)}.loading-spinner-container--full-screen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 767px){:root{--header-height: 56px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.toast-container{top:auto;bottom:calc(var(--mobile-nav-height) + var(--spacing-md));left:var(--spacing-md);right:var(--spacing-md);max-width:none}}