.common-avatar{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-light);color:var(--text-primary);font-family:var(--font-inter),system-ui,sans-serif;font-weight:500;overflow:hidden;transition:all .2s ease}.common-avatar--small{width:2rem;height:2rem;font-size:.75rem}.common-avatar--medium{width:2.5rem;height:2.5rem;font-size:.875rem}.common-avatar--large{width:3rem;height:3rem;font-size:1rem}.common-avatar--xl{width:4rem;height:4rem;font-size:1.25rem}.common-avatar--xxl{width:6rem;height:6rem;font-size:1.5rem}.common-avatar--circle{border-radius:50%}.common-avatar--square{border-radius:8px}.common-avatar--rounded{border-radius:12px}.common-avatar--clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.common-avatar--clickable:hover{transform:scale(1.05);box-shadow:var(--shadow)}.common-avatar--clickable:active{transform:scale(1)}.common-avatar--clickable:focus{outline:2px solid var(--primary-color);outline-offset:2px}.common-avatar__image{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.common-avatar__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:inherit}@media(max-width:768px){.common-avatar--xxl{width:4rem;height:4rem;font-size:1.25rem}.common-avatar--xl{width:3rem;height:3rem;font-size:1rem}}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-weight:500;font-family:var(--font-inter);transition:all .2s ease;cursor:default;border:1px solid rgba(0,0,0,0);white-space:nowrap}.badge__content{gap:.25rem}.badge__content,.badge__remove{display:flex;align-items:center}.badge__remove{background:none;border:none;cursor:pointer;padding:0;width:1rem;height:1rem;justify-content:center;border-radius:50%;font-size:.75rem;font-weight:600;transition:all .2s ease;opacity:.7}.badge__remove:hover{opacity:1;background:rgba(0,0,0,.1)}.badge__remove:focus{outline:2px solid currentColor;outline-offset:2px}.badge--small{font-size:.75rem;padding:.125rem .5rem;gap:.25rem}.badge--small .badge__remove{width:.75rem;height:.75rem;font-size:.625rem}.badge--medium{font-size:.875rem;padding:.25rem .75rem;gap:.5rem}.badge--large{font-size:1rem;padding:.375rem 1rem;gap:.75rem}.badge--large .badge__remove{width:1.25rem;height:1.25rem;font-size:.875rem}.badge--default{background:var(--bg-light);color:var(--text-primary);border-color:var(--border-color)}.badge--default .badge__remove:hover{background:rgba(0,0,0,.1)}.badge--primary{background:var(--primary-gradient);color:#fff}.badge--primary .badge__remove:hover{background:hsla(0,0%,100%,.2)}.badge--success{background:var(--success-color);color:#fff}.badge--success .badge__remove:hover{background:hsla(0,0%,100%,.2)}.badge--warning{background:var(--warning-color);color:#fff}.badge--warning .badge__remove:hover{background:hsla(0,0%,100%,.2)}.badge--error{background:var(--error-color);color:#fff}.badge--error .badge__remove:hover{background:hsla(0,0%,100%,.2)}.badge--info{background:var(--product-info-color,#3b82f6);color:#fff}.badge--info .badge__remove:hover{background:hsla(0,0%,100%,.2)}.badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.badge:focus{outline:2px solid var(--primary-color);outline-offset:2px}.badge:disabled{opacity:.5;transform:none}.badge:disabled,.badge:disabled .badge__remove{cursor:not-allowed}.badge-group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}@media(max-width:768px){.badge--large{font-size:.875rem;padding:.25rem .75rem}}.alert{position:relative;padding:1rem 1.25rem;border-radius:8px;border:1px solid rgba(0,0,0,0);font-family:var(--font-inter);animation:alertSlideIn .3s ease-out;margin-bottom:1rem}.alert__content{display:flex;align-items:flex-start;gap:.75rem}.alert__icon{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.alert__body{flex:1 1;min-width:0}.alert__title{font-size:1rem;font-weight:600;margin:0 0 .5rem;line-height:1.4}.alert__message{font-size:.875rem;line-height:1.5;margin:0}.alert__action{flex-shrink:0;margin-left:1rem}.alert__action-btn{background:none;border:1px solid;color:inherit;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-inter)}.alert__action-btn:hover{background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.alert__action-btn:focus{outline:2px solid currentColor;outline-offset:2px}.alert__dismiss{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.25rem;font-weight:600;cursor:pointer;padding:.25rem;border-radius:4px;opacity:.7;transition:all .2s ease;color:inherit}.alert__dismiss:hover{opacity:1;background:rgba(0,0,0,.1)}.alert__dismiss:focus{outline:2px solid currentColor;outline-offset:2px}.alert--success{background:rgba(34,197,94,.1);border-color:var(--success-color);color:#166534}.alert--success .alert__icon{color:var(--success-color)}.alert--warning{background:rgba(245,158,11,.1);border-color:var(--warning-color);color:#92400e}.alert--warning .alert__icon{color:var(--warning-color)}.alert--error{background:rgba(239,68,68,.1);border-color:var(--error-color);color:#991b1b}.alert--error .alert__icon{color:var(--error-color)}.alert--info{background:rgba(59,130,246,.1);border-color:var(--primary-color);color:#1e40af}.alert--info .alert__icon{color:var(--primary-color)}.alert--small{padding:.75rem 1rem;font-size:.875rem}.alert--small .alert__icon{font-size:1rem}.alert--small .alert__title{font-size:.875rem}.alert--small .alert__message{font-size:.75rem}.alert--large{padding:1.5rem 1.75rem;font-size:1rem}.alert--large .alert__icon{font-size:1.5rem}.alert--large .alert__title{font-size:1.125rem}.alert--large .alert__message{font-size:1rem}.alert.alert--exiting{animation:alertSlideOut .3s ease-in forwards}.alert-container{position:fixed;top:1rem;right:1rem;z-index:1000;max-width:400px;width:100%;display:flex;flex-direction:column;gap:.75rem}.alert-container .alert{margin-bottom:0;box-shadow:0 4px 12px rgba(0,0,0,.15)}.alert-group{display:flex;flex-direction:column;gap:.75rem}@keyframes alertSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes alertSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media(max-width:768px){.alert{padding:.875rem 1rem}.alert__content{gap:.5rem}.alert__action{margin-left:.5rem}.alert__action-btn{padding:.375rem .75rem;font-size:.75rem}.alert-container{left:1rem;right:1rem;max-width:none}}@media(max-width:480px){.alert__content{flex-direction:column;align-items:flex-start}.alert__action{margin-left:0;margin-top:.75rem;align-self:stretch}.alert__action-btn{width:100%;justify-content:center}}.breadcrumb{font-family:var(--font-inter);padding:1rem 0}.breadcrumb__list{flex-wrap:wrap;margin:0;padding:0;list-style:none}.breadcrumb__item,.breadcrumb__list{display:flex;align-items:center;gap:.5rem}.breadcrumb__separator{color:var(--text-tertiary);font-size:.875rem;font-weight:400;margin:0 .25rem}.breadcrumb__link{background:none;border:none;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--primary-color);cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:.375rem;text-decoration:none}.breadcrumb__link:hover{background:rgba(37,99,235,.1);color:var(--primary-hover);transform:translateY(-1px)}.breadcrumb__link:focus{outline:2px solid var(--primary-color);outline-offset:2px}.breadcrumb__link--current{color:var(--text-primary);font-weight:600;background:var(--bg-light);cursor:default}.breadcrumb__link--current:hover{transform:none}.breadcrumb__link--current:hover,.breadcrumb__text{background:var(--bg-light);color:var(--text-primary)}.breadcrumb__text{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;border-radius:6px}.breadcrumb__icon{font-size:1rem;display:flex;align-items:center}.breadcrumb__label{font-weight:inherit}.breadcrumb__ellipsis{color:var(--text-tertiary);font-size:.875rem;font-weight:400;padding:.5rem .25rem}.breadcrumb--small .breadcrumb__ellipsis,.breadcrumb--small .breadcrumb__link,.breadcrumb--small .breadcrumb__text{font-size:.75rem;padding:.375rem .5rem}.breadcrumb--small .breadcrumb__icon{font-size:.875rem}.breadcrumb--small .breadcrumb__separator{font-size:.75rem}.breadcrumb--large .breadcrumb__ellipsis,.breadcrumb--large .breadcrumb__link,.breadcrumb--large .breadcrumb__text{font-size:1rem;padding:.625rem 1rem}.breadcrumb--large .breadcrumb__icon{font-size:1.125rem}.breadcrumb--large .breadcrumb__separator{font-size:1rem}.breadcrumb--minimal .breadcrumb__link,.breadcrumb--minimal .breadcrumb__text{background:none;padding:.25rem .5rem;border-radius:4px}.breadcrumb--minimal .breadcrumb__separator{margin:0 .125rem}.breadcrumb--compact .breadcrumb__item,.breadcrumb--compact .breadcrumb__list{gap:.25rem}.breadcrumb--compact .breadcrumb__link,.breadcrumb--compact .breadcrumb__text{padding:.25rem .5rem}.breadcrumb--compact .breadcrumb__separator{margin:0 .125rem}.breadcrumb--arrow .breadcrumb__separator{content:"→"}.breadcrumb--chevron .breadcrumb__separator{content:"›"}.breadcrumb--dot .breadcrumb__separator{content:"•"}.breadcrumb--pipe .breadcrumb__separator{content:"|"}@media(max-width:768px){.breadcrumb__item,.breadcrumb__list{gap:.25rem}.breadcrumb__link,.breadcrumb__text{padding:.375rem .5rem;font-size:.75rem}.breadcrumb__icon{font-size:.875rem}.breadcrumb__separator{font-size:.75rem;margin:0 .125rem}}@media(max-width:480px){.breadcrumb__list{flex-direction:column;align-items:flex-start;gap:.5rem}.breadcrumb__item{width:100%}.breadcrumb__link,.breadcrumb__text{width:100%;justify-content:flex-start}.breadcrumb__separator{display:none}.breadcrumb__item:not(:last-child):after{content:"";display:block;width:100%;height:1px;background:var(--border-color);margin-top:.5rem}}