.tab-control{margin-bottom:2rem}.tab-control-full,.tab-control-segmented{display:none}.tab-control-dropdown{display:block}.tab-select{color:#374151;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E") right 1rem center no-repeat;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:.875rem 3rem .875rem 1rem;font-size:1rem;font-weight:600;transition:all .2s}.tab-select:hover{border-color:#667eea}.tab-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}[dir=rtl] .tab-select{background-position:1rem;padding-left:3rem;padding-right:1rem}@media (width>=480px){.tab-control-dropdown{display:none}.tab-control-segmented{-webkit-overflow-scrolling:touch;background:#f3f4f6;border-radius:10px;gap:.5rem;padding:.25rem;display:flex;overflow-x:auto}.tab-segment{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.375rem;min-width:fit-content;padding:.625rem .75rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.tab-segment:hover{color:#374151}.tab-segment.active{color:#667eea;background:#fff;box-shadow:0 1px 3px #0000001a}.tab-segment .tab-icon{font-size:1rem;line-height:1}.tab-segment .tab-label{font-size:.875rem}.tab-segment .tab-count{background:#00000014;border-radius:10px;padding:.125rem .375rem;font-size:.75rem;font-weight:600}.tab-segment.active .tab-count{color:#667eea;background:#667eea26}.tab-segment .tab-count.zero{opacity:.5}}@media (width>=768px){.tab-control-segmented{display:none}.tab-control-full{border-bottom:2px solid #e5e7eb;gap:.5rem;display:flex}.tab{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.tab:hover{color:#667eea}.tab.active{color:#667eea;border-bottom-color:#667eea}.tab .tab-icon{font-size:1.125rem;line-height:1}.tab .count{background:#f3f4f6;border-radius:12px;margin-left:.5rem;padding:.125rem .5rem;font-size:.875rem;font-weight:500}.tab.active .count{color:#667eea;background:#667eea1a}.tab .count.zero{opacity:.5}}.dark-mode .tab-control-full{border-bottom-color:#0000!important}.dark-mode .tab,.dark-mode .tab:hover{color:#fff!important}.dark-mode .tab.active{color:#fff!important;border-bottom-color:#8b9fea!important;font-weight:700!important}.dark-mode .tab.active .count{color:#fff!important;background:#8b9fea4d!important}.dark-mode .tab .count{color:#fff!important;background:#ffffff1a!important}