.tab-system{gap:.5rem;transition:all .3s;display:flex}.tab-system.horizontal{border-bottom:1px solid var(--glass-border);flex-direction:row;padding-bottom:.5rem}.tab-system.vertical{flex-direction:column}.tab-item{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.8rem;padding:.8rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.tab-system.standard.horizontal .tab-item.active{color:var(--primary);border-bottom:2px solid var(--primary);background:#c21d1d0d;border-radius:4px 4px 0 0}.tab-system.sidebar.vertical .tab-item{border:1px solid var(--glass-border);background:#ffffff05;justify-content:flex-start;align-self:stretch}.tab-system.sidebar.vertical .tab-item:hover{color:var(--foreground);background:#ffffff0d}.tab-system.sidebar.vertical .tab-item.active{color:var(--primary);border-color:var(--primary);background:#c21d1d1a;box-shadow:0 4px 15px #c21d1d26}.tab-system.docked-sidebar{-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);z-index:1;background:#ffffff08;border-left:none;border-radius:0 12px 12px 0;flex-direction:column;gap:6px;padding:10px 6px;position:absolute;top:-1px;left:100%;box-shadow:12px 0 30px #0000004d}.tab-system.docked-sidebar-left{-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);z-index:1;background:#ffffff08;border-right:none;border-radius:12px 0 0 12px;flex-direction:column;gap:6px;padding:10px 6px;position:absolute;top:-1px;right:100%;box-shadow:-12px 0 30px #0000004d}.tab-system.docked-sidebar .tab-item,.tab-system.docked-sidebar-left .tab-item{width:36px;height:36px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;padding:0}.tab-system.docked-sidebar .tab-item:hover{background:var(--glass-bg);color:var(--foreground)}.tab-system.docked-sidebar .tab-item.active{background:var(--primary-transparent);color:var(--primary);box-shadow:0 0 10px #c21d1d33}.tab-item.disabled{opacity:.3;cursor:not-allowed}.tab-badge{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:.1rem .4rem;font-size:.65rem;font-weight:700;display:flex;box-shadow:0 0 8px #ef444466}.docked-sidebar .tab-badge,.docked-sidebar-left .tab-badge{margin-left:0;position:absolute;top:-2px;right:-2px}
@media (max-width:768px){.tab-system{width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;gap:.5rem!important;padding:0!important;position:static!important;transform:none!important}.tab-item{border:1px solid var(--glass-border)!important;background:#ffffff08!important;border-radius:8px!important;justify-content:flex-start!important;width:100%!important;height:auto!important;padding:.8rem 1.2rem!important}.tab-item.active{background:var(--primary-transparent)!important;color:var(--primary)!important;border-color:var(--primary)!important}.tab-label{display:inline!important}.tab-badge{margin-left:auto!important;position:static!important}}
