.tabs .tabs__header{border-bottom:2px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tabs .tabs__header-item{align-items:center;display:flex;gap:.25rem;position:relative}.tabs .tabs__tab{background:none;background-color:var(--inactive-tab-bg,transparent);border:none;border-radius:6px 6px 0 0;color:var(--inactive-tab-color,#6b7280);cursor:pointer;font-size:var(--tab-font-size,16px);font-weight:600;padding:.75rem 1.25rem;position:relative;transition:all .2s ease}.tabs .tabs__tab--active,.tabs .tabs__tab:hover{color:var(--active-tab-color,#3b82f6)}.tabs .tabs__tab--active{background-color:var(--active-tab-bg,transparent)}.tabs .tabs__remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:18px;line-height:1;opacity:.6;padding:.25rem;transition:opacity .2s}.tabs .tabs__remove:hover{opacity:1}.tabs .tabs__add{margin-bottom:.5rem}.tabs .tabs__content{background-color:var(--content-bg,#fff);border-radius:6px;padding:1.5rem}.tabs .tabs__panel{animation:fadeIn .3s ease;font-size:var(--content-font-size,14px)}.tabs.tabs--pills .tabs__header{border-bottom:none}.tabs.tabs--pills .tabs__tab{border-radius:50px}.tabs.tabs--pills .tabs__tab--active{background-color:var(--active-tab-bg,#3b82f6);color:#fff}.tabs.tabs--underline .tabs__tab{border-radius:0;padding-bottom:1rem}.tabs.tabs--underline .tabs__tab--active{border-bottom:3px solid var(--active-tab-color,#3b82f6)}.tabs.tabs--vertical .tabs__container{display:flex;gap:1.5rem}.tabs.tabs--vertical .tabs__header{border-bottom:none;border-right:2px solid #e5e7eb;flex-direction:column;flex-shrink:0;margin-bottom:0;padding-right:1.5rem;width:var(--vertical-tab-width,200px)}.tabs.tabs--vertical .tabs__content{flex:1}.tabs.tabs--vertical.tabs--align-right .tabs__container{flex-direction:row-reverse}.tabs.tabs--vertical.tabs--align-right .tabs__header{border-left:2px solid #e5e7eb;border-right:none;padding-left:1.5rem;padding-right:0}@media(max-width:767px){.tabs.tabs--vertical .tabs__container{flex-direction:column!important}.tabs.tabs--vertical .tabs__header{border-bottom:2px solid #e5e7eb!important;border-left:none!important;border-right:none!important;margin-bottom:1.5rem;padding-left:0!important;padding-right:0!important;width:100%!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}